@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="fas fa-history me-2"></i>
        Historique des Ventes de Médicaments
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ route('pharmacy.index') }}" class="btn btn-success">
                <i class="fas fa-shopping-cart me-1"></i>
                Nouvelle vente
            </a>
            <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
                <i class="fas fa-download me-1"></i>
                Exporter
            </button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="#"><i class="fas fa-file-excel me-2"></i>Excel</a></li>
                <li><a class="dropdown-item" href="#"><i class="fas fa-file-pdf me-2"></i>PDF</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- Statistiques rapides -->
<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>
                        <h6 class="card-title">Ventes aujourd'hui</h6>
                        <h3 class="mb-0">{{ $salesToday }}</h3>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-shopping-cart fa-2x"></i>
                    </div>
                </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>
                        <h6 class="card-title">CA aujourd'hui</h6>
                        <h3 class="mb-0">{{ number_format($revenueToday, 0, ',', ' ') }}</h3>
                        <small>FCFA</small>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-coins fa-2x"></i>
                    </div>
                </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>
                        <h6 class="card-title">Ventes ce mois</h6>
                        <h3 class="mb-0">{{ $salesThisMonth }}</h3>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-calendar-alt fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-3">
        <div class="card bg-warning text-dark">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h6 class="card-title">Médicament populaire</h6>
                        <h6 class="mb-0">{{ $topMedication?->name ?? 'Aucun' }}</h6>
                        <small>{{ $topMedicationSales ?? 0 }} ventes</small>
                    </div>
                    <div class="align-self-center">
                        <i class="fas fa-pills fa-2x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Filtres -->
<div class="card mb-4">
    <div class="card-body">
        <form method="GET" action="{{ route('medication-sales.index') }}">
            <div class="row">
                <div class="col-md-3">
                    <label for="search" class="form-label">Recherche</label>
                    <input type="text" class="form-control" id="search" name="search" 
                           value="{{ request('search') }}" 
                           placeholder="Patient, médicament...">
                </div>
                
                <div class="col-md-2">
                    <label for="date_from" class="form-label">Date début</label>
                    <input type="date" class="form-control" id="date_from" name="date_from" 
                           value="{{ request('date_from') }}">
                </div>
                
                <div class="col-md-2">
                    <label for="date_to" class="form-label">Date fin</label>
                    <input type="date" class="form-control" id="date_to" name="date_to" 
                           value="{{ request('date_to') }}">
                </div>
                
                <div class="col-md-2">
                    <label for="medication_id" class="form-label">Médicament</label>
                    <select class="form-select" id="medication_id" name="medication_id">
                        <option value="">Tous</option>
                        @foreach($medications as $medication)
                            <option value="{{ $medication->id }}" 
                                    {{ request('medication_id') == $medication->id ? 'selected' : '' }}>
                                {{ $medication->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-2">
                    <label for="health_center_id" class="form-label">Centre</label>
                    <select class="form-select" id="health_center_id" name="health_center_id">
                        <option value="">Tous</option>
                        @foreach($healthCenters as $center)
                            <option value="{{ $center->id }}" 
                                    {{ request('health_center_id') == $center->id ? 'selected' : '' }}>
                                {{ $center->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                
                <div class="col-md-1 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="fas fa-search"></i>
                    </button>
                </div>
            </div>
            
            @if(request()->hasAny(['search', 'date_from', 'date_to', 'medication_id', 'health_center_id']))
            <div class="row mt-2">
                <div class="col-12">
                    <a href="{{ route('medication-sales.index') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="fas fa-times me-1"></i>
                        Effacer les filtres
                    </a>
                </div>
            </div>
            @endif
        </form>
    </div>
</div>

<!-- Table des ventes -->
<div class="card shadow-sm">
    <div class="card-header">
        <h5 class="mb-0">
            <i class="fas fa-list me-2"></i>
            Liste des Ventes
            <span class="badge bg-secondary ms-2">{{ $sales->total() }} vente(s)</span>
        </h5>
    </div>
    <div class="card-body">
        @if($sales->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'id', 'order' => request('order') === 'asc' ? 'desc' : 'asc']) }}" 
                                   class="text-decoration-none text-dark">
                                    ID
                                    @if(request('sort') === 'id')
                                        <i class="fas fa-sort-{{ request('order') === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'created_at', 'order' => request('order') === 'asc' ? 'desc' : 'asc']) }}" 
                                   class="text-decoration-none text-dark">
                                    Date/Heure
                                    @if(request('sort') === 'created_at')
                                        <i class="fas fa-sort-{{ request('order') === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>Patient</th>
                            <th>Médicament</th>
                            <th>
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'quantity', 'order' => request('order') === 'asc' ? 'desc' : 'asc']) }}" 
                                   class="text-decoration-none text-dark">
                                    Quantité
                                    @if(request('sort') === 'quantity')
                                        <i class="fas fa-sort-{{ request('order') === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>Prix unitaire</th>
                            <th>
                                <a href="{{ request()->fullUrlWithQuery(['sort' => 'total_price', 'order' => request('order') === 'asc' ? 'desc' : 'asc']) }}" 
                                   class="text-decoration-none text-dark">
                                    Total
                                    @if(request('sort') === 'total_price')
                                        <i class="fas fa-sort-{{ request('order') === 'asc' ? 'up' : 'down' }}"></i>
                                    @endif
                                </a>
                            </th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sales as $sale)
                        <tr>
                            <td>
                                <span class="badge bg-light text-dark">#{{ $sale->id }}</span>
                            </td>
                            <td>
                                <strong>{{ $sale->created_at->format('d/m/Y') }}</strong>
                                <br>
                                <small class="text-muted">{{ $sale->created_at->format('H:i') }}</small>
                            </td>
                            <td>
                                @if($sale->patient_name)
                                    <strong>{{ $sale->patient_name }}</strong>
                                    @if($sale->patient)
                                        <br>
                                        <small class="text-muted">{{ \Carbon\Carbon::parse($sale->patient->date_of_birth)->age }} ans</small>
                                    @endif
                                @else
                                    <span class="text-muted">Patient anonyme</span>
                                @endif
                            </td>
                            <td>
                                <strong>{{ $sale->medication->name }}</strong>
                                <br>
                                <small class="text-muted">{{ $sale->medication->dosage }} - {{ $sale->medication->form }}</small>
                                @if($sale->medication->requires_prescription)
                                    <br>
                                    <span class="badge bg-warning text-dark">
                                        <i class="fas fa-prescription"></i>
                                    </span>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-info">{{ $sale->quantity }}</span>
                            </td>
                            <td>
                                {{ number_format($sale->unit_price, 0, ',', ' ') }} FCFA
                            </td>
                            <td>
                                <strong class="text-success">{{ number_format($sale->total_price, 0, ',', ' ') }} FCFA</strong>
                            </td>
                            <td>
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ route('medications.show', $sale->medication) }}" 
                                       class="btn btn-outline-info" title="Voir le médicament">
                                        <i class="fas fa-pills"></i>
                                    </a>
                                    
                                    @if($sale->patient)
                                        <a href="{{ route('patients.show', $sale->patient) }}" 
                                           class="btn btn-outline-primary" title="Voir le patient">
                                            <i class="fas fa-user"></i>
                                        </a>
                                    @endif
                                    
                                    <button type="button" class="btn btn-outline-danger" 
                                            onclick="confirmDelete({{ $sale->id }})" title="Supprimer">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="table-light">
                            <th colspan="6" class="text-end">Total général :</th>
                            <th class="text-success">
                                {{ number_format($sales->sum('total_price'), 0, ',', ' ') }} FCFA
                            </th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
            
            <!-- Pagination -->
            <div class="d-flex justify-content-between align-items-center mt-3">
                <div>
                    <small class="text-muted">
                        Affichage de {{ $sales->firstItem() }} à {{ $sales->lastItem() }} 
                        sur {{ $sales->total() }} ventes
                    </small>
                </div>
                <div>
                    {{ $sales->withQueryString()->links() }}
                </div>
            </div>
        @else
            <div class="text-center text-muted py-5">
                <i class="fas fa-shopping-cart fa-3x mb-3"></i>
                <h5>Aucune vente trouvée</h5>
                <p>
                    @if(request()->hasAny(['search', 'date_from', 'date_to', 'medication_id', 'health_center_id']))
                        Aucune vente ne correspond à vos critères de recherche.
                        <br>
                        <a href="{{ route('medication-sales.index') }}" class="btn btn-outline-primary mt-2">
                            Voir toutes les ventes
                        </a>
                    @else
                        Il n'y a encore aucune vente enregistrée.
                        <br>
                        <a href="{{ route('pharmacy.index') }}" class="btn btn-primary mt-2">
                            <i class="fas fa-plus me-1"></i>
                            Faire une première vente
                        </a>
                    @endif
                </p>
            </div>
        @endif
    </div>
</div>
@endsection

@push('scripts')
<script>
function confirmDelete(saleId) {
    if (confirm('Êtes-vous sûr de vouloir supprimer cette vente ?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = `/medication-sales/${saleId}`;
        
        const csrfToken = document.createElement('input');
        csrfToken.type = 'hidden';
        csrfToken.name = '_token';
        csrfToken.value = '{{ csrf_token() }}';
        
        const methodField = document.createElement('input');
        methodField.type = 'hidden';
        methodField.name = '_method';
        methodField.value = 'DELETE';
        
        form.appendChild(csrfToken);
        form.appendChild(methodField);
        document.body.appendChild(form);
        form.submit();
    }
}

// Auto-refresh toutes les 30 secondes pour les statistiques en temps réel
setInterval(function() {
    // Recharger seulement les statistiques rapides
    fetch(window.location.href + '?ajax=stats')
        .then(response => response.json())
        .then(data => {
            // Mettre à jour les cartes de statistiques
            if (data.stats) {
                document.querySelector('.bg-primary .card-body h3').textContent = data.stats.salesToday;
                document.querySelector('.bg-success .card-body h3').textContent = new Intl.NumberFormat('fr-FR').format(data.stats.revenueToday);
                document.querySelector('.bg-info .card-body h3').textContent = data.stats.salesThisMonth;
            }
        })
        .catch(error => console.log('Erreur lors du rafraîchissement des stats:', error));
}, 30000);
</script>
@endpush