@if ($acl->id)
  {!! Form::open(['route' => ['admin.acls.programs.update', ['acl' => $acl->user, 'program' => $acl->accessable]],
      'method' => 'PUT',
      'id' => 'acl-create-form',
  ]) !!}
@else
  {!! Form::open(['route' => ['admin.acls.programs.store', ['acl' => $user]],
  'method' => 'POST',
  'id' => 'acl-create-form',
  ]) !!}
@endif
<div class="row">
  <div class="form-group mb-3 col-sm-12">
      {{ Form::label('users[]', __('User'), ['class' => 'col-form-label']) }}
      {!! Form::select('users[]', [$user->uuid => $user->name], $user->uuid, ['class' => 'form-select', 'disabled', 'data-kt-select2' => 'true']) !!}
  </div>
  <div class="col-6 mb-2 mt-4">
    <label class="form-check form-switch form-check-custom form-check-solid">
      <input name="is_permanent_access" type="checkbox" class="form-check-input" @checked(isset($acl->id) && !$acl->granted_till)>
      <span class="switch-label">Permanent Access</span>
    </label>
  </div>
  <div class="form-group col-6 {{(isset($acl->id) && !$acl->granted_till) ? 'd-none' : ''}}">
      <label for="granted_till">Access Until:</label>
      {!! Form::text('granted_till',  $acl->granted_till ?? null, ['class' => 'form-control flatpickr', 'data-flatpickr' => '{"minDate":"today","enableTime":false, "dateFormat": "Y-m-d",  "allowInput": false}',  'required'=> 'true']) !!}
  </div>
  @if(isset($acl->id))
    {{-- select status --}}
    <div class="col-6 mb-2 mt-4">
      <label class="form-check form-switch form-check-custom form-check-solid">
        <input name="is_revoked" type="checkbox" class="form-check-input" @checked($acl->is_revoked)>
        <span class="switch-label">Revoke Access</span>
      </label>
    </div>
    {{-- <div class="form-group col-12">
      {{ Form::label('is_revoked', __('Status'), ['class' => 'col-form-label']) }}
      {!! Form::select('is_revoked', ['1' => 'Revoked', '0' => 'Active'], $acl->is_revoked, ['class' => 'form-select', 'data-kt-select2' => 'true']) !!}
    </div> --}}
  @endif
  <div class="position-relative mt-2">
    <label for="">Programe</label>
    <div class="col-12 acl-create-treeselect">
      {{--  --}}
    </div>
    {!! Form::text('accessible_programs', null, ['class' => 'accessible-programs-input d-none']) !!}
  </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_access is checked then hide the granted_till field, otherwise show it
  $(document).on('change', '#acl-create-form input[name="is_permanent_access"]', function() {
    if ($(this).is(':checked')) {
      $('input[name="granted_till"]').closest('.form-group').addClass('d-none');
    } else {
      $('input[name="granted_till"]').closest('.form-group').removeClass('d-none');
    }
  });
</script>