@extends('layouts.app')
@section('title', $doc->numero)
@section('breadcrumb', 'Vente / '.$doc->numero)

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title"><i class="fas fa-file-invoice" style="color:var(--success)"></i> {{ $doc->numero }}</h1>
        <p class="page-subtitle">{{ $doc->type_libelle }} — {{ $doc->date->format('d/m/Y') }}</p>
    </div>
    <div class="page-actions">
        <form method="POST" action="{{ route('vente.print', $doc) }}" style="display:inline;">@csrf
            <button type="submit" class="btn btn-secondary"><i class="fas fa-file-pdf"></i> PDF</button>
        </form>
        @if(!in_array($doc->statut, ['annule','facture']))
            <a href="{{ route('vente.edit', $doc) }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier</a>
        @endif
        @php
            $conversions = [
                'devis'          => ['commande_vente' => 'Commande', 'bl' => 'Bon de Livraison', 'facture_vente' => 'Facture'],
                'commande_vente' => ['bl' => 'Bon de Livraison', 'facture_vente' => 'Facture'],
                'bl'             => ['facture_vente' => 'Facture'],
                'facture_vente'  => ['avoir_vente' => 'Avoir'],
            ];
            $cibles = !$doc->converted ? ($conversions[$doc->type] ?? []) : [];
        @endphp
        @if(count($cibles) > 0)
        <div x-data="{ showConvert: false, convTarget: '{{ array_key_first($cibles) }}' }" style="display:contents">
            <button @click="showConvert = true" class="btn btn-warning">
                <i class="fas fa-exchange-alt"></i> Convertir
            </button>
            <div class="modal-overlay" :class="{ open: showConvert }" @click="showConvert = false"></div>
            <div class="modal modal-sm" :class="{ open: showConvert }">
                <div class="modal-header">
                    <h3><i class="fas fa-exchange-alt"></i> Convertir {{ $doc->numero }}</h3>
                    <button class="modal-close" @click="showConvert = false"><i class="fas fa-times"></i></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="form-label">Convertir en :</label>
                        <select class="form-control" x-model="convTarget">
                            @foreach($cibles as $t => $label)
                                <option value="{{ $t }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <p x-show="convTarget === 'facture_vente' && '{{ $doc->type }}' !== 'bl'" style="font-size:12px;color:#f59e0b;margin-top:10px;">
                        <i class="fas fa-info-circle"></i> Un BL sera créé automatiquement avant la facture.
                    </p>
                    <p style="font-size:12px;color:#64748b;margin-top:6px;">Le document original sera marqué comme traité.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" @click="showConvert = false" class="btn btn-secondary">Annuler</button>
                    <form method="POST" action="{{ route('vente.convertir', $doc) }}" style="display:inline;">
                        @csrf
                        <input type="hidden" name="target" x-bind:value="convTarget">
                        <button type="submit" class="btn btn-warning"><i class="fas fa-arrow-right"></i> Convertir</button>
                    </form>
                </div>
            </div>
        </div>
        @endif
        <a href="{{ route('vente.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
    </div>
</div>

<div class="grid-sidebar" style="margin-bottom:20px;">
    <div class="card">
        <div class="card-body">
            <div class="form-grid form-grid-2" style="font-size:14px;">
                <div><span style="color:#64748b;">Client</span><br><strong>{{ $doc->client?->nom ?? '-' }}</strong></div>
                <div><span style="color:#64748b;">Statut</span><br>
                    @php $colors=['brouillon'=>'badge-muted','confirme'=>'badge-info','livre'=>'badge-warning','facture'=>'badge-success','annule'=>'badge-danger']; @endphp
                    <span class="badge-pill {{ $colors[$doc->statut]??'badge-info' }}">{{ ucfirst($doc->statut) }}</span>
                </div>
                <div><span style="color:#64748b;">Date</span><br><strong>{{ $doc->date->format('d/m/Y') }}</strong></div>
                @if($doc->date_echeance)<div><span style="color:#64748b;">Échéance</span><br><strong>{{ $doc->date_echeance->format('d/m/Y') }}</strong></div>@endif
                @if($doc->chantier)<div><span style="color:#64748b;">Chantier</span><br><strong>{{ $doc->chantier->nom }}</strong></div>@endif
                @if($doc->source_ref)<div><span style="color:#64748b;">Origine</span><br><strong>{{ $doc->source_ref }}</strong></div>@endif
            </div>
            @if($doc->notes)<div style="margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;font-size:13px;">{{ $doc->notes }}</div>@endif
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div style="font-size:13px;">
                <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span>Total HT</span><strong>{{ number_format($doc->total_ht,3,',',' ') }}</strong></div>
                <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;"><span>TVA</span><strong>{{ number_format($doc->total_tva,3,',',' ') }}</strong></div>
                <div style="display:flex;justify-content:space-between;padding:12px 0;font-size:18px;font-weight:700;"><span>Total TTC</span><span style="color:var(--primary);">{{ number_format($doc->total_ttc,3,',',' ') }}</span></div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3 class="card-title">Lignes</h3></div>
    <div class="table-wrap">
        <table class="table">
            <thead><tr><th>#</th><th>Désignation</th><th>Qté</th><th>PU HT</th><th>Remise</th><th>TVA</th><th>Total HT</th><th>Total TTC</th></tr></thead>
            <tbody>
            @foreach($doc->lignes as $i => $l)
                <tr>
                    <td>{{ $i+1 }}</td>
                    <td>
                        <strong>{{ $l->designation }}</strong>
                        @if($l->produit) <div style="font-size:11px;color:#64748b;"><code>{{ $l->produit->code_article }}</code></div> @endif
                    </td>
                    <td>{{ number_format($l->qte,3,',',' ') }}</td>
                    <td>{{ number_format($l->prix_unit_ht,3,',',' ') }}</td>
                    <td>{{ $l->remise > 0 ? $l->remise.'%' : '-' }}</td>
                    <td>{{ $l->tva?->taux ?? 0 }}%</td>
                    <td>{{ number_format($l->total_ht,3,',',' ') }}</td>
                    <td><strong>{{ number_format($l->total_ttc,3,',',' ') }}</strong></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection