@if($bannable instanceof App\Models\Admin)
  {!! Form::model($bannable, ['route' => ['admin.users.bans.store', ['user' => $bannable]], 'method' => 'POST', 'id' => 'company-ban-modal']) !!}
@else
  {!! Form::model($bannable, ['route' => ['admin.companies.bans.store', ['company' => $bannable]], 'method' => 'POST', 'id' => 'company-ban-modal']) !!}
@endif

<div class="row">
    <div class="form-group col-6">
        {{ Form::label('name', ($bannable instanceof App\Models\Admin) ? __('User') : __('Company'), ['class' => 'col-form-label']) }}
        {!! Form::text('name', $bannable->name, [
          'class' => 'form-control',
          'placeholder' => __('Name'),
          'disabled' => true
        ]) !!}
    </div>

    <div class="col-6 mt-14">
      <label class="form-check form-switch form-check-custom form-check-solid">
        <input name="is_permanent_ban" type="checkbox" class="form-check-input" @checked(false)>
        <span class="switch-label">Permanent Ban</span>
      </label>
    </div>
    <div class="form-group col-6 mt-3">
        <label for="banned_until">Banned Until:</label>
        {!! Form::text('banned_until', null, ['class' => 'form-control flatpickr', 'data-flatpickr' => '{"minDate":"today","enableTime":false, "dateFormat": "Y-m-d",  "allowInput": false}',  'required'=> 'true']) !!}
    </div>

    {{-- reason --}}
    <div class="form-group col-12 mt-3">
      {{ Form::label('reason', __('Reason'), ['class' => 'col-form-label']) }}
      {!! Form::textarea('reason', null, [
        'class' => 'form-control',
        'placeholder' => __('Reason'),
        'rows' => 3,
        'required' => true
      ]) !!}
    </div>
</div>

<div class="modal-footer">
    <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() !!}
<script nonce="{{ csp_nonce() }}">
  // if is_permanent_ban is checked then hide the banned_until field, otherwise show it
  $(document).on('change', '#company-ban-modal input[name="is_permanent_ban"]', function() {
    if ($(this).is(':checked')) {
      $('input[name="banned_until"]').closest('.form-group').addClass('d-none');
    } else {
      $('input[name="banned_until"]').closest('.form-group').removeClass('d-none');
    }
  });
</script>