{{-- New project modal. Params: $clientsForModal, $managers, $templates (optional), $selectedClient (optional) --}}
@php $templates = $templates ?? \App\Models\ProjectTemplate::where('agency_id', auth()->user()->agency_id)->orderBy('id')->get(); @endphp
<div class="modal-bg" id="project-modal"><div class="modal" role="dialog" aria-modal="true" aria-labelledby="np-title">
  <div class="modal-head"><h2 id="np-title">New project</h2><button class="icon-btn sm" data-close aria-label="Close"><i data-icon="x"></i></button></div>
  <form method="POST" action="{{ route('admin.projects.store') }}" data-ajax>
    @csrf
    <div class="modal-body"><div class="form-grid">
      <div class="field full"><label>Client</label><select class="input" name="client_id" required>@foreach ($clientsForModal as $c)<option value="{{ $c->id }}" @selected(($selectedClient ?? null) == $c->id)>{{ $c->company_name }}</option>@endforeach</select></div>
      <div class="field full"><label>Project name</label><input class="input" name="name" required placeholder="For example: Summer campaign landing page"></div>
      <div class="field"><label>Start date</label><input class="input" type="date" name="start_date" value="{{ today()->addDays(2)->toDateString() }}" required></div>
      <div class="field"><label>Due date</label><input class="input" type="date" name="due_date" value="{{ today()->addDays(77)->toDateString() }}"></div>
      <div class="field"><label>Budget (AED)</label><input class="input" type="number" name="budget" min="0" step="100" placeholder="45000"></div>
      <div class="field"><label>Project manager</label><select class="input" name="manager_id">@foreach ($managers as $m)<option value="{{ $m->id }}" @selected($m->id === auth()->id())>{{ $m->name }}</option>@endforeach</select></div>
      <div class="field full"><label>Description the client will see</label><textarea class="input" name="description" placeholder="What we're building and why"></textarea></div>
      <div class="field full"><label>Milestones</label><select class="input" name="template_id"><option value="standard">Standard milestones (discovery, design, build, launch)</option>@foreach ($templates as $t)<option value="{{ $t->id }}">From template: {{ $t->name }}</option>@endforeach<option value="">None, I'll add them</option></select></div>
    </div></div>
    <div class="modal-foot"><button type="button" class="btn" data-close>Cancel</button><button class="btn btn-primary" type="submit">Create project</button></div>
  </form>
</div></div>