@extends('layouts.app')

@section('form-title') {{ __('Article task') }} @endsection

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

{{-- <style>
  .div-atachment {
  position: relative;
  overflow: hidden;
}
.atachment {
  position: absolute;
  font-size: 32px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer;
}
</style> --}}

@section('content')

<div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <!-- Page body start -->
        <div class="page-body">
          <div class="row">
            <div class="col-sm-6">
              <div class="card">
                <div class="card-header">
                  <h5>{{ __('Edit article task') }}</h5>
                </div>
                <div class="card-block">
                  <form id="main" method="post" action="{{ route('article.task.update', $task->uuid) }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="mb-3 row">
                      <label class="form-label col-sm-3 col-form-label">{{ __('Article task title') }} *</label>
                      <div class="col-sm-6 col-xl-9">
                        <input type="text" class="form-control" name="task_title" id="task_title" placeholder="{{ __('Type a task title') }}" value="{{ old('task_title', $task->title) }}">
                      </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Location') }} *</label>
                        <div class="col-sm-6 col-xl-9 form-radio">
                            <div class="radio radio-danger radio-inline">
                                <label class="form-label text-danger">
                                    <input type="radio" name="location" value="supplier" {{ old('location', $task->location) === 'supplier' ? 'checked' : '' }}>
                                    <i class="helper"></i>{{ __('Supplier') }}
                                </label>
                            </div>
                            <div class="radio radio-success radio-inline">
                                <label class="form-label text-success">
                                    <input type="radio" name="location" value="appowner" {{ old('location', $task->location) === 'appowner' ? 'checked' : '' }}>
                                    <i class="helper"></i>{{ optional(applicationOwner())->name }}
                                </label>
                            </div>
                            <div class="radio radio-default radio-inline">
                                <label class="form-label text-default">
                                    <input type="radio" name="location" value="enduser" {{ old('location', $task->location) === 'enduser' ? 'checked' : '' }}>
                                    <i class="helper"></i>{{ __('EndUser') }}
                                </label>
                            </div>
                            <span class="messages">
                                @if($errors->has('location'))
                                <p class="text-danger error">{{ $errors->first('location') }}</p>
                                @endif
                            </span>
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Transport') }} *</label>
                        <div class="col-sm-6 col-xl-9 form-radio">
                            <div class="radio radio-inverse radio-inline">
                                <label class="form-label">
                                    <input type="radio" name="transport" value="delivery" {{ old('transport', $task->transport) === 'delivery' ? 'checked' : '' }}>
                                    <i class="helper"></i>{!! config('furnit.delivery_icon') !!} {{ __('Delivery') }}
                                </label>
                            </div>
                            <div class="radio radio-inverse radio-inline">
                                <label class="form-label">
                                    <input type="radio" name="transport" value="retreive" {{ old('transport', $task->transport) === 'retreive' ? 'checked' : '' }}>
                                    <i class="helper"></i>{!! config('furnit.retrieve_icon') !!} {{ __('Retreive') }}
                                </label>
                            </div>
                            <span class="messages">
                                @if($errors->has('transport'))
                                <p class="text-danger error">{{ $errors->first('transport') }}</p>
                                @endif
                            </span>
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Supplier') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                            {!! suppliers('supplier', old('supplier', $task->supplier_id ?? (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0))) !!}
                            <span class="messages">
                            @if($errors->has('supplier'))
                            <p class="text-danger error">{{ $errors->first('supplier') }}</p>
                            @endif
                            </span>
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Task owner') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                          <div id="div_task_owners">
                            {!! taskOwner('task_owner', $task->client_id ?? (getAuthUser()->organisation ? getAuthUser()->organisation->id : 0), old('task_owner', $task->taskOwner ? $task->taskOwner->id : 0)) !!}
                          </div>
                          <span class="messages">
                            @if($errors->has('task_owner'))
                            <p class="text-danger error">{{ $errors->first('task_owner') }} </p>
                            @endif
                          </span>
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Task status') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                            {!! taskStatus('task_status', old('task_status', $task->status)) !!}
                            <span class="messages">
                              @if($errors->has('task_status'))
                              <p class="text-danger error">{{ $errors->first('task_status') }}</p>
                              @endif
                            </span>
                        </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Task deadline') }} </label>
                        <div class="col-sm-9">
                          <input type="date" class="form-control" name="task_deadline" id="task_deadline" value="{{ old('task_deadline', $task->deadline ?? deadline()) }}">
                          <span class="messages">
                              @if($errors->has('task_deadline'))
                              <p class="text-danger error">{{ $errors->first('task_deadline') }}</p>
                              @endif
                          </span>
                        </div>
                    </div>
                    <div id="driver-time-container" style="display: block;">
                      <div class="mb-3 row">
                          <label class="form-label col-sm-3 col-form-label">{{ __('Driver') }} *</label>
                          <div class="col-sm-6 col-xl-9">
                              {!! drivers('driver', old('driver', $task->driver)) !!}
                              <span class="messages">
                                @if($errors->has('driver'))
                                <p class="text-danger error">{{ $errors->first('driver') }}</p>
                                @endif
                              </span>
                          </div>
                      </div>

                      <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Time block') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                            {!! driverTimeBlocksRadio('time_block', old('time_block', optional($task->TaskTimeBlock)->driver_time_block_id ?? null)) !!}
                            <span class="messages">
                              @if($errors->has('time_block'))
                              <p class="text-danger error">{{ $errors->first('time_block') }}</p>
                              @endif
                          </span>
                        </div>
                      </div>

                      <div class="mb-3 row">
                          <label class="form-label col-sm-3 col-form-label">{{ __('Time') }} *</label>
                          <div class="col-sm-6 col-xl-9">
                            <input type="text" class="form-control hour-without-seconds" name="task_time" id="task_time" data-mask="99:99" placeholder="hh:mm" value="{{ old('task_time', $task->task_time) }}">
                            <span class="messages">
                              @if($errors->has('task_time'))
                              <p class="text-danger error">{{ $errors->first('task_time') }}</p>
                              @endif
                            </span>
                          </div>
                      </div>
                    </div>

                    <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Article task status') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                            <div id="div-article-task-status">
                                {!! articleTaskStatus('article_status', $task->transport, old('article_status', $task->article_status)) !!}
                            </div>
                            <span class="messages">
                              @if($errors->has('article_status'))
                              <p class="text-danger error">{{ $errors->first('article_status') }}</p>
                              @endif
                            </span>
                        </div>
                    </div>
                    
                    <div class="mb-3 mt-3 row">
                      <label class="form-label col-sm-4"></label>
                      <div class="col-sm-8 text-end">
                        <button type="submit" class="btn btn-primary m-b-0">{{ __('Save') }}</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="row">
                {{-- <div class="col-sm-12">
                    <div class="card">
                        <div class="card-block">
                          @include('tasks.message_buttons', ['reply' => $reply, 'parent_message_id' => $parent_message_id])
                        </div>
                    </div>
                </div> --}}

                @include('tasks.messages', ['task' => $task])
                
            </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
@endsection

@push('child-scripts')
<script>
  $(document).ready(function(){
    prepareArticleTaskStatus();
  })

  $("input[name='transport']").change(function(){
    prepareArticleTaskStatus();
  });

  function prepareArticleTaskStatus(){
    let transport = $("input[name='transport']:checked").val();
    let name = 'article_status';
    let selected_value = $('#article_status').val();

    if(transport === 'retreive'){
      $('#driver-time-container').show();
    }else{
      $('#driver-time-container').hide();
    }

    $.ajax({
      method: 'get',
      url: "{{ route('article.task.status') }}",
      data: {transport: transport, name: name, selected_value: selected_value},
      success: function(resp){
        $('#div-article-task-status').html(resp);
      }
    });
  }
</script>
@endpush