@extends('layouts.app')

@section('form-title') {{ __('New project') }} @endsection

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

@section('content')
{{-- @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif --}}
<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-7">
              <div class="card">
                <div class="card-header">
                  <h5>{{ __('Project') }}</h5>
                </div>
                <div class="card-block">
                  <form id="main" method="post" action="{{ route('projects.store') }}" onsubmit="this.querySelector('button[type=submit]').disabled = true;" novalidate>
                    @csrf
                    <div class="mb-3 row">
                      <label class="form-label col-sm-3 col-form-label">{{ __('Client') }} *</label>
                      <div class="col-sm-6 col-xl-9">
                          @if(allowedToAddUpdateProjOrg())
                          {!! clients('client', old('client')) !!}
                          <span class="messages">
                            @if($errors->has('client'))
                            <p class="text-danger error">{{ $errors->first('client') }}</p>
                            @endif
                          </span>
                          @else
                            {{ getAuthUser()->organisation->name }}
                            <input type="hidden" name="client" value="{{ getAuthUser()->organisation->id }}">
                          @endif
                      </div>
                    </div>

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

                    <div class="mb-3 row">
                      <label class="form-label col-sm-3 col-form-label">{{ __('Description') }}</label>
                      <div class="col-sm-6 col-xl-9">
                        <textarea name="description" class="editor" id="editor">
                          <p>{{ old('description') }}</p>
                        </textarea>
                      </div>
                    </div>

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

                    <div class="mb-3 row">
                      <label class="form-label col-sm-3 col-form-label">{{ __('Project owner') }} </label>
                      <div class="col-sm-6 col-xl-9">
                        @if(allowedToAddUpdateProjOrg())
                          <div id="div_project_owner">
                            <select name="project_owner" id="project_owner" class="form-select form-control form-control-inverse">
                              <option value="">{{ __('Select project owner') }}</option>
                            </select>
                          </div>
                          <span class="messages">
                            @if($errors->has('project_owner'))
                            <p class="text-danger error">{{ $errors->first('project_owner') }}</p>
                            @endif
                          </span>
                        @else
                        {!!  projectOwner('project_owner', getAuthUser()->organisation->id, old('project_owner')); !!}
                        @endif
                      </div>
                    </div>

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

                    <div class="mb-3 row">
                      <label class="form-label col-sm-3 col-form-label">{{ __('Deadline') }} </label>
                      <div class="col-sm-6 col-xl-9">
                        <input type="date" class="form-control" name="deadline" id="deadline" placeholder="{{ __('Type a project title') }}" value="{{ old('deadline', deadline()) }}">
                        <span class="messages">
                            @if($errors->has('deadline'))
                            <p class="text-danger error">{{ $errors->first('deadline') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

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

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

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

                    @if(canViewUpdate('driver') && $modules__->drivers === 'yes')
                    <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')) !!}
                          <span class="messages">
                            @if($errors->has('driver'))
                            <p class="text-danger error">{{ $errors->first('driver') }}</p>
                            @endif
                          </span>
                      </div>
                    </div>
                    <div id="div_time_block" style="display:none;">
                      <div class="mb-3 row">
                        <label class="form-label col-sm-3 col-form-label">{{ __('Time blocks') }} *</label>
                        <div class="col-sm-6 col-xl-9">
                            {!! driverTimeBlocksRadio('time_block', old('time_block')) !!}
                            <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" name="visit_time" id="visit_time" value="{{ old('visit_time') }}" class="form-control hour-without-seconds" data-mask="99:99" placeholder="hh:mm">
                            <span class="messages">
                                @if($errors->has('visit_time'))
                                <p class="text-danger error">{{ $errors->first('visit_time') }}</p>
                                @endif
                            </span>
                        </div>
                      </div>
                    </div>
                    @endif

                    <div class="mb-3 row">
                      <label class="form-label col-sm-3"></label>
                      <div class="col-sm-6">
                        <input type="hidden" id="__edit" value="">
                        <button type="submit" class="btn btn-primary m-b-0">{{ __('Save') }}</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="card">
                <div class="card-header">
                  <h5>{{ __('New client') }}</h5>
                </div>
                <div class="card-block">
                  <div class="mb-3 row">
                    @if(canViewUpdate('organisations-add'))
                    <div class="col-sm-8">
                      <a href="{{ route('organisations.create') }}" class="btn btn-primary m-b-0">{{ __('Add new client') }}</a>
                    </div>
                    @endif
                    <div class="col-sm-4">
                      <button type="button" class="btn btn-primary m-b-0" onClick="window.location.reload();"><i class="fa fa-refresh"></i></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
@endsection

@push('child-scripts')
<script>
  $(document).ready(function(){
      // tinymce.init({
      //   selector: ".editor",
      //   height: 200,
      //   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', 200);
  });

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

  function prepareProjectOwnerHtml(client){
    $.ajax({
      method: 'post',
      url: "{{ route('project.owner.dd') }}",
      data: {client: client},
      headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
      },
      success: function(resp){
        $('#div_project_owner').html(resp);
      }
    });
  }
</script>

@include('driver-time-blocks.script')

@endpush