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

@section('content')
<div class="card">
  <div class="row" style="justify-content:space-between;align-items:center">
    <div>
      <h1 style="margin:0">Livrables — Dossier #{{ $case->id }}</h1>
      <div style="color:#374151;margin-top:6px">
        {{ strtoupper($case->pack_code) }} — {{ $case->address }}, {{ $case->postcode }} {{ $case->city }}
      </div>
    </div>
    <a class="btn2" href="{{ route('admin.cases.show', $case->id) }}">Retour dossier</a>
  </div>

  @if(session('success'))
    <div style="margin-top:12px;padding:10px;border:1px solid #86efac;background:#f0fdf4;border-radius:10px">
      {{ session('success') }}
    </div>
  @endif

  @if($errors->any())
    <div style="margin-top:12px;padding:10px;border:1px solid #fecaca;background:#fef2f2;border-radius:10px">
      {{ $errors->first() }}
    </div>
  @endif

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

  <h2 style="margin:0 0 10px 0;font-size:18px">Ajouter des livrables</h2>

  <form method="POST" action="{{ route('admin.deliverables.store', $case->id) }}" enctype="multipart/form-data">
    @csrf

    <div class="row" style="gap:12px;flex-wrap:wrap">
      <div style="min-width:220px;flex:1">
        <label>Catégorie</label>
        <select name="category" style="width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px">
          <option value="report">Rapport</option>
          <option value="plans">Plans</option>
          <option value="model">Maquette (IFC…)</option>
          <option value="zip">Archive ZIP</option>
          <option value="other">Autre</option>
        </select>
      </div>

      <div style="min-width:260px;flex:2">
        <label>Titre (facultatif)</label>
        <input name="title" placeholder="Ex: Rapport final + annexes" style="width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px">
      </div>
    </div>

    <div style="margin-top:12px">
      <label>Fichiers</label>
      <input type="file" name="files[]" multiple required>
      <div style="font-size:13px;color:#6b7280;margin-top:6px">
        Formats : pdf, images, zip, dwg, ifc, xlsx, docx… (50 Mo max / fichier)
      </div>
    </div>

    <div style="margin-top:12px" class="row" style="align-items:center;gap:10px">
      <label style="display:flex;gap:8px;align-items:center;margin:0">
        <input type="checkbox" name="is_visible_to_client" value="1">
        Visible pour le client (dans son espace)
      </label>
    </div>

    <div style="margin-top:14px">
      <button class="btn" type="submit">Ajouter</button>
    </div>
  </form>

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

  <h2 style="margin:0 0 10px 0;font-size:18px">Liste des livrables</h2>

  @if($deliverables->isEmpty())
    <p style="color:#374151">Aucun livrable pour le moment.</p>
  @else
    <div style="margin-top:12px">
      @foreach($deliverables as $d)
        <div style="border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px">
          <div class="row" style="justify-content:space-between;align-items:flex-start;gap:10px">
            <div>
              <div><strong>#{{ $d->id }}</strong> — {{ strtoupper($d->category) }}</div>
              <div style="color:#374151;font-size:14px;margin-top:4px">
                {{ $d->title ? $d->title . ' — ' : '' }}{{ $d->original_name }}
              </div>
              <div style="color:#6b7280;font-size:13px;margin-top:4px">
                {{ number_format(($d->size_bytes ?? 0)/1024/1024, 2) }} Mo
                — Visible client : {{ $d->is_visible_to_client ? 'Oui' : 'Non' }}
              </div>
            </div>

            <div class="row" style="gap:8px;flex-wrap:wrap;justify-content:flex-end">
              <a class="btn2" href="{{ route('admin.deliverables.download', [$case->id, $d->id]) }}">Télécharger</a>
              <form method="POST" action="{{ route('admin.deliverables.delete', [$case->id, $d->id]) }}" onsubmit="return confirm('Supprimer ce livrable ?')">
                @csrf
                <button class="btn2" type="submit">Supprimer</button>
              </form>
            </div>
          </div>
        </div>
      @endforeach
    </div>
  @endif
</div>
@endsection