@extends('layouts.app')

@section('title', $medication->name)

@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-pills me-2"></i>
        {{ $medication->name }}
        @if(!$medication->is_active)
            <span class="badge bg-secondary ms-2">Inactif</span>
        @endif
        @if($medication->requires_prescription)
            <span class="badge bg-warning text-dark ms-2">
                <i class="fas fa-prescription me-1"></i>
                Prescription requise
            </span>
        @endif
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ route('medications.edit', $medication) }}" class="btn btn-primary">
                <i class="fas fa-edit me-1"></i>
                Modifier
            </a>
            <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                <i class="fas fa-trash me-1"></i>
                Supprimer
            </button>
        </div>
        <a href="{{ route('medications.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Retour à la liste
        </a>
    </div>
</div>

<!-- Alertes -->
@if($medication->stock_quantity <= $medication->minimum_stock_level)
<div class="alert alert-warning alert-dismissible fade show" role="alert">
    <i class="fas fa-exclamation-triangle me-2"></i>
    <strong>Stock bas !</strong> Ce médicament nécessite un réapprovisionnement urgente.
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if($medication->expiry_date <= now()->addDays(30))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="fas fa-calendar-times me-2"></i>
    <strong>Expiration proche !</strong> Ce médicament expire le {{ \Carbon\Carbon::parse($medication->expiry_date)->format('d/m/Y') }}.
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@elseif($medication->expiry_date <= now()->addDays(90))
<div class="alert alert-info alert-dismissible fade show" role="alert">
    <i class="fas fa-info-circle me-2"></i>
    <strong>Attention !</strong> Ce médicament expire dans 3 mois ({{ \Carbon\Carbon::parse($medication->expiry_date)->format('d/m/Y') }}).
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row">
    <!-- Informations principales -->
    <div class="col-md-8">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">
                    <i class="fas fa-info-circle me-2"></i>
                    Informations détaillées
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h6 class="text-muted">Identification</h6>
                        <table class="table table-sm">
                            <tr>
                                <td><strong>Nom :</strong></td>
                                <td>{{ $medication->name }}</td>
                            </tr>
                            @if($medication->brand)
                            <tr>
                                <td><strong>Marque :</strong></td>
                                <td>{{ $medication->brand }}</td>
                            </tr>
                            @endif
                            @if($medication->generic_name)
                            <tr>
                                <td><strong>Nom générique :</strong></td>
                                <td>{{ $medication->generic_name }}</td>
                            </tr>
                            @endif
                            <tr>
                                <td><strong>Dosage :</strong></td>
                                <td>{{ $medication->dosage }}</td>
                            </tr>
                            <tr>
                                <td><strong>Forme :</strong></td>
                                <td>{{ $medication->form }}</td>
                            </tr>
                            <tr>
                                <td><strong>Catégorie :</strong></td>
                                <td>
                                    <span class="badge bg-secondary">{{ $medication->category }}</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                    
                    <div class="col-md-6">
                        <h6 class="text-muted">Production</h6>
                        <table class="table table-sm">
                            @if($medication->manufacturer)
                            <tr>
                                <td><strong>Fabricant :</strong></td>
                                <td>{{ $medication->manufacturer }}</td>
                            </tr>
                            @endif
                            @if($medication->batch_number)
                            <tr>
                                <td><strong>Lot :</strong></td>
                                <td>{{ $medication->batch_number }}</td>
                            </tr>
                            @endif
                            <tr>
                                <td><strong>Date d'expiration :</strong></td>
                                <td>
                                    <span class="badge {{ $medication->expiry_date <= now()->addDays(30) ? 'bg-danger' : ($medication->expiry_date <= now()->addDays(90) ? 'bg-warning text-dark' : 'bg-success') }}">
                                        {{ \Carbon\Carbon::parse($medication->expiry_date)->format('d/m/Y') }}
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Statut :</strong></td>
                                <td>
                                    @if($medication->is_active)
                                        <span class="badge bg-success">Actif</span>
                                    @else
                                        <span class="badge bg-secondary">Inactif</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td><strong>Prescription :</strong></td>
                                <td>
                                    @if($medication->requires_prescription)
                                        <span class="badge bg-warning text-dark">
                                            <i class="fas fa-prescription me-1"></i>
                                            Requise
                                        </span>
                                    @else
                                        <span class="badge bg-success">Libre</span>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                
                @if($medication->description)
                <div class="mt-3">
                    <h6 class="text-muted">Description</h6>
                    <p class="text-muted">{{ $medication->description }}</p>
                </div>
                @endif
            </div>
        </div>

        <!-- Historique des ventes récentes -->
        <div class="card shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-history me-2"></i>
                    Ventes récentes
                </h5>
            </div>
            <div class="card-body">
                @if($recentSales->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Patient</th>
                                    <th>Quantité</th>
                                    <th>Prix total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($recentSales as $sale)
                                <tr>
                                    <td>{{ $sale->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $sale->patient_name }}</td>
                                    <td>{{ $sale->quantity }}</td>
                                    <td>{{ number_format($sale->total_price, 0, ',', ' ') }} FCFA</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    
                    @if($recentSales->count() >= 10)
                    <div class="text-center mt-3">
                        <small class="text-muted">Affichage des 10 ventes les plus récentes</small>
                    </div>
                    @endif
                @else
                    <div class="text-center text-muted py-4">
                        <i class="fas fa-inbox fa-3x mb-3"></i>
                        <p>Aucune vente enregistrée pour ce médicament</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Sidebar -->
    <div class="col-md-4">
        <!-- Stock et prix -->
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">
                    <i class="fas fa-boxes me-2"></i>
                    Stock et prix
                </h5>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-12 mb-3">
                        <h3 class="text-primary mb-0">{{ $medication->stock_quantity }}</h3>
                        <small class="text-muted">Quantité en stock</small>
                    </div>
                </div>
                
                <div class="progress mb-3">
                    @php
                        $percentage = $medication->minimum_stock_level > 0 
                            ? min(100, ($medication->stock_quantity / $medication->minimum_stock_level) * 100) 
                            : 100;
                        $colorClass = $percentage <= 50 ? 'bg-danger' : ($percentage <= 80 ? 'bg-warning' : 'bg-success');
                    @endphp
                    <div class="progress-bar {{ $colorClass }}" role="progressbar" 
                         style="width: {{ $percentage }}%" 
                         aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100">
                    </div>
                </div>
                
                <table class="table table-sm">
                    <tr>
                        <td><strong>Prix unitaire :</strong></td>
                        <td class="text-end">{{ number_format($medication->unit_price, 0, ',', ' ') }} FCFA</td>
                    </tr>
                    <tr>
                        <td><strong>Seuil d'alerte :</strong></td>
                        <td class="text-end">{{ $medication->minimum_stock_level }}</td>
                    </tr>
                    <tr>
                        <td><strong>Valeur stock :</strong></td>
                        <td class="text-end">
                            <strong>{{ number_format($medication->stock_quantity * $medication->unit_price, 0, ',', ' ') }} FCFA</strong>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- Centre de santé -->
        <div class="card shadow-sm mb-4">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="fas fa-hospital me-2"></i>
                    Centre de santé
                </h6>
            </div>
            <div class="card-body">
                <h6>{{ $medication->healthCenter->name }}</h6>
                <p class="text-muted mb-1">{{ $medication->healthCenter->address }}</p>
                <p class="text-muted mb-0">{{ $medication->healthCenter->phone }}</p>
            </div>
        </div>

        <!-- Statistiques rapides -->
        <div class="card shadow-sm">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="fas fa-chart-bar me-2"></i>
                    Statistiques
                </h6>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6">
                        <h5 class="text-info mb-0">{{ $totalSales }}</h5>
                        <small class="text-muted">Ventes totales</small>
                    </div>
                    <div class="col-6">
                        <h5 class="text-success mb-0">{{ number_format($totalRevenue, 0, ',', ' ') }}</h5>
                        <small class="text-muted">Chiffre d'affaires (FCFA)</small>
                    </div>
                </div>
                
                <hr>
                
                <div class="row text-center">
                    <div class="col-6">
                        <h6 class="text-primary mb-0">{{ $salesThisMonth }}</h6>
                        <small class="text-muted">Ce mois</small>
                    </div>
                    <div class="col-6">
                        <h6 class="text-warning mb-0">{{ $averageSalesPerDay }}</h6>
                        <small class="text-muted">Moyenne/jour</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">Confirmer la suppression</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    <strong>Attention !</strong> Cette action est irréversible.
                </div>
                <p>Êtes-vous sûr de vouloir supprimer le médicament <strong>{{ $medication->name }}</strong> ?</p>
                <p class="text-muted">Toutes les données associées (historique des ventes) seront également supprimées.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <form action="{{ route('medications.destroy', $medication) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash me-1"></i>
                        Supprimer définitivement
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection