@extends('layout', ['title' => 'Admin - Dossiers'])

@section('content')
<div class="card">
  <div class="row" style="justify-content:space-between;align-items:center">
    <h1 style="margin:0">Admin — Dossiers</h1>
  </div>

  <form method="GET" action="{{ route('admin.cases.index') }}" style="margin-top:12px" class="row">
    <input name="q" value="{{ $q }}" placeholder="Recherche: id, adresse, ville, email, nom…" style="flex:2;min-width:220px">
    <select name="status" style="flex:1;min-width:170px;padding:10px;border:1px solid #d1d5db;border-radius:10px">
      @foreach($statusOptions as $k => $label)
        <option value="{{ $k }}" @selected($status===$k)>{{ $label }}</option>
      @endforeach
    </select>
    <select name="pack" style="flex:1;min-width:170px;padding:10px;border:1px solid #d1d5db;border-radius:10px">
      @foreach($packOptions as $k => $label)
        <option value="{{ $k }}" @selected($pack===$k)>{{ $label }}</option>
      @endforeach
    </select>
    <button class="btn" type="submit">Filtrer</button>
    <select name="next" style="flex:1;min-width:190px;padding:10px;border:1px solid #d1d5db;border-radius:10px">
  @foreach($nextOptions as $k => $label)
    <option value="{{ $k }}" @selected($next===$k)>{{ $label }}</option>
  @endforeach
</select>

  </form>

  <div style="margin-top:14px">
    @forelse($cases as $c)
      <div style="border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px">
        <div class="row" style="justify-content:space-between;align-items:center">
          <div>
            <strong>#{{ $c->id }}</strong> — {{ strtoupper($c->pack_code) }} — <span style="color:#374151">{{ $c->status }}</span>
            <div style="color:#374151;font-size:14px;margin-top:4px">
              {{ $c->address }}, {{ $c->postcode }} {{ $c->city }} — {{ $c->surface_m2 }} m²
            </div>
            <div style="color:#374151;font-size:13px;margin-top:4px">
              Client : {{ $c->user->name ?? '-' }} ({{ $c->user->email ?? '-' }})
            </div>
          </div>
          <a class="btn2" href="{{ route('admin.cases.show', $c->id) }}">Ouvrir</a>
        </div>
      </div>
      @php
  $isOverdue = $c->next_action_due_at && $c->next_action_due_at->lt(now());
@endphp

<div style="color:#374151;font-size:13px;margin-top:6px">
  Prochaine action :
  <strong>{{ $c->next_action_label ?? '—' }}</strong>
  —
  Échéance :
  @if($c->next_action_due_at)
    <span style="{{ $isOverdue ? 'color:#b91c1c;font-weight:700' : '' }}">
      {{ $c->next_action_due_at->format('d/m/Y') }}
    </span>
  @else
    —
  @endif
</div>

    @empty
      <p style="margin-top:12px">Aucun dossier.</p>
    @endforelse
  </div>

  <div style="margin-top:12px">
    {{ $cases->links() }}
  </div>
</div>
@endsection