@extends('layout', ['title' => 'Détail demande'])

@section('content')
<div class="card">
  <div class="row" style="justify-content:space-between;align-items:center">
    <h1 style="margin:0">Demande #{{ $case->id }}</h1>
    <a class="btn2" href="{{ route('app.cases.index') }}">Retour</a>
    <a class="btn" href="{{ route('app.documents.index', $case->id) }}">Documents</a>

  </div>

  <div style="margin-top:12px">
    <p><strong>Pack :</strong> {{ strtoupper($case->pack_code) }}</p>
    <p><strong>Adresse :</strong> {{ $case->address }}, {{ $case->postcode }} {{ $case->city }}</p>
    <p><strong>Surface :</strong> {{ $case->surface_m2 }} m²</p>
    <p><strong>Statut :</strong> {{ $statusLabels[$case->status] ?? $case->status }}</p>
    @if($case->client_note)
      <p><strong>Note :</strong> {{ $case->client_note }}</p>
    @endif
  </div>

  <hr style="border:none;border-top:1px solid #e5e7eb;margin:14px 0">

  <p style="color:#374151">
    Prochaine étape : dépôt de documents (plans, photos). On ajoute ça juste après.
  </p>
</div>
@endsection