@php
  $isEdit = $service->exists;
  $action = $isEdit ? route('admin.services.update', $service) : route('admin.services.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 }}" class="space-y-stack-lg">
  @csrf
  @if($isEdit) @method('PUT') @endif

  <div class="grid grid-cols-1 lg:grid-cols-3 gap-stack-lg">
    <div class="lg:col-span-2 space-y-stack-lg">
      <div class="surface-card rounded-xl p-6 space-y-4">
        <h3 class="text-headline-md font-headline-md text-on-surface mb-2">Service Details</h3>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
          <div>
            <label class="{{ $label }}">Name <span class="text-error">*</span></label>
            <input type="text" name="name" value="{{ old('name', $service->name) }}" placeholder="e.g. Oakwood House" class="{{ $input }}">
          </div>
          <div>
            <label class="{{ $label }}">Code <span class="text-error">*</span></label>
            <input type="text" name="code" value="{{ old('code', $service->code) }}" placeholder="SRV-001" class="{{ $input }}">
          </div>
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
          <div>
            <label class="{{ $label }}">Region</label>
            <input type="text" name="region" value="{{ old('region', $service->region) }}" class="{{ $input }}">
          </div>
          <div>
            <label class="{{ $label }}">Address</label>
            <input type="text" name="address" value="{{ old('address', $service->address) }}" class="{{ $input }}">
          </div>
        </div>
        <label class="flex items-center gap-3 py-1 cursor-pointer">
          <input type="hidden" name="is_active" value="0">
          <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $service->is_active ?? 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">Active service</span>
        </label>
      </div>

      <div class="surface-card rounded-xl p-6">
        <h3 class="text-headline-md font-headline-md text-on-surface mb-1">Care Workers</h3>
        <p class="text-label-md font-label-md text-outline mb-4">Assign the care workers based at this service.</p>
        @if($careWorkers->isEmpty())
          <p class="text-body-md font-body-md text-outline">No care workers available.</p>
        @else
          <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-72 overflow-y-auto pr-1">
            @foreach($careWorkers as $worker)
              <label class="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-surface-container-high cursor-pointer">
                <input type="checkbox" name="care_worker_ids[]" value="{{ $worker->id }}"
                  @checked(in_array($worker->id, old('care_worker_ids', $assignedIds)))
                  class="w-5 h-5 rounded border-outline-variant text-primary focus:ring-primary/20">
                <span class="min-w-0">
                  <span class="block text-body-md font-body-md text-on-surface truncate">{{ $worker->name }}</span>
                  <span class="block text-label-md font-label-md text-outline truncate">{{ $worker->email }}</span>
                </span>
              </label>
            @endforeach
          </div>
        @endif
      </div>

      <div class="surface-card rounded-xl p-6">
        <h3 class="text-headline-md font-headline-md text-on-surface mb-1">Required Training</h3>
        <p class="text-label-md font-label-md text-outline mb-4">
          Courses that are mandatory at this home. They're assigned automatically to every care worker based here and to the Service Manager.
          <span class="block mt-1">Org-wide <strong>Mandatory</strong> courses are always assigned and aren't listed here.</span>
        </p>
        @if($selectableCourses->isEmpty())
          <p class="text-body-md font-body-md text-outline">No service-specific courses available.</p>
        @else
          <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-72 overflow-y-auto pr-1">
            @foreach($selectableCourses as $course)
              <label class="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-surface-container-high cursor-pointer">
                <input type="checkbox" name="required_course_ids[]" value="{{ $course->id }}"
                  @checked(in_array($course->id, old('required_course_ids', $requiredCourseIds)))
                  class="w-5 h-5 rounded border-outline-variant text-primary focus:ring-primary/20">
                <span class="min-w-0">
                  <span class="block text-body-md font-body-md text-on-surface truncate">{{ $course->title }}</span>
                  <span class="block text-label-md font-label-md text-outline truncate">{{ ucwords(str_replace('_', ' ', $course->category)) }}{{ $course->refresh_cycle ? ' · '.$course->refresh_cycle : '' }}</span>
                </span>
              </label>
            @endforeach
          </div>
        @endif
      </div>
    </div>

    <div class="space-y-stack-lg">
      <div class="surface-card rounded-xl p-6 space-y-4">
        <h3 class="text-headline-md font-headline-md text-on-surface mb-2">Management</h3>
        <div>
          <label class="{{ $label }}">Service Manager</label>
          <select name="service_manager_id" class="{{ $input }}">
            <option value="">— None —</option>
            @foreach($serviceManagers as $u)
              <option value="{{ $u->id }}" @selected((int) old('service_manager_id', $service->service_manager_id) === $u->id)>{{ $u->name }}</option>
            @endforeach
          </select>
        </div>
        <div>
          <label class="{{ $label }}">Registered Manager</label>
          <select name="registered_manager_id" class="{{ $input }}">
            <option value="">— None —</option>
            @foreach($registeredManagers as $u)
              <option value="{{ $u->id }}" @selected((int) old('registered_manager_id', $service->registered_manager_id) === $u->id)>{{ $u->name }}</option>
            @endforeach
          </select>
        </div>
        <p class="text-label-md font-label-md text-outline">These assignments drive who can see this service's compliance.</p>
      </div>
    </div>
  </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 Service' }}
    </button>
    <a href="{{ route('admin.services.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>