@extends('layout', ['title' => 'Mes demandes'])

@section('content')
<div class="card">
  <div class="row" style="justify-content:space-between;align-items:center">
    <h1 style="margin:0">Mes demandes</h1>
    <a class="btn" href="{{ route('app.cases.create') }}">Nouvelle demande</a>
  </div>

  @if($cases->isEmpty())
    <p style="margin-top:12px">Aucune demande pour le moment.</p>
  @else
    <div style="margin-top:14px">
      @foreach($cases as $c)
        <div style="border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px">
          <div><strong>#{{ $c->id }}</strong> — {{ strtoupper($c->pack_code) }}</div>
          <div style="color:#374151;font-size:14px;margin-top:4px">
            {{ $c->address }}, {{ $c->postcode }} {{ $c->city }} — {{ $c->surface_m2 }} m²
          </div>
          <div style="margin-top:8px" class="row">
            <a class="btn2" href="{{ route('app.cases.show', $c->id) }}">Ouvrir</a>
            <span style="font-size:14px;color:#374151;align-self:center">Statut: {{ $c->status }}</span>
          </div>
        </div>
      @endforeach
    </div>
  @endif
</div>
@endsection