@extends('layouts.app')

@section('form-title') {{ __('Task') }}-{{ __('Message') }}: {{ $notification->subject }} @endsection
@section('form-sub-title') 
    @if(!empty($notification->project) && !empty($notification->client)) 
        {{ $notification->project->title }} -  {{ $notification->client->name }} 
    @endif
@endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('inbox.index') }}">{{ __('Inbox') }}</a> </li> 
<li class="breadcrumb-item">{{ $notification->subject }} </li> 
@endsection

@section('content')

<div class="pcoded-inner-content">
    <div class="main-body">
        <div class="page-wrapper">
            <!-- Page body start -->
            <div class="page-body">
                <div class="row">
                    <!-- start left section -->
                    <div class="col-sm-6">
                        <div class="row">
                            <!-- start top section -->
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-block">
                                        <a href="{{ route('projects.create') }}" class="btn btn-primary waves-effect waves-light m-2">{{ __('Add new project') }}</a>
                                        
                                        <a href="{{ route('projects.index') }}" class="btn btn-primary waves-effect waves-light m-2">{{ __('Projects') }}</a>

                                        <button type="button" class="btn btn-primary waves-effect waves-light m-2" onClick="window.location.reload();"><i class="fa fa-refresh"></i></button>
                                        
                                        <button class="btn btn-danger waves-effect waves-light m-2 del-conf">{{ __('Delete') }}</button>
                                        <form id="frm_delete" action="{{ route('new-open-tasks.destroy', $notification->id) }}" method="POST">
                                          @csrf
                                          @method('delete')
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <!-- end top section -->
                            <!-- start second top section -->
                            @foreach ($notification->task->messages as $message)
                            <div class="col-sm-12">
                              <div class="card">
                                <div class="card-header rounded-bottom {{ $message->message_class }}">
                                  <div class="row">
                                      <div class="col-sm-12">
                                          @if($message->message_type === 'internal')
                                          <h6>{{ $message->taskOwner->name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ $message->created_at }}&nbsp;-&nbsp;{{ $message->created_time }}</h6>
                                          @endif
                                          @if($message->message_type === 'external')
                                          <h6>{{ $message->sent_by_name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ $message->created_at }}&nbsp;-&nbsp;{{ $message->created_time }}</h6>
                                          @endif
                                          @if($message->message_type === 'incomming')
                                          <h6>{{ $message->sent_by_name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ $message->created_at }}&nbsp;-&nbsp;{{ $message->created_time }}</h6>
                                          @endif
                                      </div>
                                  </div>

                                  @if(!empty($message->int_note_sent_to))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('To') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>{!! $message->receivers($message->int_note_sent_to) !!}</h6>
                                      </div>
                                  </div>
                                  @endif

                                  @if(!empty($message->msg_sent_to))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('To') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>
                                              @php
                                                  $receivers = explode(',', $message->msg_sent_to);
                                              @endphp

                                              @foreach ($receivers as $receiver)
                                                  @if($loop->last)
                                                      {{ $receiver }}
                                                  @else
                                                      {{ $receiver }}, <br>
                                                  @endif
                                              @endforeach
                                          </h6>
                                      </div>
                                  </div>
                                  @endif

                                  @if(!empty($message->cc))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('CC') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>
                                              @php
                                                  $receivers = explode(',', $message->cc);
                                              @endphp

                                              @foreach ($receivers as $receiver)
                                                  @if($loop->last)
                                                      {{ $receiver }}
                                                  @else
                                                      {{ $receiver }}, <br>
                                                  @endif
                                              @endforeach
                                          </h6>
                                      </div>
                                  </div>
                                  @endif

                                  @if(!empty($message->cc_to_collegues))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('CC to colleagues') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>{!! $message->receivers($message->cc_to_collegues) !!}</h6>
                                      </div>
                                  </div>
                                  @endif

                                  @if(!empty($message->bcc))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('BCC') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>
                                              @php
                                                  $receivers = explode(',', $message->bcc);
                                              @endphp

                                              @foreach ($receivers as $receiver)
                                                  @if($loop->last)
                                                      {{ $receiver }}
                                                  @else
                                                      {{ $receiver }}, <br>
                                                  @endif
                                              @endforeach
                                          </h6>
                                      </div>
                                  </div>
                                  @endif

                                  @if(!empty($message->subject))
                                  <div class="row">
                                      <div class="col-sm-2">
                                          <h6>{{ __('Subject') }}:</h6>
                                      </div>
                                      <div class="col-sm-10">
                                          <h6>{{ $message->subject }}</h6>
                                      </div>
                                  </div>
                                  @endif
                                </div>
                                <div class="card-block">
                                    <div class="row mb-3">
                                        <div class="col-sm-12">
                                            {!! $message->message !!}
                                        </div>
                                    </div>
                                    @include('tasks.attachments', ['attachments' => $message->attachments])
                                </div>
                              </div>
                            </div>
                            @endforeach
                            <!-- end second top section -->
                            
                            <!-- Start default task message -->
                            {{-- @if(!empty($notification->task->project) && !empty($notification->task->project->projectOwner))
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-header rounded-bottom internal">
                                        <h6>{{ $notification->task->project->projectOwner->name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ $notification->task->created_at }}&nbsp;-&nbsp;{{ $notification->task->created_time }}</h6>
                                        <h6>{{ __('To') }}:&nbsp;{{ $notification->task->taskOwner->name }}</h6>
                                    </div>
                                    <div class="card-block">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                {!! $notification->task->description !!}
                                            </div>
                                        </div>
                                        @include('tasks.attachments', ['attachments' => $notification->task->attachments])
                                    </div>
                                </div>
                            </div>
                            @endif --}}
                            <!-- End default task message -->
                        </div>
                    </div>
                    <!-- end left section -->
                    <!-- start right section -->
                    <div class="col-sm-6">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-header">
                                      <h5>{{ __('Task') }}</h5>
                                    </div>
                                    <div class="card-block">
                                      <form id="main" method="post" action="{{ route('new-open-tasks.update', $notification->id) }}" enctype="multipart/form-data">
                                        @method('put')
                                        @csrf
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Client') }} *</label>
                                          <div class="col-sm-6 col-xl-9">
                                            @if(allowedToAddUpdateProjOrg())
                                              <div id="div_client">
                                                {!! clients('client', old('client', $notification->task->client ? $notification->task->client->id : (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0))) !!}
                                              </div>
                                              <span class="messages">
                                                @if($errors->has('client'))
                                                <p class="text-danger error">{{ $errors->first('client') }}</p>
                                                @endif
                                              </span>
                                            @else
                                              {{ getAuthUser()->organisation->name }}
                                              <input type="hidden" name="client" value="{{ getAuthUser()->organisation->id }}">
                                            @endif
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Project') }} *</label>
                                          <div class="col-sm-6 col-xl-9">
                                              <div id="div_projects">
                                                {!! projects('project', $notification->task->client ? $notification->task->client->id : (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0), old('project', $notification->task->project ? $notification->task->project->id : 0)) !!}
                                              </div>
                                              <span class="messages">
                                                @if($errors->has('project'))
                                                <p class="text-danger error">{{ $errors->first('project') }}</p>
                                                @endif
                                              </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Project status') }} *</label>
                                          <div class="col-sm-9">
                                            <div id="div_project_status">
                                              {!! projectStatus('project_status', old('project_status', $notification->task->project ? $notification->task->project->status : '')) !!}
                                            </div>
                                            <span class="messages">
                                                @if($errors->has('project_status'))
                                                <p class="text-danger error">{{ $errors->first('project_status') }}</p>
                                                @endif
                                            </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Project owner') }}</label>
                                          <div class="col-sm-9">
                                            <div id="div_project_owner">
                                              {!! projectOwner('project_owner', $notification->task->client ? $notification->task->client->id : (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0), old('project_owner', $notification->task->project ? $notification->task->project->project_owner : 0)) !!}
                                            </div>
                                            <span class="messages">
                                                @if($errors->has('project_owner'))
                                                <p class="text-danger error">{{ $errors->first('project_owner') }}</p>
                                                @endif
                                            </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Project deadline') }}</label>
                                          <div class="col-sm-9">
                                            <input type="date" class="form-control" name="project_deadline" id="project_deadline" value="{{ old('project_deadline', $notification->task->project ? date('Y-m-d', strtotime($notification->task->project->deadline)) : '') }}">
                                            <span class="messages">
                                                @if($errors->has('project_deadline'))
                                                <p class="text-danger error">{{ $errors->first('project_deadline') }}</p>
                                                @endif
                                            </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Task title') }} *</label>
                                          <div class="col-sm-9">
                                            <input type="text" class="form-control" name="task_title" id="task_title" placeholder="{{ __('Type a task title') }}" value="{{ old('task_title', $notification->task->title) }}">
                                            <span class="messages">
                                                @if($errors->has('task_title'))
                                                <p class="text-danger error">{{ $errors->first('task_title') }}</p>
                                                @endif
                                            </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Task owner') }} *</label>
                                          <div class="col-sm-6 col-xl-9">
                                              <div id="div_task_owners">
                                                {!! taskOwner('task_owner', $notification->task->client ? $notification->task->client->id : (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0), old('task_owner', $notification->task->owner_id)) !!}
                                              </div>
                                              <span class="messages">
                                                @if($errors->has('task_owner'))
                                                <p class="text-danger error">{{ $errors->first('task_owner') }} </p>
                                                @endif
                                              </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Task status') }} *</label>
                                          <div class="col-sm-6 col-xl-9">
                                              {!! taskStatus('task_status', old('task_status', 'open')) !!}
                                              <span class="messages">
                                                @if($errors->has('task_status'))
                                                <p class="text-danger error">{{ $errors->first('task_status') }}</p>
                                                @endif
                                              </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <label class="form-label col-sm-3 col-form-label">{{ __('Task deadline') }} </label>
                                          <div class="col-sm-9">
                                            <input type="date" class="form-control" name="task_deadline" id="task_deadline" value="{{ old('task_deadline', $notification->task->deadline) }}">
                                            <span class="messages">
                                                @if($errors->has('task_deadline'))
                                                <p class="text-danger error">{{ $errors->first('task_deadline') }}</p>
                                                @endif
                                            </span>
                                          </div>
                                        </div>
                    
                                        <div class="mb-3 row">
                                          <div class="col-sm-12">
                                            <textarea name="task_desc" class="editor" id="editor">
                                              <p>{{ $notification->task->description }}</p>
                                          </textarea>
                                          </div>
                                        </div>
                    
                                        <div class="row">
                                          <label class="form-label col-sm-4 col-form-label">{{ __('Attachments') }} </label>
                                          <div class="col-sm-8">
                                            <input type="file" 
                                              class="atachment" 
                                              name="attachments[]" 
                                              multiple data-max-file-size="3MB"
                                              data-max-files="5"/>
                                          </div>
                                        </div>
                                        <div class="mb-3 mt-3 row">
                                          <label class="form-label col-sm-4"></label>
                                          <div class="col-sm-8">
                                            <button type="submit" class="btn btn-primary m-b-0">{{ __('Save') }}</button>
                                          </div>
                                        </div>
                                      </form>
                                    </div>
                                  </div>
                            </div>
                        </div>
                    </div>
                    <!-- end right section -->
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('child-scripts')
<script>
  FilePond.registerPlugin(FilePondPluginFileValidateType);

  const inputElement = document.querySelector('input[type="file"]');

  const pond = FilePond.create(inputElement,{
    //acceptedFileTypes: ['image/*', 'pdf', 'doc', 'docx', 'excel', 'txt'],
    credits: false,
    allowMultiple: true,
    labelIdle: `{{ __('Drag & Drop your files or') }} <span class="filepond--label-action">{{ __('click here to add attachments') }}</span>`,
    // imagePreviewHeight: 170,
    // imageCropAspectRatio: '1:1',
    // imageResizeTargetWidth: 200,
    // imageResizeTargetHeight: 200,
    //stylePanelLayout: 'compact circle',
    // styleLoadIndicatorPosition: 'center bottom',
    // styleProgressIndicatorPosition: 'right bottom',
    // styleButtonRemoveItemPosition: 'left bottom',
    // styleButtonProcessItemPosition: 'right bottom',
  });

  FilePond.setOptions({
    server: {
      url: '/upload',
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      }
    }
  })

  $(document).ready(function(){
    //let project = $('#project').val();
    //prepareDynamicDDs(project);

    document.addEventListener('focusin', function (e) { 
        if (e.target.closest('.tox-tinymce-aux, .moxman-window, .tam-assetmanager-root') !== null) { 
            e.stopImmediatePropagation(); 
        } 
    });

    // tinymce.init({
    //     selector: ".editor",
    //     height: 530,
    //     plugins: [
    //         "advlist autolink lists link image charmap print preview anchor",
    //         "searchreplace visualblocks code fullscreen",
    //         "insertdatetime media table paste"
    //     ],
    //     toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
    // });
    functionInitilizeCkEditor('editor', 500);

    document.querySelector('.del-conf').onclick = function(){
      swal({
        title: "Are you sure?",
        text: "",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Yes, delete it!",
        closeOnConfirm: false
      },
      function(){
        $('#frm_delete').submit();
      });
    };
  })

  $('#project').on('change', function(){
    let project = $(this).val();
    console.log(project);
    prepareDynamicDDs(project);
  });

  function prepareDynamicDDs(project){
    $.ajax({
      method: 'post',
      url: "{{ route('project.dd') }}",
      data: {project: project},
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      },
      success: function(resp){
        resp = JSON.parse(resp);
        
        $('#div_project_status').html(resp.project_status);
        $('#div_project_owner').html(resp.project_owner);
        $('#div_client').html(resp.client);
        $('#project_deadline').val(resp.project_deadline);
      }
    });
  }

  $(document).on('change','#client',function(){
    let client = $(this).val();
    prepareProjecstHtml(client);
    prepareTaskOwnerHtml(client);
  });

  function prepareProjecstHtml(client){
    $.ajax({
      method: 'post',
      url: "{{ route('projects.dd') }}",
      data: {client: client},
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      },
      success: function(resp){
        $('#div_projects').html(resp);
        $('#project_status option[value=""]').attr("selected", "selected");
        $('#project_owner option[value=""]').attr("selected", "selected");
        $('#project_deadline').val("");
      }
    });
  }

  function prepareTaskOwnerHtml(client){
    $.ajax({
      method: 'post',
      url: "{{ route('task.owners.dd') }}",
      data: {client: client},
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      },
      success: function(resp){
        $('#div_task_owners').html(resp);
      }
    });
  }
  
</script>
@endpush