@extends('layouts.master')

@section('content')
<div class="container-fluid px-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">
                <i class="fas fa-info-circle me-2"></i>Détails de la Pompe
            </h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('pompes.index') }}">Pompes</a></li>
                    <li class="breadcrumb-item active">{{ $pompe->code }}</li>
                </ol>
            </nav>
        </div>
        <div>
            <a href="{{ route('pompes.edit', $pompe) }}" class="btn btn-warning shadow-sm">
                <i class="fas fa-edit me-2"></i>Modifier
            </a>
            <a href="{{ route('pompes.index') }}" class="btn btn-secondary shadow-sm">
                <i class="fas fa-arrow-left me-2"></i>Retour
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-xl-8">
            {{-- Informations principales --}}
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-primary text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-oil-can me-2"></i>Informations générales
                    </h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <th width="40%">ID</th>
                                    <td><span class="badge bg-secondary">{{ $pompe->id_pompe }}</span></td>
                                </tr>
                                <tr>
                                    <th>Code</th>
                                    <td><span class="badge bg-primary fs-6">{{ $pompe->code }}</span></td>
                                </tr>
                                <tr>
                                    <th>Nom</th>
                                    <td><strong>{{ $pompe->nom }}</strong></td>
                                </tr>
                                <tr>
                                    <th>Type de Carburant</th>
                                    <td>
                                        <span class="badge {{ $pompe->type_carburant == 'gasoil' ? 'bg-warning' : 'bg-info' }} p-2">
                                            <i class="fas {{ $pompe->type_carburant == 'gasoil' ? 'fa-tint' : 'fa-fire' }} me-1"></i>
                                            {{ ucfirst($pompe->type_carburant) }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Statut</th>
                                    <td>
                                        <span class="badge {{ $pompe->active ? 'bg-success' : 'bg-danger' }} p-2">
                                            <i class="fas {{ $pompe->active ? 'fa-play' : 'fa-stop' }} me-1"></i>
                                            {{ $pompe->active ? 'Active' : 'Inactive' }}
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <th width="50%">Capacité de la Cuve</th>
                                    <td>
                                        @if($pompe->capacite_cuve_l)
                                            <strong>{{ number_format($pompe->capacite_cuve_l, 2, ',', ' ') }} Litres</strong>
                                        @else
                                            <span class="text-muted">Non défini</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Seuil d'Alerte (Litres)</th>
                                    <td>{{ number_format($pompe->seuil_alerte_l, 2, ',', ' ') }} Litres</td>
                                </tr>
                                <tr>
                                    <th>Seuil d'Alerte (%)</th>
                                    <td>{{ $pompe->seuil_alerte_pct }}%</td>
                                </tr>
                                <tr>
                                    <th>Fréquence des Relevés</th>
                                    <td>Tous les {{ $pompe->frequence_releve_jours }} jours</td>
                                </tr>
                                <tr>
                                    <th>Date de création</th>
                                    <td>{{ $pompe->created_at ? $pompe->created_at->format('d/m/Y H:i:s') : 'Non défini' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Historique des relevés --}}
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-info text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-chart-line me-2"></i>Historique des relevés
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        $releves = \App\Models\RelevePompe::where('pompe_id', $pompe->id_pompe)
                            ->orderBy('date_releve', 'desc')
                            ->limit(10)
                            ->get();
                    @endphp
                    
                    @if($releves->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date</th>
                                        <th class="text-end">Index départ</th>
                                        <th class="text-end">Index fin</th>
                                        <th class="text-end">Quantité</th>
                                        <th>Statut</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($releves as $releve)
                                        <tr>
                                            <td>{{ \Carbon\Carbon::parse($releve->date_releve)->format('d/m/Y') }}</td>
                                            <td class="text-end">{{ number_format($releve->index_depart, 2, ',', ' ') }}</td>
                                            <td class="text-end">{{ $releve->index_fin ? number_format($releve->index_fin, 2, ',', ' ') : '-' }}</td>
                                            <td class="text-end">
                                                <strong class="text-success">{{ $releve->quantite_distribuee ? number_format($releve->quantite_distribuee, 2, ',', ' ') : '-' }}</strong>
                                            </td>
                                            <td>
                                                <span class="badge {{ $releve->statut == 'ferme' ? 'bg-success' : 'bg-warning' }}">
                                                    {{ $releve->statut == 'ferme' ? 'Clôturé' : 'Ouvert' }}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="text-center mt-3">
                            <a href="{{ route('releves.historique', ['pompe_id' => $pompe->id_pompe]) }}" class="btn btn-sm btn-info">
                                <i class="fas fa-history me-1"></i>Voir tout l'historique
                            </a>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="fas fa-chart-line fa-3x text-muted mb-3 d-block"></i>
                            <p class="text-muted">Aucun relevé enregistré pour cette pompe</p>
                            <a href="{{ route('releves.index') }}" class="btn btn-sm btn-primary">
                                <i class="fas fa-plus me-1"></i>Enregistrer un relevé
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-xl-4">
            {{-- Seuil d'alerte graphique --}}
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-warning text-dark">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-chart-pie me-2"></i>Niveau d'alerte
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        $seuilCalcule = ($pompe->seuil_alerte_pct / 100) * ($pompe->capacite_cuve_l ?? 0);
                        $seuilFinal = min($pompe->seuil_alerte_l, $seuilCalcule);
                        $pourcentageAlerte = $pompe->capacite_cuve_l ? ($seuilFinal / $pompe->capacite_cuve_l) * 100 : 0;
                    @endphp
                    
                    <div class="text-center mb-3">
                        <h4>Seuil d'alerte effectif</h4>
                        <h2 class="text-warning">{{ number_format($seuilFinal, 2, ',', ' ') }} Litres</h2>
                        <small class="text-muted">
                            (Min entre {{ number_format($pompe->seuil_alerte_l, 2, ',', ' ') }} L et {{ number_format($seuilCalcule, 2, ',', ' ') }} L)
                        </small>
                    </div>
                    
                    <div class="progress mb-3" style="height: 30px;">
                        <div class="progress-bar bg-warning progress-bar-striped" 
                             role="progressbar" 
                             style="width: {{ $pourcentageAlerte }}%" 
                             aria-valuenow="{{ $pourcentageAlerte }}" 
                             aria-valuemin="0" 
                             aria-valuemax="100">
                            {{ number_format($pourcentageAlerte, 1) }}% de la capacité
                        </div>
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        <strong>Interprétation :</strong><br>
                        Lorsque le niveau de carburant atteint {{ number_format($seuilFinal, 2, ',', ' ') }} L,
                        une alerte sera déclenchée pour vous informer qu'un réapprovisionnement est nécessaire.
                    </div>
                </div>
            </div>

            {{-- Actions rapides --}}
            <div class="card shadow mb-4">
                <div class="card-header py-3 bg-secondary text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-bolt me-2"></i>Actions rapides
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('releves.index', ['date' => now()->toDateString()]) }}" class="btn btn-primary">
                            <i class="fas fa-tachometer-alt me-2"></i>Activités journalières
                        </a>
                        
                        <form action="{{ route('pompes.toggle-active', $pompe) }}" method="POST">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn {{ $pompe->active ? 'btn-danger' : 'btn-success' }} w-100">
                                <i class="fas {{ $pompe->active ? 'fa-pause' : 'fa-play' }} me-2"></i>
                                {{ $pompe->active ? 'Désactiver la pompe' : 'Activer la pompe' }}
                            </button>
                        </form>
                        
                        <form action="{{ route('pompes.destroy', $pompe) }}" method="POST" 
                              onsubmit="return confirm('⚠️ ATTENTION !\n\nVoulez-vous vraiment supprimer cette pompe ?\n\nCette action est irréversible et supprimera définitivement toutes les données associées.\n\nÊtes-vous sûr ?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger w-100">
                                <i class="fas fa-trash-alt me-2"></i>Supprimer définitivement
                            </button>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Statistiques rapides --}}
            <div class="card shadow">
                <div class="card-header py-3 bg-success text-white">
                    <h6 class="m-0 font-weight-bold">
                        <i class="fas fa-chart-simple me-2"></i>Statistiques
                    </h6>
                </div>
                <div class="card-body">
                    @php
                        $totalReleves = \App\Models\RelevePompe::where('pompe_id', $pompe->id_pompe)->count();
                        $totalQuantite = \App\Models\RelevePompe::where('pompe_id', $pompe->id_pompe)
                            ->where('statut', 'ferme')
                            ->sum('quantite_distribuee');
                        $moyenneParReleve = $totalReleves > 0 ? $totalQuantite / $totalReleves : 0;
                    @endphp
                    
                    <div class="row text-center">
                        <div class="col-6 mb-3">
                            <div class="border rounded p-2">
                                <h5 class="text-primary mb-0">{{ $totalReleves }}</h5>
                                <small class="text-muted">Relevés</small>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <div class="border rounded p-2">
                                <h5 class="text-success mb-0">{{ number_format($totalQuantite, 0, ',', ' ') }} L</h5>
                                <small class="text-muted">Total distribué</small>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="border rounded p-2">
                                <h5 class="text-info mb-0">{{ number_format($moyenneParReleve, 2, ',', ' ') }} L</h5>
                                <small class="text-muted">Moyenne par relevé</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection