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

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

  @if(session('success'))
    <div style="margin-top:12px;padding:10px;border:1px solid #16a34a;border-radius:10px;color:#166534">
      {{ session('success') }}
    </div>
  @endif

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

  <h2 style="margin:0 0 10px 0">Ajouter des fichiers</h2>

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

    <div style="margin-top:10px">
      <label>Catégorie</label>
      <select name="category" style="width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px">
        <option value="plans">Plans</option>
        <option value="photos">Photos</option>
        <option value="rapport">Rapport</option>
        <option value="general" selected>Autre</option>
      </select>
      @error('category') <div class="err">{{ $message }}</div> @enderror
    </div>

    <div style="margin-top:10px">
      <label>Fichiers (multi)</label>
      <input type="file" name="files[]" multiple required>
      @error('files') <div class="err">{{ $message }}</div> @enderror
      @error('files.*') <div class="err">{{ $message }}</div> @enderror
      <p style="color:#374151;font-size:14px;margin-top:6px">Taille max : 50 Mo par fichier.</p>
    </div>

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

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

  <h2 style="margin:0 0 10px 0">Fichiers déposés</h2>

  @if($documents->isEmpty())
    <p>Aucun fichier pour l’instant.</p>
  @else
    @foreach($documents as $d)
      <div style="border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px">
        <div><strong>{{ $d->original_name }}</strong></div>
        <div style="color:#374151;font-size:14px;margin-top:4px">
          Catégorie : {{ $d->category }} — Taille : {{ round($d->size_bytes/1024/1024, 2) }} Mo
        </div>
        <div style="margin-top:8px" class="row" style="gap:10px">
          <a class="btn2" href="{{ route('app.documents.download', [$case->id, $d->id]) }}">Télécharger</a>

          <form method="POST" action="{{ route('app.documents.destroy', [$case->id, $d->id]) }}" onsubmit="return confirm('Supprimer ce document ?')">
            @csrf
            <button class="btn2" type="submit">Supprimer</button>
          </form>
        </div>
      </div>
    @endforeach
  @endif
</div>
@endsection