@php
  $milestonesOpts = $milestonesForSelect ?? collect();
  $diaryOpts = $diaryForIssueLink ?? ($dailyUpdatesForSelect ?? collect());
@endphp
<form method="post" action="{{ route('tracking.issues.store') }}" class="space-y-3">
  @csrf
  <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', $defaultProjectId ?? null) == $p->id)>{{ $p->name }}</option>
      @endforeach
    </select>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Related milestone</label>
      <select name="milestone_id" class="fi">
        <option value="">— None —</option>
        @foreach($milestonesOpts as $ms)
          <option value="{{ $ms->id }}" @selected(old('milestone_id') == $ms->id)>
            {{ $ms->project?->name ? $ms->project->name.' — ' : '' }}{{ $ms->name }}
          </option>
        @endforeach
      </select>
    </div>
    <div>
      <label class="fl">Related site update</label>
      <select name="daily_site_update_id" class="fi">
        <option value="">— None —</option>
        @foreach($diaryOpts as $du)
          <option value="{{ $du->id }}" @selected(old('daily_site_update_id') == $du->id)>
            {{ ($issueContextProject ?? $du->project)?->name ?? 'Project' }} — {{ $du->update_date?->format('Y-m-d') }}
          </option>
        @endforeach
      </select>
    </div>
  </div>
  <div>
    <label class="fl">Title</label>
    <input type="text" name="title" class="fi" required maxlength="255" value="{{ old('title') }}">
  </div>
  <div>
    <label class="fl">Description</label>
    <textarea name="description" class="fi" rows="3" required maxlength="3000">{{ old('description') }}</textarea>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Issue type</label>
      <select name="issue_type" class="fi" required>
        @foreach(['Delay','Safety','Quality','Weather','Labour','Material','Equipment','Design','Client','Other'] as $t)
          <option value="{{ $t }}" @selected(old('issue_type', 'Delay') === $t)>{{ $t }}</option>
        @endforeach
      </select>
    </div>
    <div>
      <label class="fl">Severity</label>
      <select name="severity" class="fi" required>
        @foreach(['Low','Medium','High','Critical'] as $s)
          <option value="{{ $s }}" @selected(old('severity', 'Medium') === $s)>{{ $s }}</option>
        @endforeach
      </select>
    </div>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Status</label>
      <select name="status" class="fi" required>
        @foreach(['Open','In Progress','Resolved','Closed'] as $s)
          <option value="{{ $s }}" @selected(old('status', 'Open') === $s)>{{ $s }}</option>
        @endforeach
      </select>
    </div>
    <div>
      <label class="fl">Impact days</label>
      <input type="number" name="impact_days" class="fi" min="0" value="{{ old('impact_days') }}" placeholder="Delays">
    </div>
  </div>
  <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
    <div>
      <label class="fl">Reported date</label>
      <input type="date" name="reported_date" class="fi" required value="{{ old('reported_date', now()->format('Y-m-d')) }}">
    </div>
    <div>
      <label class="fl">Target resolution</label>
      <input type="date" name="target_resolution_date" class="fi" value="{{ old('target_resolution_date') }}">
    </div>
  </div>
  <div>
    <label class="fl">Assigned to</label>
    <select name="assigned_to" class="fi">
      <option value="">— Unassigned —</option>
      @foreach($users as $u)
        <option value="{{ $u->id }}" @selected(old('assigned_to') == $u->id)>{{ $u->name }}</option>
      @endforeach
    </select>
  </div>
  <div class="flex justify-end gap-2 pt-2">
    <button type="button" class="bs" onclick="document.getElementById('trk_issue_create').classList.remove('open')">Cancel</button>
    <button type="submit" class="bp">Save issue</button>
  </div>
</form>