@extends('layouts.app')

@section('title', 'Historique des Ventes')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3 mb-0 text-gray-800">
                    <i class="fas fa-history me-2 text-info"></i>Historique des Ventes
                </h1>
                <div>
                    <a href="{{ route('quick-sale.index') }}" class="btn btn-success">
                        <i class="fas fa-bolt me-2"></i>Nouvelle vente
                    </a>
                </div>
            </div>

            <!-- Filtres -->
            <div class="card mb-4">
                <div class="card-body">
                    <form method="GET" action="{{ route('quick-sale.sales') }}" id="filterForm">
                        <div class="row">
                            <div class="col-md-3">
                                <label for="date_from" class="form-label">Date de début</label>
                                <input type="date" class="form-control" id="date_from" name="date_from" 
                                       value="{{ request('date_from') }}">
                            </div>
                            <div class="col-md-3">
                                <label for="date_to" class="form-label">Date de fin</label>
                                <input type="date" class="form-control" id="date_to" name="date_to" 
                                       value="{{ request('date_to') }}">
                            </div>
                            <div class="col-md-3">
                                <label for="payment_method" class="form-label">Mode de paiement</label>
                                <select class="form-select" id="payment_method" name="payment_method">
                                    <option value="">Tous</option>
                                    <option value="cash" {{ request('payment_method') == 'cash' ? 'selected' : '' }}>Espèces</option>
                                    <option value="card" {{ request('payment_method') == 'card' ? 'selected' : '' }}>Carte bancaire</option>
                                    <option value="mobile_money" {{ request('payment_method') == 'mobile_money' ? 'selected' : '' }}>Mobile Money</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="search" class="form-label">Rechercher</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="search" name="search" 
                                           placeholder="Patient, n° ticket..." value="{{ request('search') }}">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <button type="button" class="btn btn-secondary" onclick="clearFilters()">
                                    <i class="fas fa-times me-2"></i>Effacer les filtres
                                </button>
                                <button type="button" class="btn btn-success" onclick="exportToExcel()">
                                    <i class="fas fa-file-excel me-2"></i>Exporter Excel
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Statistiques -->
            <div class="row mb-4">
                <div class="col-md-3">
                    <div class="card bg-primary text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="mb-0">{{ $stats['total_sales'] ?? 0 }}</h4>
                                    <small>Total ventes</small>
                                </div>
                                <i class="fas fa-shopping-cart fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-success text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="mb-0">{{ number_format($stats['total_revenue'] ?? 0) }} F</h4>
                                    <small>Recettes totales</small>
                                </div>
                                <i class="fas fa-money-bill-wave fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-info text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="mb-0">{{ number_format($stats['average_sale'] ?? 0) }} F</h4>
                                    <small>Vente moyenne</small>
                                </div>
                                <i class="fas fa-chart-line fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-warning text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="mb-0">{{ $stats['today_sales'] ?? 0 }}</h4>
                                    <small>Ventes aujourd'hui</small>
                                </div>
                                <i class="fas fa-calendar-day fa-2x opacity-75"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Tableau des ventes -->
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">
                        <i class="fas fa-list me-2"></i>Liste des ventes
                        <span class="badge bg-primary ms-2">{{ $sales->total() }} vente(s)</span>
                    </h6>
                </div>
                <div class="card-body p-0">
                    @if($sales->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date/Heure</th>
                                        <th>N° Ticket</th>
                                        <th>Patient</th>
                                        <th>Centre de santé</th>
                                        <th>Type consultation</th>
                                        <th>Médecin</th>
                                        <th>Montant</th>
                                        <th>Paiement</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($sales as $sale)
                                        <tr>
                                            <td>
                                                <div>
                                                    <strong>{{ $sale->created_at->format('d/m/Y') }}</strong><br>
                                                    <small class="text-muted">{{ $sale->created_at->format('H:i') }}</small>
                                                </div>
                                            </td>
                                            <td>
                                                <span class="badge bg-secondary">{{ $sale->receipt_number }}</span>
                                            </td>
                                            <td>
                                                <div>
                                                    <strong>{{ $sale->patient->name }}</strong><br>
                                                    <small class="text-muted">{{ $sale->patient->phone }}</small>
                                                </div>
                                            </td>
                                            <td>{{ $sale->healthCenter->name }}</td>
                                            <td>
                                                <span class="badge bg-info">
                                                    {{ ucfirst(str_replace('_', ' ', $sale->consultation_type)) }}
                                                </span>
                                            </td>
                                            <td>
                                                @if($sale->doctor)
                                                    Dr. {{ $sale->doctor->name }}
                                                @else
                                                    <span class="text-muted">Non assigné</span>
                                                @endif
                                            </td>
                                            <td>
                                                <strong class="text-success">{{ number_format($sale->total_amount) }} FCFA</strong>
                                                @if($sale->additional_fees > 0)
                                                    <br><small class="text-muted">+ {{ number_format($sale->additional_fees) }} F frais sup.</small>
                                                @endif
                                            </td>
                                            <td>
                                                @php
                                                    $paymentMethods = [
                                                        'cash' => ['Espèces', 'success'],
                                                        'card' => ['Carte', 'primary'],
                                                        'mobile_money' => ['Mobile Money', 'info']
                                                    ];
                                                    [$method, $color] = $paymentMethods[$sale->payment_method] ?? ['Inconnu', 'secondary'];
                                                @endphp
                                                <span class="badge bg-{{ $color }}">{{ $method }}</span>
                                                @if($sale->change_given > 0)
                                                    <br><small class="text-warning">Rendu: {{ number_format($sale->change_given) }} F</small>
                                                @endif
                                            </td>
                                            <td>
                                                <div class="btn-group" role="group">
                                                    <a href="{{ route('quick-sale.receipt', $sale->id) }}" 
                                                       class="btn btn-sm btn-outline-secondary" title="Voir le ticket">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                    <a href="{{ route('quick-sale.receipt', [$sale->id, 'pdf']) }}" 
                                                       class="btn btn-sm btn-outline-primary" title="Télécharger PDF" target="_blank">
                                                        <i class="fas fa-download"></i>
                                                    </a>
                                                    <button type="button" class="btn btn-sm btn-outline-success" 
                                                            onclick="printReceipt({{ $sale->id }})" title="Imprimer">
                                                        <i class="fas fa-print"></i>
                                                    </button>
                                                    @if($sale->status === 'active')
                                                        <button type="button" class="btn btn-sm btn-outline-danger" 
                                                                onclick="cancelSale({{ $sale->id }})" title="Annuler">
                                                            <i class="fas fa-ban"></i>
                                                        </button>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <!-- Pagination -->
                        <div class="d-flex justify-content-between align-items-center p-3">
                            <div>
                                <small class="text-muted">
                                    Affichage de {{ $sales->firstItem() }} à {{ $sales->lastItem() }} 
                                    sur {{ $sales->total() }} résultats
                                </small>
                            </div>
                            <div>
                                {{ $sales->appends(request()->query())->links() }}
                            </div>
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="fas fa-receipt fa-3x text-muted mb-3"></i>
                            <h5>Aucune vente trouvée</h5>
                            <p class="text-muted">Aucune vente ne correspond aux critères de recherche.</p>
                            <a href="{{ route('quick-sale.index') }}" class="btn btn-primary">
                                <i class="fas fa-plus me-2"></i>Effectuer une vente
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal d'annulation -->
<div class="modal fade" id="cancelSaleModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fas fa-exclamation-triangle me-2"></i>Confirmer l'annulation
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Êtes-vous sûr de vouloir annuler cette vente ?</p>
                <div class="alert alert-warning">
                    <strong>Attention :</strong> Cette action est irréversible. Le ticket de consultation sera marqué comme annulé.
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Non, garder</button>
                <button type="button" class="btn btn-danger" id="confirmCancelBtn">Oui, annuler</button>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
let saleToCancel = null;

function clearFilters() {
    $('#filterForm')[0].reset();
    window.location.href = '{{ route("quick-sale.sales") }}';
}

function exportToExcel() {
    const params = new URLSearchParams(window.location.search);
    params.set('export', 'excel');
    window.location.href = '{{ route("quick-sale.sales") }}?' + params.toString();
}

function printReceipt(receiptId) {
    window.open(`{{ url('quick-sale/receipt') }}/${receiptId}/pdf`, '_blank');
}

function cancelSale(saleId) {
    saleToCancel = saleId;
    $('#cancelSaleModal').modal('show');
}

$('#confirmCancelBtn').click(function() {
    if (saleToCancel) {
        $.ajax({
            url: `{{ url('quick-sale/cancel') }}/${saleToCancel}`,
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    location.reload();
                } else {
                    alert('Erreur lors de l\'annulation');
                }
            },
            error: function() {
                alert('Erreur lors de l\'annulation');
            }
        });
    }
    $('#cancelSaleModal').modal('hide');
});

// Auto-submit form on filter change
$('#date_from, #date_to, #payment_method').change(function() {
    $('#filterForm').submit();
});
</script>
@endpush