@php
  /** @var \App\Models\Milestone|null $milestone */
  $m = $milestone ?? null;
  $action = $m ? route('tracking.milestones.update', $m) : route('tracking.milestones.store');
  $overlayId = $overlayId ?? 'trk_ms_overlay';
  $suf = $m ? 'e'.$m->id : 'c';
  $actualId = 'trk_ms_actual_'.$suf;
  $showActual = old('status', $m->status ?? '') === 'done';
@endphp
<form method="post" action="{{ $action }}" class="space-y-3">
  @csrf
  @if($m)
    @method('PUT')
  @endif
  @if(!$m)
    @if(isset($defaultProjectId))
      <input type="hidden" name="project_id" value="{{ $defaultProjectId }}">
      <p class="text-[12px] text-slate-600 mb-2">Project: <strong>{{ $projectList->firstWhere('id', $defaultProjectId)?->name ?? '—' }}</strong></p>
    @else
    <div>
      <label class="fl">Project</label>
      <select name="project_id" class="fi" required>
        <option value="">Select project</option>
        @foreach($projectList as $p)
          <option value="{{ $p->id }}" @selected(old('project_id') == $p->id)>{{ $p->name }}</option>
        @endforeach
      </select>
    </div>
    @endif
  @else
    <p class="text-[12px] text-slate-500 mb-1">Project: <span class="font-semibold text-slate-700">{{ $m->project?->name }}</span></p>
  @endif
  <div>
    <label class="fl">Milestone name</label>
    <input type="text" name="name" class="fi" required maxlength="255" value="{{ old('name', $m->name ?? '') }}">
  </div>
  <div>
    <label class="fl">Description</label>
    <textarea name="description" class="fi" rows="2" maxlength="2000" placeholder="Optional scope or notes">{{ old('description', $m->description ?? '') }}</textarea>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Planned / target date</label>
      <input type="date" name="planned_date" class="fi" required value="{{ old('planned_date', optional($m?->planned_date)->format('Y-m-d')) }}">
    </div>
    <div>
      <label class="fl">Start date</label>
      <input type="date" name="start_date" class="fi" value="{{ old('start_date', optional($m?->start_date)->format('Y-m-d')) }}">
    </div>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Progress weight (%)</label>
      <input type="number" step="0.01" min="0" max="100" name="progress_weight" class="fi" placeholder="Optional" value="{{ old('progress_weight', $m->progress_weight ?? '') }}">
    </div>
    <div>
      <label class="fl">Value (MWK)</label>
      <input type="number" step="0.01" min="0" name="value" class="fi" placeholder="Optional" value="{{ old('value', $m->value ?? '') }}">
    </div>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Priority</label>
      <select name="priority" class="fi">
        @foreach(['Low','Normal','High','Critical'] as $pr)
          <option value="{{ $pr }}" @selected(old('priority', $m->priority ?? 'Normal') === $pr)>{{ $pr }}</option>
        @endforeach
      </select>
    </div>
    <div>
      <label class="fl">Status</label>
      <select name="status" class="fi trk-ms-status" data-actual-target="{{ $actualId }}">
        @foreach(['pending','active','done','delayed','cancelled'] as $st)
          <option value="{{ $st }}" @selected(old('status', $m->status ?? 'pending') === $st)>{{ ucfirst($st) }}</option>
        @endforeach
      </select>
    </div>
  </div>
  <div id="{{ $actualId }}" class="{{ $showActual ? '' : 'hidden' }}">
    <label class="fl">Actual completion date</label>
    <input type="date" name="actual_date" class="fi" value="{{ old('actual_date', optional($m?->actual_date)->format('Y-m-d')) }}">
  </div>
  <div class="flex justify-end gap-2 pt-2">
    <button type="button" class="bs" onclick="document.getElementById('{{ $overlayId }}').classList.remove('open')">Cancel</button>
    <button type="submit" class="bp">{{ $m ? 'Save milestone' : 'Add milestone' }}</button>
  </div>
</form>