@extends('layouts.app')

@section('title', 'Rapport Pharmacie - Supervision')

@push('styles')
<style>
    .filter-card {
        background: linear-gradient(45deg, #f8f9fa, #e9ecef);
    }
    
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
    }
    
    .stat-item {
        background: white;
        padding: 1rem;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        text-align: center;
    }
    
    .stat-value {
        font-size: 1.5rem;
        font-weight: bold;
        color: #0d6efd;
    }
    
    .medication-rank {
        background: linear-gradient(45deg, #0d6efd, #6610f2);
        color: white;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: bold;
    }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <!-- En-tête -->
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="card-title mb-0">
                                <i class="fas fa-chart-bar"></i> Rapport Pharmacie
                            </h4>
                            <p class="card-text mb-0">
                                Centre: {{ Auth::user()->healthCenter->name }}
                            </p>
                        </div>
                        <div>
                            <a href="{{ route('supervisor.dashboard') }}" class="btn btn-light btn-sm">
                                <i class="fas fa-arrow-left"></i> Retour Dashboard
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtres -->
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card filter-card">
                <div class="card-body">
                    <form method="GET" action="{{ route('supervisor.pharmacy-report') }}" class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label">Date début</label>
                            <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Date fin</label>
                            <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Médicament</label>
                            <input type="text" name="medication" class="form-control" placeholder="Rechercher un médicament..." value="{{ $medication }}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">&nbsp;</label>
                            <div class="d-grid">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search"></i> Filtrer
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Statistiques de la période -->
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-chart-pie"></i> Statistiques de la période
                        ({{ \Carbon\Carbon::parse($startDate)->format('d/m/Y') }} - {{ \Carbon\Carbon::parse($endDate)->format('d/m/Y') }})
                    </h5>
                </div>
                <div class="card-body">
                    <div class="stats-grid">
                        <div class="stat-item">
                            <div class="stat-value">{{ $periodStats['total_sales'] }}</div>
                            <div class="text-muted">Ventes totales</div>
                        </div>
                        <div class="stat-item">
                            <div class="stat-value">{{ number_format($periodStats['total_revenue'], 0, ',', ' ') }}</div>
                            <div class="text-muted">Chiffre d'affaires (FCFA)</div>
                        </div>
                        <div class="stat-item">
                            <div class="stat-value">{{ number_format($periodStats['average_sale'], 0, ',', ' ') }}</div>
                            <div class="text-muted">Vente moyenne (FCFA)</div>
                        </div>
                        <div class="stat-item">
                            <div class="stat-value">{{ $periodStats['total_items'] }}</div>
                            <div class="text-muted">Articles vendus</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mb-4">
        <!-- Top médicaments -->
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">
                        <i class="fas fa-trophy text-warning"></i> Top 10 Médicaments
                    </h6>
                </div>
                <div class="card-body">
                    @if($topMedications->count() > 0)
                        @foreach($topMedications as $index => $item)
                        <div class="d-flex align-items-center mb-3">
                            <div class="medication-rank me-3">
                                {{ $index + 1 }}
                            </div>
                            <div class="flex-grow-1">
                                <strong>{{ $item->medication->name }}</strong>
                                <br>
                                <small class="text-muted">{{ $item->medication->brand }}</small>
                            </div>
                            <div class="text-end">
                                <div class="badge bg-primary">{{ $item->total_quantity }} unités</div>
                                <br>
                                <small class="text-success">{{ number_format($item->total_revenue, 0, ',', ' ') }} FCFA</small>
                            </div>
                        </div>
                        @if(!$loop->last)<hr>@endif
                        @endforeach
                    @else
                        <div class="text-center text-muted py-4">
                            <i class="fas fa-chart-bar fa-2x mb-2"></i>
                            <p>Aucune donnée pour cette période</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Résumé des actions -->
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">
                        <i class="fas fa-tools"></i> Actions rapides
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('supervisor.inventory-report') }}" class="btn btn-outline-warning">
                            <i class="fas fa-boxes"></i> Voir l'inventaire
                        </a>
                        <a href="{{ route('pharmacy.quick-sale.index') }}" class="btn btn-outline-success">
                            <i class="fas fa-plus"></i> Nouvelle vente
                        </a>
                        <button onclick="window.print()" class="btn btn-outline-secondary">
                            <i class="fas fa-print"></i> Imprimer ce rapport
                        </button>
                        <a href="{{ route('supervisor.pharmacy-report', array_merge(request()->all(), ['export' => 'excel'])) }}" class="btn btn-outline-info">
                            <i class="fas fa-file-excel"></i> Exporter Excel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Liste des ventes -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-list"></i> Détail des ventes
                    </h5>
                </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>N° Vente</th>
                                        <th>Patient</th>
                                        <th>Médicaments</th>
                                        <th>Sous-total</th>
                                        <th>Remise</th>
                                        <th>Total</th>
                                        <th>Paiement</th>
                                        <th>Date</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($sales as $sale)
                                    <tr>
                                        <td>
                                            <strong class="text-primary">{{ $sale->sale_number }}</strong>
                                        </td>
                                        <td>
                                            {{ $sale->patient->full_name }}
                                            <br>
                                            <small class="text-muted">{{ $sale->patient->phone }}</small>
                                        </td>
                                        <td>
                                            @foreach($sale->items as $item)
                                                <small class="d-block">
                                                    • {{ $item->medication->name }} ({{ $item->quantity }}x)
                                                </small>
                                            @endforeach
                                        </td>
                                        <td>{{ number_format($sale->subtotal, 0, ',', ' ') }} FCFA</td>
                                        <td>
                                            @if($sale->discount_amount > 0)
                                                <span class="text-warning">
                                                    -{{ number_format($sale->discount_amount, 0, ',', ' ') }} FCFA
                                                    ({{ $sale->discount_percentage }}%)
                                                </span>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td>
                                            <strong class="text-success">
                                                {{ number_format($sale->total_amount, 0, ',', ' ') }} FCFA
                                            </strong>
                                        </td>
                                        <td>
                                            <span class="badge bg-secondary">
                                                {{ ucfirst($sale->payment_method) }}
                                            </span>
                                        </td>
                                        <td>
                                            {{ $sale->sale_date->format('d/m/Y H:i') }}
                                        </td>
                                        <td>
                                            @if($sale->receipt)
                                                <a href="{{ route('pharmacy.quick-sale.receipt', $sale->receipt) }}" 
                                                   class="btn btn-sm btn-outline-primary" target="_blank">
                                                    <i class="fas fa-receipt"></i>
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                        <!-- Pagination -->
                        <div class="card-footer">
                            {{ $sales->appends(request()->query())->links() }}
                        </div>
                    @else
                        <div class="text-center py-5 text-muted">
                            <i class="fas fa-search fa-3x mb-3"></i>
                            <h5>Aucune vente trouvée</h5>
                            <p>Aucune vente ne correspond aux critères de recherche.</p>
                            <a href="{{ route('pharmacy.quick-sale.index') }}" class="btn btn-success">
                                <i class="fas fa-plus"></i> Effectuer une vente
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection