@if ($competition->id)
    {!! Form::model($competition, ['route' => ['admin.competitions.update', $competition],
      'method' => 'PUT',
      'id' => 'competition-update-form',
      'data-competition-id' => $competition->id,
    ]) !!}
@else
    {!! Form::model($competition, ['route' => ['admin.competitions.store'], 'method' => 'POST']) !!}
@endif
<div class="row" x-data="{cal_start_date: '{{ $competition->start_date?->format('Y-m-d') }}', cal_end_date: '{{ $competition->end_date?->format('Y-m-d') }}'}">
  {{-- Name --}}
  <div class="form-group col-6">
      {{ Form::label('name', __('Name'), ['class' => 'col-form-label']) }}
      {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => __('Name')]) !!}
  </div>

  {{-- program --}}
  <div class="form-group col-6">
    {{ Form::label('program_id', __('Program'), ['class' => 'col-form-label']) }}
    @if(@$hasPayment)
      <span data-bs-toggle="tooltip" title="{{__('Competition has payment, program can not be changed')}}">
        <i class="fa-solid fa-triangle-exclamation text-warning"></i>
      </span>
    @endif
    {!! Form::select('program_id', $programs ?? [], $competition->program_id, [
    'class' => 'form-select', 'data-kt-select2' => 'true',
    'data-remote' => route('resource-select', ['Program']),
    'id' => 'competition-program-selected-id',
    'data-placeholder' => __('Select Program'),
    'data-allow-clear' => 'true',
    'disabled' => @$hasPayment
    ]) !!}
  </div>

  <div class="col-12 d-flex">
    {{-- currency --}}
    <div class="form-group col me-4">
      {{ Form::label('currency', __('Currency'), ['class' => 'col-form-label']) }}
      @if(@$hasPayment)
        <span data-bs-toggle="tooltip" title="{{__('Competition has payment, currency can not be changed')}}">
          <i class="fa-solid fa-triangle-exclamation text-warning"></i>
        </span>
      @endif
      {!! Form::select('currency', $currency ?? [], $competition->currency, [
        'data-placeholder' => 'Select Currency',
        'class' => 'form-select', 'data-kt-select2' => 'true',
        'data-remote' => route('resource-select', ['Currency']),
        'data-allow-clear' => 'true',
        'data-default' => $defaultCurrency,
        'disabled' => @$hasPayment
        ])!!}
    </div>

    {{-- amount --}}
    <div class="form-group col">
      {{ Form::label('amount', __('Competition Amount'), ['class' => 'col-form-label']) }}
      {!! Form::number('amount', null, ['class' => 'form-control', 'placeholder' => __('0.00')]) !!}
    </div>
  </div>

  {{-- start date --}}
  <div class="form-group col-6">
    {{ Form::label('start_date', __('Start Date'), ['class' => 'col-form-label']) }}
    {!! Form::date('start_date', $competition->start_date, ['class' => 'form-control flatpickr', 'placeholder' => __('Start Date'), 'x-model' => 'cal_start_date']) !!}
  </div>

  {{-- end date --}}
  <div class="form-group col-6">
    {{ Form::label('end_date', __('End Date'), ['class' => 'col-form-label']) }}
    {!! Form::date('end_date', $competition->end_date, ['class' => 'form-control flatpickr', 'placeholder' => __('End Date'), 'x-model' => 'cal_end_date']) !!}
  </div>

  <x-date-calculator />

</div>
<div class="modal-footer d-flex justify-content-end">
  <div class="btn-flt float-end">
      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
      <button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Save') }}</button>
  </div>
</div>
{!! Form::close() !!}