{{-- partials/sales-returns-table.blade.php --}}

@if($sales->isNotEmpty())
<div class="table-responsive">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Réf</th>
                <th>Date</th>
                <th>Produits</th>
                <th>Montant Retourné</th>
                <th>Status</th>
                <th>Créé par</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($sales->unique('reference') as $sale)
            <tr>
                <td>{{ $sale->reference }}</td>
                <td>{{ $sale->created_at->translatedFormat('d M Y') }}</td>
                <td>
                    <span class="badge bg-info">{{ $sale->details->count() }} produit(s)</span>
                </td>
                <td>{{ number_format($sale->montant_total, 0, ' ', ' ') }} FCFA</td>
                <td>
                    <span class="badge {{ $sale->status == 'terminé' ? 'bg-success' : ($sale->status == 'annulé' ? 'bg-danger' : 'bg-warning') }}">
                        {{ ucfirst($sale->status) }}
                    </span>
                </td>
                <td>{{ $sale->user->nom . ' ' . $sale->user->prenom }}</td>
                <td>
                    <button class="btn btn-info btn-sm view-return-btn" data-return-id="{{ $sale->id }}">
                        <i data-feather="eye" class="icon-sm"></i> Voir
                    </button>
                    @if($sale->status != 'terminé')
                    <button class="btn btn-success btn-sm approve-return-btn" data-return-id="{{ $sale->id }}">
                        <i data-feather="check" class="icon-sm"></i> Approuver
                    </button>
                    @endif
                    @if($sale->status != 'annulé')
                    <button class="btn btn-danger btn-sm cancel-return-btn" data-return-id="{{ $sale->id }}">
                        <i data-feather="x" class="icon-sm"></i> Annuler
                    </button>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    
    <div class="d-flex justify-content-center mt-4">
        {{ $sales->links() }}
    </div>
</div>
@else
<div class="text-center p-5">
    <i data-feather="archive" style="width: 40px; height: 40px; color: #ccc;"></i>
    <p class="text-muted mt-3">Aucun retour enregistré</p>
</div>
@endif