@extends('layouts.app')
@section('title',$sale->reference)
@section('page-title','Vente : '.$sale->reference)
@section('topbar-actions')
  @if($sale->status === 'annulee')
    <x-ui.badge color="gray">🔒 Immuable</x-ui.badge>
  @endif
@endsection
@section('content')

@if(session('sale_just_confirmed') && $sale->document)
  @php $gedWidgetId = 'ged-widget-' . md5(\App\Models\Document::class . $sale->document->id); @endphp
  <div class="card" style="margin-bottom:20px;border-color:var(--success);background:#f0fdf4">
    <div class="card-body" style="padding:20px">
      <div style="display:flex;align-items:center;gap:10px;margin-bottom:4px">
        <svg viewBox="0 0 24 24" fill="none" stroke="var(--success)" stroke-width="2" width="22" height="22"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
        <div style="font-weight:800;font-size:15px">Vente enregistrée. Facture {{ $sale->document->reference }} générée.</div>
      </div>
      <p style="font-size:13px;color:var(--gray-500);margin:0 0 16px 32px">Le stock a été mis à jour et la facture a été créée automatiquement à partir de cette vente — aucune ressaisie nécessaire.</p>
      <div style="display:flex;gap:8px;flex-wrap:wrap;margin-left:32px">
        <a href="{{ route('documents.print', $sale->document) }}" target="_blank" class="btn btn-outline btn-sm">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg>
          Imprimer
        </a>
        <a href="{{ route('documents.print', ['document' => $sale->document, 'intent' => 'telechargement']) }}" target="_blank" class="btn btn-outline btn-sm">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
          Télécharger PDF
        </a>
        <button type="button" class="btn btn-outline btn-sm" onclick="toggleGedUpload('{{ $gedWidgetId }}');document.getElementById('{{ $gedWidgetId }}')?.scrollIntoView({behavior:'smooth',block:'center'})">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
          Enregistrer dans Documents
        </button>
        <a href="{{ route('documents.show', $sale->document) }}" class="btn btn-primary btn-sm">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
          Voir la facture
        </a>
      </div>
    </div>
  </div>
  <div style="margin-bottom:20px">
    @include('ged._widget', [
      'entiteType' => \App\Models\Document::class,
      'entiteId'   => $sale->document->id,
      'entiteNom'  => $sale->document->reference,
    ])
  </div>
@endif

<div style="display:grid;grid-template-columns:1fr 320px;gap:20px">
  <div>
    <div class="card" style="margin-bottom:20px">
      <div class="card-header">
        <div class="card-title">Détails de la vente</div>
        <x-ui.badge :color="$sale->status_color">{{ $sale->status_label }}</x-ui.badge>
      </div>
      <div class="card-body">
        <div class="detail-grid">
          <div class="detail-item"><label>Référence</label><span class="code-tag">{{ $sale->reference }}</span></div>
          <div class="detail-item"><label>Client</label><span><a href="{{ route('clients.show',$sale->client) }}" class="table-link">{{ $sale->client?->name }}</a></span></div>
          <div class="detail-item"><label>Montant total</label><span style="font-size:18px;font-weight:800;color:var(--success)">{{ number_format($sale->amount,0,',',' ') }} XAF</span></div>
          <div class="detail-item"><label>Créé par</label><span>{{ $sale->creator?->name ?? '—' }}</span></div>
          <div class="detail-item"><label>Date</label><span>{{ $sale->date->format('d/m/Y') }}</span></div>
          <div class="detail-item"><label>Notes</label><span>{{ $sale->notes ?? '—' }}</span></div>
          @if($sale->document)
          <div class="detail-item"><label>Facture</label><span><a href="{{ route('documents.show', $sale->document) }}" class="table-link">{{ $sale->document->reference }}</a> <x-ui.badge :color="$sale->document->status_color" style="margin-left:4px">{{ $sale->document->status_label }}</x-ui.badge></span></div>
          @endif
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header"><div class="card-title">Lignes de vente</div></div>
      <div class="table-container">
        <table class="data-table">
          <thead><tr><th>Produit</th><th>Qté</th><th>Prix unitaire</th><th>Total</th></tr></thead>
          <tbody>
            @forelse($sale->saleItems as $item)
            <tr>
              <td><a href="{{ route('products.show',$item->product) }}" class="table-link">{{ $item->product?->name }}</a><div class="td-muted" style="font-size:11px">{{ $item->product?->reference }}</div></td>
              <td>{{ $item->quantity }}</td>
              <td>{{ number_format($item->unit_price,0,',',' ') }} XAF</td>
              <td style="font-weight:700">{{ number_format($item->total_price,0,',',' ') }} XAF</td>
            </tr>
            @empty
            <tr><td colspan="4"><div class="empty-state" style="padding:24px 0"><h3>Aucune ligne</h3></div></td></tr>
            @endforelse
          </tbody>
          <tfoot><tr style="background:var(--gray-50)"><td colspan="3" style="text-align:right;font-weight:700;padding:12px">TOTAL</td><td style="font-weight:800;color:var(--success);font-size:15px;padding:12px">{{ number_format($sale->amount,0,',',' ') }} XAF</td></tr></tfoot>
        </table>
      </div>
    </div>
  </div>
  <div class="card" style="align-self:start">
    <div class="card-header"><div class="card-title">Actions</div></div>
    <div class="card-body">
      @if($sale->status === 'annulee')
        <div class="empty-state" style="padding:16px 0">
          <p style="font-size:13px;color:var(--gray-500)">🔒 Vente annulée — immuable. Le stock a été restauré et la facture liée annulée si elle existait.</p>
        </div>
      @elseif($sale->status === 'accepted')
        {{-- Une vente est désormais toujours créée directement acceptée
             (retour utilisateur INSTALL.md 17/08, point 9) : plus de
             changement de statut à proposer ici — modification des lignes
             (point 11) ou annulation complète. --}}
        <a href="{{ route('sales.edit',$sale) }}" class="btn btn-primary" style="width:100%;display:flex;justify-content:center">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
          Modifier cette vente
        </a>
        <div class="divider"></div>
        <form method="POST" action="{{ route('sales.cancel',$sale) }}">
          @csrf
          <button type="submit" class="btn btn-outline" style="width:100%;color:var(--error);border-color:var(--error)" data-confirm="Annuler cette vente confirmée ? Le stock sera restauré et la facture liée sera annulée. Cette action est définitive.">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
            Annuler cette vente
          </button>
        </form>
      @else
        {{-- Ventes brouillon/envoyé/refusé antérieures à ce changement
             (retour utilisateur INSTALL.md 17/08, point 9) : ce formulaire
             de statut reste disponible pour elles uniquement. --}}
        <form method="POST" action="{{ route('sales.update',$sale) }}">
          @csrf @method('PUT')
          <div class="form-group">
            <label class="form-label">Changer le statut</label>
            <select name="status" class="form-control">
              <option value="draft" @selected($sale->status==='draft')>Brouillon</option>
              <option value="sent" @selected($sale->status==='sent')>Envoyé</option>
              <option value="accepted" @selected($sale->status==='accepted')>Accepté</option>
              <option value="refused" @selected($sale->status==='refused')>Refusé</option>
            </select>
          </div>
          <div class="form-group">
            <label class="form-label">Notes</label>
            <textarea name="notes" class="form-control" rows="3">{{ $sale->notes }}</textarea>
          </div>
          <button type="submit" class="btn btn-primary" style="width:100%"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/></svg>Mettre à jour</button>
        </form>
        <div class="divider"></div>
        <form method="POST" action="{{ route('sales.destroy',$sale) }}">
          @csrf @method('DELETE')
          <button type="submit" class="btn btn-danger" style="width:100%" data-confirm="Supprimer cette vente ?"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/></svg>Supprimer</button>
        </form>
      @endif
    </div>
  </div>
</div>
@endsection