@php
  $isEdit = $policy->exists;
  $action = $isEdit ? route('admin.policies.update', $policy) : route('admin.policies.store');
  $input = 'w-full px-4 py-2.5 bg-surface-container rounded-lg border-none focus:ring-2 focus:ring-primary/20 text-body-md outline-none';
  $label = 'block text-label-md font-label-md text-on-surface-variant mb-1.5';
@endphp

<form method="POST" action="{{ $action }}" enctype="multipart/form-data" class="max-w-2xl space-y-stack-lg">
  @csrf
  @if($isEdit) @method('PUT') @endif

  <div class="surface-card rounded-xl p-6 space-y-4">
    <div>
      <label class="{{ $label }}">Policy Title <span class="text-error">*</span></label>
      <input type="text" name="title" value="{{ old('title', $policy->title) }}" placeholder="e.g. Safeguarding Policy" class="{{ $input }}">
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div>
        <label class="{{ $label }}">Version <span class="text-error">*</span></label>
        <input type="text" name="version" value="{{ old('version', $policy->version ?? '1.0') }}" class="{{ $input }}">
      </div>
    </div>

    <div>
      <label class="{{ $label }}">Document {{ $isEdit ? '' : '(PDF/DOC) ' }}<span class="text-error">{{ $isEdit ? '' : '*' }}</span></label>
      @if($isEdit && $policy->file_path)
        <p class="text-body-md font-body-md text-on-surface-variant mb-2 flex items-center gap-2">
          <span class="material-symbols-outlined text-[18px] text-primary">description</span>
          <a href="{{ asset('storage/' . $policy->file_path) }}" target="_blank" rel="noopener" class="text-primary hover:underline">Current file</a>
          <span class="text-outline">— upload a new file to replace it</span>
        </p>
      @endif
      <input type="file" name="file" accept=".pdf,.doc,.docx" class="w-full text-body-md text-on-surface-variant file:mr-3 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-surface-container-high file:text-on-surface-variant file:text-label-md">
    </div>

    <label class="flex items-center gap-3 py-1 cursor-pointer">
      <input type="hidden" name="requires_acknowledgment" value="0">
      <input type="checkbox" name="requires_acknowledgment" value="1" @checked(old('requires_acknowledgment', $policy->requires_acknowledgment ?? true))
        class="w-5 h-5 rounded border-outline-variant text-primary focus:ring-primary/20">
      <span class="text-body-md font-body-md text-on-surface">Require employees to digitally acknowledge this policy</span>
    </label>

    <label class="flex items-center gap-3 py-1 cursor-pointer">
      <input type="hidden" name="published" value="0">
      <input type="checkbox" name="published" value="1" @checked(old('published', (bool) ($policy->published_at ?? false)))
        class="w-5 h-5 rounded border-outline-variant text-primary focus:ring-primary/20">
      <span class="text-body-md font-body-md text-on-surface">Publish now (visible to employees)</span>
    </label>
  </div>

  <div class="flex items-center gap-3">
    <button type="submit" class="bg-primary text-on-primary px-6 py-2.5 rounded-lg text-label-md font-label-md hover:opacity-90 transition-opacity">
      {{ $isEdit ? 'Save Changes' : 'Create Policy' }}
    </button>
    <a href="{{ route('admin.policies.index') }}" class="px-6 py-2.5 rounded-lg text-label-md font-label-md text-on-surface-variant hover:bg-surface-container-high transition-colors">Cancel</a>
  </div>
</form>