@extends('layouts.app')

@section('form-title') {{ __('Task') }} - <span id="msg-title">{{ $task->message_type }}</span>@endsection
@section('form-sub-title') 
    {{ $task->title }} 
    @if(!empty($project))
    - {{ $project->title }} 
    @endif
    @if(!empty($client))
    - {{ $task->client->name }}
    @endif
@endsection

@section('breadcrumb') 
@if(!empty($task->client))
<li class="breadcrumb-item"><a href="{{ route('organisations.show', $task->client->uuid) }}">{{ $task->client->name }}</a></li> 
@endif
@if(!empty($task->project))
<li class="breadcrumb-item"><a href="{{ route('projects.show', $project->uuid) }}">{{ $project->title }}</a> </li>
@endif
<li class="breadcrumb-item">{{ __('Task') }}</li> 
@endsection
 
@section('content')

@if(!empty($task->project))
@include('partials.modals.project_note')
@endif

<style>
    #show-map {
    height: 200px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
    }
</style>

<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 column --}}
                    <div class="col-sm-6">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card">
                                            <div id="div-msg-heading" class="card-header rounded-bottom {{ session('message_type') }}">
                                                <h6 id="h-internal" class="{{ $task->messageHeading('internal') }}">{{ __('System message') }}&nbsp;&nbsp;&nbsp;&nbsp;{{ date('d-m-Y') }}&nbsp;&nbsp;{{ date('H:i A') }}</h6>
                                                <h6 id="h-external" class="{{ $task->messageHeading('external') }}">{{ __('E-mail message') }}</h6>
                                                <h6 id="h-private" class="{{ $task->messageHeading('private') }}">{{ __('Internal note') }}&nbsp;&nbsp;&nbsp;&nbsp;{{ date('d-m-Y') }}&nbsp;&nbsp;{{ date('H:i A') }}</h6>
                                            </div>
                                            <div class="card-block">
                                                <div class="row mb-3">
                                                    <div class="col-sm-12">
                                                        <!-- Nav tabs -->
                                                        <ul class="nav nav-tabs md-tabs" role="tablist">
                                                            @if(canViewUpdate('send system message'))
                                                            <li class="nav-item">
                                                                <a class="nav-link {{ $task->messageTabActive('internal') }}" data-bs-toggle="tab" href="#internal" role="tab">{{ __('System message') }}</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                            @endif

                                                            @if(canViewUpdate('send email message'))
                                                            <li class="nav-item">
                                                                <a class="nav-link {{ $task->messageTabActive('external') }}" data-bs-toggle="tab" href="#external" role="tab">{{ __('E-mail message') }}</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                            @endif
                                                            
                                                            @if(canViewUpdate('send internal note') && $modules__->internal_note === 'yes')
                                                            <li class="nav-item">
                                                                <a class="nav-link {{ $task->messageTabActive('private') }}" data-bs-toggle="tab" href="#private" role="tab">{{ __('Internal note') }}</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                            @endif
                                                        </ul>
                                                        <!-- Tab panes -->
                                                        <div class="tab-content card-block p-0">
                                                            {{-- start send message - internal --}}
                                                            <div class="tab-pane {{ $task->messageTabActive('internal') }}" id="internal" role="tabpanel">
                                                                <div class="mt-3">
                                                                    <form id="main" method="post" action="{{ route('send.message') }}" enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden" name="message_type" value="internal">
                                                                        
                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Subject') }} *</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" class="form-control" name="subject_internal" id="subject_internal" value="{{ old('subject_internal', $task->title) }}">
                                                                                <span class="messages">
                                                                                    @if($errors->has('subject_internal'))
                                                                                    <p class="text-danger error">{{ $errors->first('subject_internal') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Send system message to') }} *</label>
                                                                            <div class="col-sm-9">
                                                                                {!! projectCollegues($name = 'send_to_user', $selectedValue = $reply, $task->client_id, $class = 'single', $placeholder = 'Select a user') !!}
                                                                                <span class="messages">
                                                                                    @if($errors->has('send_to_user'))
                                                                                    <p class="text-danger error">{{ $errors->first('send_to_user') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Cc') }}</label>
                                                                            <div class="col-sm-9">
                                                                                <x-user-group-select 
                                                                                    name="cc_internal" 
                                                                                    class="" 
                                                                                    :organization="$task->client_id"
                                                                                    :project-id="$task->project->id" 
                                                                                    :selected="$reply"
                                                                                />
                                                                            </div>
                                                                        </div>

                                                                        @if(hasPermissionAndModuleEnabled('send default answers', 'default_answer'))
                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Default answer') }} </label>
                                                                            <div class="col-sm-9">
                                                                                {!! default_answers('default_answer', '', 'note-internal') !!}
                                                                                <span class="messages">
                                                                                    @if($errors->has('default_answer'))
                                                                                    <p class="text-danger error">{{ $errors->first('default_answer') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        @endif
                                                    
                                                                        <div class="mb-3 row">
                                                                            <div class="col-sm-12">
                                                                                <textarea name="note" id="note-internal">
                                                                                    <p>{{ old('note', $signature) }}</p>
                                                                                </textarea>
                                                                            </div>
                                                                        </div>

                                                                        @include('messages.booked-time-fields')
                                                    
                                                                        <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-internal-msg m-b-0" name="submit" value="send">{{ __('Send') }}</button>
                                                                            @if($task->type === 'article')
                                                                            <button type="submit" class="btn btn-internal-msg m-b-0 ms-2" name="submit" value="send-planned">{{ __('Send + Article status = planned') }}</button>
                                                                            @endif
                                                                        </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            {{-- start send message - external --}}
                                                            <div class="tab-pane {{ $task->messageTabActive('external') }}" id="external" role="tabpanel">
                                                                <div class="mt-3">
                                                                    <form id="main" method="post" action="{{ route('send.message') }}" enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden" name="message_type" value="external">
                                                                        <div class="mb-3 row">
                                                                          <label class="form-label col-sm-3 col-form-label">{{ __('Subject') }} *</label>
                                                                          <div class="col-sm-9">
                                                                            <input type="text" class="form-control" name="subject" id="subject" value="{{ old('subject', $task->title) }}">
                                                                            <span class="messages">
                                                                                @if($errors->has('subject'))
                                                                                <p class="text-danger error">{{ $errors->first('subject') }}</p>
                                                                                @endif
                                                                            </span>
                                                                          </div>
                                                                        </div>
                                                    
                                                                        <div class="mb-3 row">
                                                                          <label class="form-label col-sm-3 col-form-label">{{ __('Send to') }} *</label>
                                                                          <div class="col-sm-9">
                                                                            <input type="text" class="form-control" name="send_to" id="send_to" value="{{ old('send_to') }}">
                                                                            <span class="messages">
                                                                                @if($errors->has('send_to'))
                                                                                <p class="text-danger error">{{ $errors->first('send_to') }}</p>
                                                                                @endif
                                                                            </span>
                                                                          </div>
                                                                        </div>
                                                    
                                                                        <div class="mb-3 row">
                                                                          <label class="form-label col-sm-3 col-form-label">{{ __('CC') }} </label>
                                                                          <div class="col-sm-9">
                                                                            <input type="text" class="form-control" name="cc" id="cc" value="{{ old('cc') }}">
                                                                            <span class="messages">
                                                                                @if($errors->has('cc'))
                                                                                <p class="text-danger error">{{ $errors->first('cc') }}</p>
                                                                                @endif
                                                                            </span>
                                                                          </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('CC to colleague(s)') }} </label>
                                                                            <div class="col-sm-9">
                                                                                {!! projectCollegues($name = 'collegues[]', $selectedValue = NULL, $task->client_id, $class = 'multiple') !!}
                                                                            </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('BCC') }} </label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" class="form-control" name="bcc" id="bcc" value="{{ old('bcc') }}">
                                                                                <span class="messages">
                                                                                    @if($errors->has('bcc'))
                                                                                    <p class="text-danger error">{{ $errors->first('bcc') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        @if(hasPermissionAndModuleEnabled('send default answers', 'default_answer'))
                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Default answer') }} </label>
                                                                            <div class="col-sm-9">
                                                                                {!! default_answers('default_answer', '', 'note-external') !!}
                                                                                <span class="messages">
                                                                                    @if($errors->has('default_answer'))
                                                                                    <p class="text-danger error">{{ $errors->first('default_answer') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        @endif
                                                    
                                                                        <div class="mb-3 row">
                                                                            <div class="col-sm-12">
                                                                                <textarea name="message" id="note-external">
                                                                                    <p>{{ old('message', $signature) }}</p>
                                                                                </textarea>
                                                                            </div>
                                                                        </div>

                                                                        @include('messages.booked-time-fields')
                                                    
                                                                        <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-external-msg m-b-0">{{ __('Send') }}</button>
                                                                          </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            {{-- start private message --}}
                                                            <div class="tab-pane {{ $task->messageTabActive('private') }}" id="private" role="tabpanel">
                                                                <div class="mt-3">
                                                                    <form id="main" method="post" action="{{ route('send.message') }}" enctype="multipart/form-data">
                                                                        @csrf
                                                                        <input type="hidden" name="message_type" value="private">

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Subject') }} *</label>
                                                                            <div class="col-sm-9">
                                                                                <input type="text" class="form-control" name="subject_private" id="subject_private" value="{{ old('subject_private', $task->title) }}">
                                                                                <span class="messages">
                                                                                    @if($errors->has('subject_private'))
                                                                                    <p class="text-danger error">{{ $errors->first('subject_private') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Send internal note to') }} *</label>
                                                                            <div class="col-sm-9">
                                                                                {!! projectCollegues($name = 'send_to_user_p', $selectedValue = $reply, $task->client_id, $class = 'single', $placeholder = 'Select a user') !!}
                                                                                <span class="messages">
                                                                                    @if($errors->has('send_to_user_p'))
                                                                                    <p class="text-danger error">{{ $errors->first('send_to_user_p') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>

                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Cc') }}</label>
                                                                            <div class="col-sm-9">
                                                                                <x-user-group-select 
                                                                                    name="cc_private" 
                                                                                    class="" 
                                                                                    :organization="$task->client_id"
                                                                                    :project-id="$task->project->id" 
                                                                                    :selected="$reply"
                                                                                />
                                                                            </div>
                                                                        </div>

                                                                        @if(hasPermissionAndModuleEnabled('send default answers', 'default_answer'))
                                                                        <div class="mb-3 row">
                                                                            <label class="form-label col-sm-3 col-form-label">{{ __('Default answer') }} </label>
                                                                            <div class="col-sm-9">
                                                                                {!! default_answers('default_answer', '', 'note-private') !!}
                                                                                <span class="messages">
                                                                                    @if($errors->has('default_answer'))
                                                                                    <p class="text-danger error">{{ $errors->first('default_answer') }}</p>
                                                                                    @endif
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        @endif
                                                    
                                                                        <div class="mb-3 row">
                                                                            <div class="col-sm-12">
                                                                                <textarea name="note_p" id="note-private">
                                                                                    <p>{{ old('note_p', $signature) }}</p>
                                                                                </textarea>
                                                                            </div>
                                                                        </div>

                                                                        @include('messages.booked-time-fields')
                                                    
                                                                        <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-private-msg m-b-0">{{ __('Send') }}</button>
                                                                          </div>
                                                                        </div>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- Start article task --}}
                            @if($task->type === 'article')
                                @include('articles.article', ['task' => $task])
                            @endif
                            {{-- End article task --}}

                            {{-- Start task project --}}
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>{{ __('Project & task info') }}</h5>
                                    </div>
                                    <div class="card-block">
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Client') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->client))
                                                    <a class="a-blue" href="{{ route('organisations.show', $task->client->uuid) }}">{{ $task->client->name }}</a>
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->project))
                                                    <a class="a-blue" href="{{ route('projects.show', $task->project->uuid) }}">{{ $task->project->title }}</a>
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project status') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->project))
                                                    {{ $task->project->display_status }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project owner') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->project->projectOwner))
                                                    <a class="a-blue" href="{{ route('users.show', $task->project->projectOwner->uuid) }}"> {{ $task->project->projectOwner->name }} </a>
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project number') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->client) && !empty($task->project))
                                                    {{ $task->client->id }}-{{ $task->project->id }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project deadline') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->project))
                                                    {{ $task->project->deadline }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Project created') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->project))
                                                    {{ $task->project->created_at }}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task title') }}</label>
                                            <div class="col-sm-8">
                                                <span><a class="a-blue" href="{{ route('tasks.show', $task->uuid) }}">{{ $task->title }}</a></span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task owner') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->taskOwner))
                                                    <a class="a-blue" class="a-blue" href="{{ route('users.show', $task->taskOwner->uuid) }}">{{ $task->taskOwner->name }}</a>
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task status') }}</label>
                                            <div class="col-sm-8">
                                                <span>{{ $task->display_status }}</span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task number') }}</label>
                                            <div class="col-sm-8">
                                                <span>
                                                    @if(!empty($task->client))
                                                    {{ $task->client->id }}-
                                                    @endif
                                                    @if(!empty($task->project))
                                                    {{ $task->project->id }}-
                                                    @endif
                                                    {{ $task->id }}
                                                </span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task deadline') }}</label>
                                            <div class="col-sm-8">
                                                <span>{{ $task->display_deadline }}</span>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <label class="col-sm-4 fw-bold">{{ __('Task created') }}</label>
                                            <div class="col-sm-8">
                                                <span>{{ $task->created_at }}</span>
                                            </div>
                                        </div>
                                        @if (canViewUpdate('tasks-edit'))
                                        <div class="row">
                                            <label class=" col-sm-4">
                                                <a href="{{ route('tasks.edit', $task->uuid) }}" class="btn btn-primary m-b-0">{{ __('Edit') }}</a>
                                            </label>
                                            <div class="col-sm-6">
                                                &nbsp;
                                            </div>
                                        </div>  
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if(!empty($task->project))
                                {{-- Start note --}}
                                @if (canViewUpdate('note'))
                                <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>{!! $task->project->note !!}</span>
                                                </div>
                                            </div>
                                            
                                            <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>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @endif
                            {{-- start location --}}
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>{{ __('End user / project location') }}</h5>
                                    </div>
                                    <div class="card-block">
                                        @if(!empty($task->taskOwner->latitude) && !empty($task->taskOwner->longitude))
                                            <div class="row mb-2">
                                                <div class="col-sm-6">
                                                    <a class="a-blue" href="{{ route('users.show', $task->taskOwner->uuid) }}">{{ $task->taskOwner->name }}</a>
                                                </div>
                                                <div class="col-sm-6">{{ $task->taskOwner->street }}</div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-6">
                                                    <a class="a-blue" href="tel:{{ $task->taskOwner->dial_phone_number }}">{{ $task->taskOwner->dial_phone_number }}</a>
                                                </div>
                                                <div class="col-sm-6">
                                                    <a class="a-blue" href="mailto:{{ $task->taskOwner->email }}">{{ $task->taskOwner->email }}</a>
                                                </div>
                                            </div> 
                                            <div class="row mb-3">
                                                <div class="col-sm-6">
                                                    <a class="a-blue" href="tel:{{ $task->taskOwner->dial_mobile_number }}">{{ $task->taskOwner->dial_mobile_number }}</a>
                                                </div>
                                                <div class="col-sm-6">
                                                    &nbsp;
                                                </div>
                                            </div>   
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div id="show-map" class="set-map"></div>
                                                    <a href="https://www.google.com/maps/search/?api=1&query={{ $task->taskOwner->latitude }},{{ $task->taskOwner->longitude }}" target="__blank" class="btn btn-primary mt-4">{{ __('More info') }}</a>
                                                </div>
                                            </div>
                                        @else
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <p>{{ __('No map data available. Please update end user map location') }}</p>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- start right messages column --}}
                    <div class="col-sm-6">
                        <div class="row">
                            @include('tasks.booked-time', ['booked_task_id' => $task->id, 'project' => $task->project])
                        </div>
                        <div class="row">
                             @include('tasks.messages', ['task' => $task])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('child-scripts')
    <script>
    $(document).ready(function() {
        $(".multiple").select2();
        
        $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
            $(".multiple").select2();
            let type = $(e.target).attr("href").split('#')[1];
            
            if(type === 'internal'){
                // message heading color
                $('#div-msg-heading').addClass('internal');
                $('#div-msg-heading').removeClass('external');
                $('#div-msg-heading').removeClass('private');

                // message heading text
                $('#h-internal').removeClass('hide-heading');
                $('#h-internal').addClass('show-heading');
                $('#h-external').addClass('hide-heading');
                $('#h-external').removeClass('show-heading');
                $('#h-private').addClass('hide-heading');
                $('#h-private').removeClass('show-heading');

                // message title
                $('#msg-title').html('{{ __('System message') }}');
            }else if(type === 'external'){
                // message heading color
                $('#div-msg-heading').addClass('external');
                $('#div-msg-heading').removeClass('internal');
                $('#div-msg-heading').removeClass('private');

                // message heading text
                $('#h-external').removeClass('hide-heading');
                $('#h-external').addClass('show-heading');
                $('#h-internal').addClass('hide-heading');
                $('#h-internal').removeClass('show-heading');
                $('#h-private').addClass('hide-heading');
                $('#h-private').removeClass('show-heading');

                // message title
                $('#msg-title').html('{{ __('E-mail message') }}');
            }else if(type === 'private'){
                // message heading color
                $('#div-msg-heading').addClass('private');
                $('#div-msg-heading').removeClass('external');
                $('#div-msg-heading').removeClass('internal');

                // message heading text
                $('#h-private').removeClass('hide-heading');
                $('#h-private').addClass('show-heading');

                $('#h-external').addClass('hide-heading');
                $('#h-external').removeClass('show-heading');
                $('#h-internal').addClass('hide-heading');
                $('#h-internal').removeClass('show-heading');

                // message title
                $('#msg-title').html('{{ __('Internal note') }}');
            }
        });

        FilePond.registerPlugin(FilePondPluginFileValidateType);

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

        $('input[type="file"]').each(function(index, inputElement){
            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',
            });
        });

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

        $('select[name="default_answer"]').change(function() {
            let note_type = $(this).data('note-type');
            let default_answer = $(this).val();
            let editor = CKEDITOR.instances[note_type];

            $.ajax({
                type: "POST",
                data: { 
                    _token: '{{ csrf_token() }}',
                    id: default_answer
                },
                url: "{{ route('find.default.answer') }}",
                success: function(answer){
                    editor.setData(answer);
                }
            });
        });

        functionInitilizeCkEditor('note-internal', 500);
        functionInitilizeCkEditor('note-external', 500);
        functionInitilizeCkEditor('note-private', 500);
        
    });
    </script>

    @if(!empty($task->taskOwner->latitude) && !empty($task->taskOwner->longitude))
    <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: {{ $task->taskOwner->latitude }}, lng: {{ $task->taskOwner->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
@endpush