@php
  $proj = $project ?? null;
  $selectedTeam = old('team_members', $proj ? $proj->team->pluck('id')->all() : []);
  if (! is_array($selectedTeam)) {
      $selectedTeam = [];
  }
  $statuses = ['On Track', 'At Risk', 'Completed', 'On Hold'];
@endphp
<form id="{{ $formId }}" class="text-left space-y-3" onsubmit="return false;">
  @csrf
  <div>
    <label class="fl" for="{{ $formId }}_name">Project name</label>
    <input id="{{ $formId }}_name" name="name" type="text" class="fi" required value="{{ old('name', optional($proj)->name) }}">
  </div>
  <div>
    <label class="fl" for="{{ $formId }}_description">Description</label>
    <textarea id="{{ $formId }}_description" name="description" class="fi" rows="2" placeholder="Brief description">{{ old('description', optional($proj)->description) }}</textarea>
  </div>
  <div>
    <label class="fl" for="{{ $formId }}_client_id">Client</label>
    <select id="{{ $formId }}_client_id" name="client_id" class="fi" required>
      <option value="">Select client</option>
      @foreach($clients as $c)
        <option value="{{ $c->id }}" @selected((string) old('client_id', optional($proj)->client_id) === (string) $c->id)>{{ $c->company_name }}</option>
      @endforeach
    </select>
  </div>
  <div>
    <label class="fl" for="{{ $formId }}_location">Location</label>
    <input id="{{ $formId }}_location" name="location" type="text" class="fi" value="{{ old('location', optional($proj)->location) }}" placeholder="Site / city">
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div>
      <label class="fl" for="{{ $formId }}_start_date">Start date</label>
      <input id="{{ $formId }}_start_date" name="start_date" type="date" class="fi" value="{{ old('start_date', optional($proj?->start_date)->format('Y-m-d')) }}">
    </div>
    <div>
      <label class="fl" for="{{ $formId }}_due_date">Due date</label>
      <input id="{{ $formId }}_due_date" name="due_date" type="date" class="fi" required value="{{ old('due_date', optional($proj?->due_date)->format('Y-m-d')) }}">
    </div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div>
      <label class="fl" for="{{ $formId }}_budget">Budget (MWK)</label>
      <input id="{{ $formId }}_budget" name="budget" type="number" step="0.01" min="0" class="fi" required value="{{ old('budget', optional($proj)->budget) }}">
    </div>
    <div>
      <label class="fl" for="{{ $formId }}_contract_value">Contract value (MWK)</label>
      <input id="{{ $formId }}_contract_value" name="contract_value" type="number" step="0.01" min="0" class="fi" required value="{{ old('contract_value', optional($proj)->contract_value) }}">
    </div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div>
      <label class="fl" for="{{ $formId }}_progress_percentage">Progress %</label>
      <input id="{{ $formId }}_progress_percentage" name="progress_percentage" type="number" min="0" max="100" class="fi" required value="{{ old('progress_percentage', optional($proj)->progress_percentage ?? 0) }}">
    </div>
    <div>
      <label class="fl" for="{{ $formId }}_status">Status</label>
      <select id="{{ $formId }}_status" name="status" class="fi" required>
        @foreach($statuses as $st)
          <option value="{{ $st }}" @selected(old('status', optional($proj)->status ?? 'On Track') === $st)>{{ $st }}</option>
        @endforeach
      </select>
    </div>
  </div>
  <div>
    <label class="fl" for="{{ $formId }}_team">Team members</label>
    <select id="{{ $formId }}_team" name="team_members[]" multiple class="fi" style="min-height:104px" size="5">
      @foreach($employees as $emp)
        <option value="{{ $emp->id }}" @selected(in_array($emp->id, $selectedTeam, true))>{{ $emp->name }} — {{ $emp->job_title }}</option>
      @endforeach
    </select>
    <p class="text-[10px] text-slate-400 mt-1">Hold Ctrl / ⌘ to select multiple.</p>
  </div>
  <div id="{{ $formId }}_err" class="text-red-600 text-[12px]" style="display:none"></div>
  <div class="flex gap-2 justify-end pt-2">
    <button type="button" class="bs" onclick="closeProjectOverlay('{{ $overlayId }}')">Cancel</button>
    <button type="button" class="bp" onclick="submitProjectJsonForm('{{ $formId }}','{{ $httpMethod }}','{{ $action }}')">Save</button>
  </div>
</form>