@php
  $isRelatedChecked = old('is_related') === '1';
@endphp

{!! Form::open(['route' => ['admin.scrum-boards.pipelines.tasks.store', ['scrum_board' => $scrum_board, 'pipeline' => $pipeline]], 'method' => 'POST']) !!}

<div x-data="{ isRelated: {{ $isRelatedChecked ? 'true' : 'false' }} }">
  <div class="row">

    {{-- Job Name --}}
    <div class="form-group col-12">
      {{ Form::label('job_name', __('Job Name'), ['class' => 'col-form-label']) }}
      {!! Form::text('job_name', old('job_name'), [
          'class' => 'form-control',
          'placeholder' => __('Enter Job Name'),
      ]) !!}
    </div>

    {{-- Job Description --}}
    <div class="form-group col-12 mt-3">
      {{ Form::label('job_description', __('Job Description'), ['class' => 'col-form-label']) }}
      {!! Form::textarea('job_description', old('job_description'), [
          'class' => 'form-control',
          'rows' => 4,
          'placeholder' => __('Enter Description'),
      ]) !!}
    </div>

    {{-- Is Related Toggle --}}
    <div class="col-12 mt-4">
      <div class="d-flex justify-content-between align-items-center">
        <label class="fw-bold mb-0" for="is_related_toggle">
          {{ __('Is this request related to another?') }}
        </label>
        <div class="form-check form-switch m-0">
          <input class="form-check-input" type="checkbox" id="is_related_toggle" name="is_related" value="1" x-model="isRelated">
        </div>
      </div>
    </div>

    {{-- Related Request dropdown --}}
    <div class="form-group col-12 mt-3">
    <div class="col-12 mt-3 fv-row" x-show="isRelated" x-transition>
      {{ Form::label('parent_id', __('Related Request'), ['class' => 'col-form-label']) }}
      {!! Form::select('parent_id', [], old('parent_id'), [
          'id' => 'parent_id',
          'class' => 'form-select',
          'data-kt-select2' => 'true',
          'data-placeholder' => __('Select a Previous Studio Request'),
          'data-allow-clear' => 'true',
          'data-remote' => route('resource-select', ['StudioRequests']),
          'data-kt-template-result' => "studiorequest",
          'data-template-selection-ld' => "formatSelections",
      ]) !!}
    </div>
        </div>

    {{-- Requested By --}}
    <div class="form-group col-12 mt-3">
      <label class="col-form-label d-flex justify-content-between align-items-center">
        <span>{{ __('Requested By') }}</span>
        <a href="#" id="toggle-requester-form" class="btn btn-sm btn-light-primary">
          + {{ __('Add New') }}
        </a>
      </label>
      {!! Form::select('studio_requester_id', [], old('studio_requester_id'), [
          'id' => 'studio_requester_id',
          'class' => 'form-select',
          'data-kt-select2' => 'true',
          'data-placeholder' => __('Select Requester'),
          'data-allow-clear' => 'true',
          'data-remote' => route('resource-select-user', ['StudioRequester']),
          'data-kt-template-result' => "studiorequester",
          'data-template-selection-ld' => "formatSelections",
      ]) !!}
    </div>

    {{-- Inline Add New Requester Form --}}
    <div class="row bg-light-dark g-3 mt-3 d-none" id="inline-requester-form">
      <div class="col-md-6 fv-row">
        {!! Form::label('new_requester_full_name', 'Full Name', ['class' => 'form-label']) !!}
        {!! Form::text('new_requester_full_name', null, ['class' => 'form-control', 'placeholder' => 'Enter full name']) !!}
        <div class="invalid-feedback"></div>
      </div>
      <div class="col-md-6 fv-row">
        {!! Form::label('new_requester_email', 'Email Address', ['class' => 'form-label']) !!}
        {!! Form::email('new_requester_email', null, ['class' => 'form-control', 'placeholder' => 'Enter email']) !!}
        <div class="invalid-feedback"></div>
      </div>
      <div class="col-12 text-end mb-4">
        <button type="button" class="btn btn-sm btn-danger me-2" id="cancel-new-requester">
          {{ __('Cancel') }}
        </button>
        <button type="button" class="btn btn-sm btn-primary" id="save-new-requester">
          {{ __('Save Requester') }}
        </button>
      </div>
    </div>

    {{-- Sector --}}
    <div class="form-group col-md-6 mt-4">
      {!! Form::label('sector_id', 'Select Sector') !!}
      {!! Form::select('sector_id', [], old('sector_id'), [
          'id' => 'sector_id',
          'class' => 'form-select',
          'data-placeholder' => __('Select Sector'),
          'data-kt-select2' => 'true',
          'data-allow-clear' => 'true',
          'data-tags' => 'true',
          'data-kt-template-result' => 'sector',
          'data-remote' => route('resource-select', ['Sector']),
      ]) !!}
    </div>

    {{-- Department --}}
    <div class="form-group col-md-6 mt-4">
      {!! Form::label('department_id', 'Select Department') !!}
      {!! Form::select('department_id', [], old('department_id'), [
          'id' => 'department_id',
          'class' => 'form-select',
          'data-placeholder' => __('Select Department'),
          'data-kt-select2' => 'true',
          'data-allow-clear' => 'true',
          'data-tags' => 'true',
          'data-kt-template-result' => 'department',
          'data-remote' => route('resource-select', ['Department', 'dependent' => 'sector_id']),
          'data-dependent_id' => 'sector_id',
      ]) !!}
    </div>

    {{-- Pipeline --}}
    <div class="col-6 mt-4">
      {!! Form::label('pipeline_id', 'Pipeline') !!}
      {!! Form::select('pipeline_id', [$pipeline->id => $pipeline->name], $pipeline->id, [
        'class' => 'form-select',
        'data-kt-select2' => 'true',
        'data-allow-clear' => 'true',
        'data-placeholder' => __('Select Pipeline'),
        'data-remote' => route('resource-select', ['ScrumBoardPipeline', 'ofScrumBoard' => $scrum_board->id])
      ]) !!}
    </div>

    {{-- Priority --}}
    <div class="col-6 mt-4">
      {!! Form::label('priority', 'Priority') !!}
      {!! Form::select('priority', $task::PRIORITIES, old('priority'), [
        'class' => 'form-select',
        'data-placeholder' => __('Select Priority'),
        'data-kt-select2' => 'true',
        'data-allow-clear' => 'true',
      ]) !!}
    </div>

    {{-- Due Date --}}
    <div class="col-6 mt-4">
      {!! Form::label('due_date', 'Due Date') !!}
      {!! Form::text('due_date', old('due_date'), [
        'class' => 'form-control flatpickr',
        'placeholder' => __('Select Due Date'),
      ]) !!}
    </div>

    {{-- Requested At --}}
    <div class="col-6 mt-4">
      {!! Form::label('requested_at', 'Requested At') !!}
      {!! Form::text('requested_at', old('requested_at'), [
        'class' => 'form-control flatpickr',
        'placeholder' => __('Select Requested Date'),
      ]) !!}
    </div>

    {{-- Tags --}}
    <div class="col-12 mt-4">
      {!! Form::label('tags[]', 'Tags') !!}
      {!! Form::select('tags[]', $tags, old('tags[]', array_keys($tags)), [
        'class' => 'form-select',
        'data-placeholder' => __('Select Tags'),
        'data-kt-select2' => 'true',
        'data-allow-clear' => 'true',
        'multiple' => true,
        'data-tags' => 'true',
        'data-remote' => route('resource-select', ['Tag'])
      ]) !!}
    </div>

    <input type="hidden" id="scrum_board_id" value="{{ $scrum_board->id ?? '' }}">
    {{-- select assignee --}}
    <div class="col-12 mt-2">
      {!! Form::label('assignees[]', 'Select Assignee') !!}
      {!! Form::select('assignees[]', $assignees ?? [],  @$assignees ? array_keys($assignees) : [], [
        'class' => 'form-select',
        'data-placeholder' => __('Select Assignee'),
        'data-allow-clear' => 'true',
        'data-kt-select2' => 'true',
        'multiple' => true,
        'data-kt-template-result' => "users",
        'data-template-selection-ld'=>"formatSelections",
        // 'data-remote' => route('resource-select-user', ['Admin'])
        'data-remote' => route('resource-select-user', ['Assignable', 'dependent' => 'board_id']),
        'data-dependent_id' => 'scrum_board_id',
      ]) !!}
    </div>

    @if(!$task->id)
      {{-- Checkbox for CheckItems --}}
      <div class="form-group col-12 mt-3">
        <div class="form-check">
          {!! Form::checkbox('import_checkitems', 1, 1, ['class' => 'form-check-input', 'id' => 'import_checkitems']) !!}
          {{ Form::label('import_checkitems', __('Import Default CheckItem(s) from Pipeline(s)'), ['class' => 'form-check-label']) }}
        </div>
      </div>
    @endif

  </div>

  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
    <button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Add') }}</button>
  </div>
</div>

{!! Form::close() !!}