@extends('layouts.app')

@section('form-title') {{ __('Project') }} - {{ $project->title }} @endsection
@section('form-sub-title') {{ $project->client->name }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('projects.index') }}">{{ __('Projects') }}</a> </li> 
<li class="breadcrumb-item">{{ $project->title }} </li> 
@endsection

@section('content')

@include('partials.modals.project_note')
@include('partials.modals.add_end_user')

<style>
  #show-map {
    height: 200px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
  }
  .fw-bold5{
    font-weight: 500!important;
  }
  .fw-bold6{
    font-weight: 600!important;
  }
  <style>
  /* Default sorting indicator */
  table.dataTable thead .sorting:before {
      content: ' ⇅'; /* Default icon to indicate sortable */
      margin-right: 5px; /* Spacing between icon and header text */
      opacity: 0.5; /* Slightly transparent to indicate default state */
  }

  /* Sorting ascending */
  table.dataTable thead .sorting_asc:after {
      content: ' ▲'; /* Ascending icon */
  }

  /* Sorting descending */
  table.dataTable thead .sorting_desc:after {
      content: ' ▼'; /* Descending icon */
  }

  /* Remove default background image if you had one */
  table.dataTable thead .sorting {
      background-image: none;
  }
</style>
</style>

<div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <!-- Page body start -->
        <div class="page-body">
          <div class="row">
            <div class="col-sm-12">
              <div class="card mb-4">
                <div class="card-header">
                  <h5>{{ __('Tasks') }} / {{ $project->title }} / {{ $project->client->name }}</h5>
                </div>
                <div class="card-block">
                  <div class="row">
                    <div class="col-sm-12">
                        <div class="input-group">
                            @if(getAuthUser()->can('add tasks of own organization'))
                            <a class="btn btn-primary" href="{{ route('tasks.create', ['project' => $project->uuid]) }}"> 
                                {{ __('new task') }} 
                            </a>
                            @endif

                            @if(getAuthUser()->can('add article tasks of own organization'))
                            <a class="btn btn-primary ms-3" href="{{ route('tasks.create', ['project' => $project->uuid, 'type' => 'article']) }}"> 
                              {{ __('New article task') }} 
                            </a>
                            @endif
                        </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs md-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-bs-toggle="tab" href="#all" loaded="yes" role="tab">{{ __('All tasks') }}</a>
                                <div class="slide"></div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#open" loaded="no" role="tab">{{ __('Open') }}</a>
                                <div class="slide"></div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#waiting" loaded="no" role="tab">{{ __('Waiting') }}</a>
                                <div class="slide"></div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#done" loaded="no" role="tab">{{ __('Done') }}</a>
                                <div class="slide"></div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-bs-toggle="tab" href="#closed" loaded="no" role="tab">{{ __('Closed') }}</a>
                                <div class="slide"></div>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content card-block p-0">
                            <div class="tab-pane active" id="all" role="tabpanel"></div>
                            <div class="tab-pane" id="open" role="tabpanel"></div>
                            <div class="tab-pane" id="waiting" role="tabpanel"></div>
                            <div class="tab-pane" id="done" role="tabpanel"></div>
                            <div class="tab-pane" id="closed" role="tabpanel"></div>
                        </div>
                        <input type="hidden" name="active_tab" id="active_tab" value="all">
                        <input type="hidden" id="loaded_project_id" value="{{ $project->id }}">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-12">
              <Div class="row">
                {{-- start Left section --}}
                <div class="col-sm-6">
                  <div class="row">
                    {{-- Project start --}}
                    <div class="col-sm-12">
                      <div class="card">
                        <div class="card-header">
                          <h5>{{ __('Project') }}</h5>
                        </div>
                        <div class="card-block">
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Client') }}</label>
                            <div class="col-sm-6">
                              <span>
                                @if($project->client)
                                <a class="a-blue" href="{{ route('organisations.show', $project->client->uuid) }}">{{ $project->client->name }}</a>
                                @endif
                              </span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->title }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Description') }}</label>
                            <div class="col-sm-6">
                              <span>{!! $project->description !!}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Entered by') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->entered_by }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project status') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->projectStatus->translated_title }}</span>
                            </div>
                          </div>
                          @if(!empty($project->project_owner))
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project owner') }}</label>
                            <div class="col-sm-6">
                              <span><a class="a-blue" href="{{ route('users.show', $project->projectOwner->uuid) }}" target="__blank"> {{ $project->projectOwner->name }}</a></span>
                            </div>
                          </div>
                          @endif

                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Invoice to') }}</label>
                            <div class="col-sm-6">
                              @if(!empty($project->invoiceToType))
                                <span>{{ __($project->invoiceToType->title) }}</span>
                              @endif
                            </div>
                          </div>

                          @if((canViewUpdate('add driver') || canViewUpdate('edit driver')) && $modules__->drivers === 'yes')
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Driver') }}</label>
                            <div class="col-sm-6">
                              @if(!empty($project->driver))
                              <div class="row">
                                <div class="col-sm-6">
                                  <span>
                                    <a class="a-blue" href="{{ route('users.show', $project->projectDriver->uuid) }}" target="__blank"> {{ $project->projectDriver->name }}</a>
                                  </span>
                                </div>
                                <div class="col-sm-6 font-size-12 text-center">
                                  <div class="" style="color:#ffff; background-color: {{ $project->projectDriver->color }} !important;">{{ $project->projectDriver->color }}</div>
                                </div>
                              </div>
                              @endif
                            </div>
                          </div>

                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Time block') }}</label>
                            <div class="col-sm-6">
                              <span>
                                @if(!empty($project->timeBlock) && !empty($project->timeBlock->timeBlock))
                                <span>{{ $project->timeBlock->timeBlock->start_time }}-{{ $project->timeBlock->timeBlock->end_time }}</span>
                                @endif
                              </span>
                            </div>
                          </div>

                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Time') }}</label>
                            <div class="col-sm-6">
                              <span>
                                @if(!empty($project->timeBlock))
                                {{ $project->timeBlock->visit_time }}
                                @endif
                              </span>
                            </div>
                          </div>
                          @endif

                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project number') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->client->id }}-{{ $project->id }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project deadline') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->deadline }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Reference store') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->ref_store }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Reference factory') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->ref_factory }}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Upholstery') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->upholstery_display}}</span>
                            </div>
                          </div>
                          <div class="row  mb-3">
                            <label class="col-sm-6 fw-bold">{{ __('Project created') }}</label>
                            <div class="col-sm-6">
                              <span>{{ $project->created_at }}</span>
                            </div>
                          </div>
                          <div class="row">
                            <label class=" col-sm-12">
                              @if(canViewUpdate('edit projects of own organization'))
                              <a href="{{ route('projects.edit', $project->uuid) }}" class="btn btn-primary m-b-0">{{ __('Edit') }}</a>
                              @endif

                              @if(canViewUpdate('send report') && $modules__->appointment_confirmation === 'yes')
                              <a href="{{ route('appointment.confirmation', ['project' => $project->uuid]) }}" class="btn btn-primary m-b-0">{{ __('Send appointment confirmation') }}</a>
                              @endif
                            </label>
                          </div>
                        </div>
                      </div>
                    </div>
                    {{-- Note start --}}
                    @if(canViewUpdate('view notes'))
                    <div class="col-sm-12">
                      <div class="card">
                        <div class="card-header">
                          <h5>{{ __('Notes') }}</h5>
                        </div>
                        <div class="card-block">
                          <div class="row mb-3">
                            <div class="col-sm-12">
                              <span>{!! $project->note !!}</span>
                            </div>
                          </div>
                          
                          @if(canViewUpdate('edit notes'))
                          <div class="row">
                            <label class=" col-sm-6">
                              <button type="button" class="btn btn-primary m-b-0" data-bs-toggle="modal" data-bs-target="#project_note_modal">{{ __('Edit') }}</button>
                            </label>
                            <div class="col-sm-6">
                              &nbsp;
                            </div>
                          </div>
                          @endif
                        </div>
                      </div>
                    </div>
                    @endif
                    {{-- Attachments start --}}
                    <div class="col-sm-12">
                      <div class="card">
                          <div class="card-header rounded-bottom" style="background-color: #37474f; color: #fff; padding:10px 10px 10px 20px !important;">
                              {{ __('Attachments') }}
                          </div>
                          <div class="card-block" id="attachments"></div>
                      </div>
                    </div>

                    {{-- Restricted access --}}
                    <div class="col-sm-12">
                      <div class="card">
                          <div class="card-header">
                            <h5>{{ __('Restricted access') }}</h5>
                          </div>
                          <div class="card-block">
                            {{ __('restricted access description') }}
                            <div id="project-restrictions"></div>
                            <div class="row border-top mt-3">
                              <label class="col-sm-12 pt-3">
                                <a href="{{ route('project-restrictions.edit', $project->uuid) }}" class="btn btn-primary m-b-0">{{ __('Edit') }}</a>
                              </label>
                            </div>
                          </div>
                      </div>
                    </div>

                    {{-- Complaint and solution section start --}}
                    @if($modules__->report === 'yes')
                      @include('projects.report.complaint')
                    @endif
                  </div>
                </div>
                {{-- End left section --}}

                {{-- start right section --}}
                <div class="col-sm-6">
                  <div class="row">
                    {{-- Article Start --}}
                    @if(getAuthUser()->can('view article tasks of own organization'))
                      @foreach($project->articles as $article)
                        @include('articles.article', ['task' => $article])
                      @endforeach
                    @endif
                    {{-- Article End --}}

                    {{-- End user start --}}
                    @if(canViewUpdate('view end user') && modubleEnabled('end_user'))
                    <div class="col-sm-12">
                      <div class="card">
                        <div class="card-header">
                          <h5>{{ __('End User') }}</h5>
                        </div>
                        <div class="card-block">
                            @if(!empty($project->endUser))
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Name') }}</label>
                                <div class="col-sm-8">
                                  <span>{{ $project->endUser->name }}</span>
                                </div>
                              </div>
                              @if(!empty($project->endUser->organisation))
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Organisation') }}</label>
                                <div class="col-sm-8">
                                  <span>{{ $project->endUser->organisation->name }}</span>
                                </div>
                              </div>
                              @endif

                              <div class="mb-3 row">
                                  <label class="col-sm-4 fw-bold">{{ __('Zip code') }} </label>
                                  <div class="col-sm-8">
                                      <span class="messages">
                                        {{ $project->endUser->zip_code }}
                                      </span>
                                  </div>
                              </div>
            
                              <div class="mb-3 row">
                                  <label class="col-sm-4 fw-bold">{{ __('House number') }} </label>
                                  <div class="col-sm-8">
                                      <span class="messages">
                                        {{ $project->endUser->house_number }}
                                      </span>
                                  </div>
                              </div>                            

                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Addition (optional)') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    {{ $project->endUser->house_number_optional }}
                                  </span>
                                </div>
                              </div>

                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Street') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    {{ $project->endUser->street }}
                                  </span>
                                </div>
                              </div>

                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('City') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    <span>{{ $project->endUser->city }}</span>
                                  </span>
                                </div>
                              </div>

                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Google Maps address') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    {{ $project->endUser->gml }}
                                  </span>
                                </div>
                              </div>
            
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Country') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    <span>{{ $project->endUser->country->country_name }}</span>
                                  </span>
                                </div>
                              </div>
            
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Mobile number') }} </label>
                                <div class="col-sm-8">
                                    <span class="messages">
                                      <a class="a-blue" href="tel:{{ $project->endUser->dial_mobile_number }}"> {{ $project->endUser->dial_mobile_number }}</a>
                                    </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Phone number') }} </label>
                                <div class="col-sm-8">
                                    <span class="messages">
                                      <a class="a-blue" href="tel:{{ $project->endUser->dial_phone_number }}"> {{ $project->endUser->dial_phone_number }}</a>
                                    </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Email address') }} </label>
                                <div class="col-sm-8">
                                    <span class="messages">
                                      <a class="a-blue" href="mailto:{{ $project->endUser->email }}"> {{ $project->endUser->email }}</a>
                                    </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class="col-sm-4 fw-bold">{{ __('Notification via email') }} </label>
                                <div class="col-sm-8">
                                    <span class="messages">
                                      {{ $project->endUser->display_notification_type }}
                                    </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                  <label class=" col-sm-4 fw-bold">{{ __('Job Title') }} </label>
                                  <div class="col-sm-8">
                                      <span class="messages">
                                        {{ $project->endUser->job_title }}
                                      </span>
                                  </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class=" col-sm-4 fw-bold">{{ __('Status') }} </label>
                                <div class="col-sm-8">
                                    <span class="messages">
                                      {{ $project->endUser->display_status }}
                                    </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class=" col-sm-4 fw-bold">{{ __('Role') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    {{ $project->endUser->displayRole() }}
                                  </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class=" col-sm-4 fw-bold">{{ __('Application Language') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    {{ $project->endUser->display_language }}
                                  </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                <label class=" col-sm-4 fw-bold">{{ __('Photo') }} </label>
                                <div class="col-sm-8">
                                  <span class="messages">
                                    <img src="{{ asset('storage/avatars/'.$project->endUser->avatar) }}" alt="user profile image">
                                  </span>
                                </div>
                              </div>
              
                              <div class="mb-3 row">
                                @if(allowedToUpdateUser($project->endUser))
                                <div class="col-sm-4">
                                  <a href="{{ route('users.edit', $project->endUser->uuid) }}" class="btn btn-primary m-b-0">{{ __('Edit') }}</a>
                                </div>
                                @endif
                                
                                @if(canViewUpdate('delete end user'))
                                <div class="col-sm-8">
                                  <button type="button" class="btn btn-danger m-b-0 enduser-del-conf">{{ __('Remove end user from this project') }}</button>
                                </div>
                                <form id="frm_enduser_delete" action="{{ route('project.enduser') }}" method="POST">
                                  @csrf
                                  @method('PUT')
                                  <input type="hidden" name="project_id" value="{{ $project->id }}">
                                  <input type="hidden" name="action" value="remove_enduser">
                                </form>
                                @endif
                              </div>
                              @elseif(canViewUpdate('add end user'))
                              <div class="row mb-3">
                                <label class=" col-sm-12">
                                  <button type="button" class="btn btn-primary m-b-0" data-bs-toggle="modal" data-bs-target="#add_enduser_modal">{{ __('Add end user') }}</button>
                                </label>
                              </div>
                              @endif
                        </div>
                      </div>
                    </div>
                    @endif
                    {{-- End user location start --}}
                    @if(!empty($project->endUser) && !empty($project->endUser->latitude))
                    <div class="col-sm-12">
                      <div class="card">
                        <div class="card-header">
                          <h5>{{ __('Location End User') }} - {{ $project->endUser->name }}</h5>
                        </div>
                        <div class="card-block">
                          @if(!empty($project->endUser->latitude) && !empty($project->endUser->longitude))
                          <div id="show-map" class="set-map"></div>
                          <a href="https://www.google.com/maps/search/?api=1&query={{ $project->endUser->latitude }},{{ $project->endUser->longitude }}" target="__blank" class="btn btn-primary mt-4">{{ __('Google Maps') }}</a>
                          @else
                          <p>{{ __('No map data available. Please update end user map location') }}</p>
                          @endif
                        </div>
                      </div>
                    </div>
                    @endif

                    {{-- Report section start --}}
                    @if(!empty($project->complaint) && $modules__->report === 'yes' && canViewUpdate('view reports'))
                      @include('projects.report.report')
                    @endif

                    {{-- Start book time --}}
                    @if(canViewUpdate('view book time section') && $modules__->time_mgt === 'yes')
                      @include('projects.bookings.bookings')
                    @endif
                    {{-- End book time --}}

                    {{-- Start project report section --}}
                    @if(canViewUpdate('view project report section') && $modules__->time_mgt === 'yes')
                      @include('projects.bookings.project-report')
                    @endif
                    {{-- End project report section --}}
                  </div>
                </div>
                {{-- End right section --}}
              </Div>
            </div>
          </div>
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
@endsection

@push('child-scripts')
  @if(!empty($project->endUser) && !empty($project->endUser->latitude))
    <script src="https://maps.googleapis.com/maps/api/js?key={{ config('furnit.google_map_key') }}&callback=initMap&libraries=&v=weekly&channel=2" async></script>
    <script>
      // Initialize and add the map
    function initMap() {
      // The location of Uluru
      const uluru = { lat: {{ $project->endUser->latitude }}, lng: {{ $project->endUser->longitude }} };
      // The map, centered at Uluru
      const map = new google.maps.Map(document.getElementById("show-map"), {
        zoom: 20,
        center: uluru,
      });
      // The marker, positioned at Uluru
      const marker = new google.maps.Marker({
        position: uluru,
        map: map,
      });
    }
    </script>
  @endif

  @if(!empty($project->endUser))
    <script>
    $(document).ready(function () {
      document.querySelector('.enduser-del-conf').onclick = function(){
        swal({
          title: "Are you sure?",
          text: "",
          type: "warning",
          showCancelButton: true,
          confirmButtonClass: "btn-danger",
          confirmButtonText: "Yes, remove it!",
          closeOnConfirm: false
        },
        function(){
          $('#frm_enduser_delete').submit();
        });
      };
    });
    </script>
  @endif

  <script>
    $(document).ready(function() {
      let project_id = {{ $project ? $project->id : 0 }}
      fetch_data(1,'all');
      projectRestrictions(project_id);

      function projectRestrictions(project){
        $.ajax({
            url: "{{ route('project-restrictions.show', ':id') }}".replace(':id', project),
            success: function(data){
              $('#project-restrictions').html(data);
            }
        });
      }

      $(document).on('click', '.pagination a', function(event){
        event.preventDefault();
        let page = $(this).attr('href').split('page=')[1];
        let type = $('#active_tab').val();
        fetch_data(page, type);
      });
    
      function fetch_data(page, type){
        let project = $('#loaded_project_id').val();

        $.ajax({
          url: "{{ route('project.tasks') }}",
          data: {page: page, type: type, project: project},
          success: function(data){
            $('#'+type).html(data);
            initFooTable();
          }
        });
      }
    
      initFooTable();

      function initFooTable(){
        $('.project-tasks-table').footable({
          "paging": {
            "enabled": false,
          },
          "sorting": {
            "enabled": true
          }
        });
      }

      // End fetching projects

      // Start fetching project attachments
      fetch_attachments(1, project_id);

      $(document).on('click', '.page-proj-atachments a', function(event){
          event.preventDefault();
          let page = $(this).attr('href').split('page=')[1];
          fetch_attachments(page, project_id);
      });

      function fetch_attachments(page, project){
        $.ajax({
            url: "{{ route('project.attachments') }}",
            data: {page: page, project: project},
            success: function(data){
              $('#attachments').html(data);
              initAttachmentTable();
            }
        });
      }

      function initAttachmentTable(){
          $('.attachments-table').footable({
              "paging": {
                  "enabled": false,
              },
              "sorting": {
                  "enabled": true
              }
          });
      }
      // End fetching project attachments
    
      $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
        let loaded = $(e.target).attr("loaded");
        let type = $(e.target).attr("href").split('#')[1];
        let page = 1;
        $('#active_tab').val(type);
        
        if(loaded !== 'yes'){
          fetch_data(page, type);
          // mark this tab as already loaded
          $(e.target).attr("loaded", 'yes');
        }
      });

      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);
    });
  </script>

  @if((canViewUpdate('view project report section') || canViewUpdate('view project report section')) && $modules__->time_mgt === 'yes')
    <script>
      $(document).ready(function () {
        var table = $('.bookings-table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                url: "{{ route('project.bookings.top.four') }}",
                type: "GET",
                data: function(d) {
                    d.project_id = $('#booking_project_id').val();
                },
                dataSrc: function(json) {
                    $('#div-total-time-spent').html('');
                    $('#div-total-time-spent').html(json.total_cost);
                    return json.data;
                }
            },
            "columns": [
                { "data": "date" },
                { "data": "user" },
                { "data": "spent" }
            ],
            "order": [[0, 'desc']],
            "lengthChange": false,
            "searching": false,
            "info": false,
            "paging": false
        });

        $('#frm-time-booking').on('submit', function(e) {
            e.preventDefault();
            $('#booking-errors').hide();

            $.ajax({
                type: 'POST',
                url: "{{ route('project-bookings.store') }}",
                data: $(this).serialize(),
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                  $('#btn_book_time').addClass('disabled');
                },
                success: function(resp) {
                  if(resp.success){
                    toastr["success"]("{{ __('Booking time saved successfully') }}");
                    table.ajax.reload();
                  }
                  $('#frm-time-booking')[0].reset();
                  $('#btn_book_time').removeClass('disabled');
                },
                error: function(xhr) {
                  $('#errors-list').html('');
                  $.each(xhr.responseJSON.errors, function(key, value) {
                    $('#errors-list').append('<li><i class="fas fa-exclamation-circle error-icon me-1"></i>' + value + '</li>');
                    $('#booking-errors').show();
                    $('#btn_book_time').removeClass('disabled');
                  });
                }
            });
        });
      });
    </script>
  @endif
@endpush