@extends('layouts.master')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Activités Journalières - Relevés des Pompes</h1>
        <div>
            <input type="date" id="dateSelector" value="{{ $date }}" class="form-control">
        </div>
    </div>

    <div class="alert alert-info">
        <strong>Date :</strong> {{ \Carbon\Carbon::parse($date)->format('d/m/Y') }}
        <br>
        <small>Enregistrez l'index de départ avant les activités et l'index de fin après les activités</small>
    </div>


    @if(session()->has('warning'))
        <p class="alert alert-warning text-center"> {{ session('warning') }}  </p>
    @endif

    @if(Session::has('message'))       
    <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
    @endif

    @if(Session::has('message_exist'))       
    <p class="alert alert-danger" align="center"> {{Session::get('message_exist')}}</p>
    @endif








    <div class="row">
        @foreach($pompes as $pompe)
            <div class="col-md-6 mb-4">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">
                            {{ $pompe->nom }}
                            <span class="badge {{ $pompe->type_carburant == 'gasoil' ? 'bg-warning' : 'bg-info' }}">
                                {{ strtoupper($pompe->type_carburant) }}
                            </span>
                        </h5>
                    </div>
                    <div class="card-body">
                        @php
                            $releve = $releves[$pompe->id_pompe] ?? null;
                        @endphp

                        @if(!$releve || $releve->statut == 'ouvert')
                            {{-- Formulaire d'enregistrement départ --}}
                            @if(!$releve)
                                <form action="{{ route('releves.depart') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="pompe_id" value="{{ $pompe->id_pompe }}">
                                    <input type="hidden" name="date_releve" value="{{ $date }}">
                                    
                                    <div class="mb-3">
                                        <label class="form-label">Index de départ (litres)</label>
                                        <input type="number" 
                                               step="0.01" 
                                               name="index_depart" 
                                               class="form-control" 
                                               required>
                                        <small class="text-muted">Index avant distribution</small>
                                    </div>
                                    
                                    <button type="submit" class="btn btn-primary w-100">
                                        <i class="fas fa-play"></i> Démarrer les activités
                                    </button>
                                </form>
                            @else
                                {{-- Relevé ouvert --}}
                                <div class="alert alert-warning">
                                    <strong>Index de départ :</strong> {{ number_format($releve->index_depart, 2, ',', ' ') }} L
                                </div>
                                
                                <form action="{{ route('releves.fin', $releve->id_releve) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    
                                    <div class="mb-3">
                                        <label class="form-label">Index de fin (litres)</label>
                                        <input type="number" 
                                               step="0.01" 
                                               name="index_fin" 
                                               class="form-control" 
                                               required>
                                        <small class="text-muted">Index après distribution</small>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label class="form-label">Observations</label>
                                        <textarea name="observations" class="form-control" rows="2"></textarea>
                                    </div>
                                    
                                    <button type="submit" class="btn btn-success w-100">
                                        <i class="fas fa-stop"></i> Clôturer les activités
                                    </button>
                                </form>
                            @endif
                        @else
                            {{-- Relevé fermé --}}
                            <div class="alert alert-success">
                                <p><strong>Index départ :</strong> {{ number_format($releve->index_depart, 2, ',', ' ') }} L</p>
                                <p><strong>Index fin :</strong> {{ number_format($releve->index_fin, 2, ',', ' ') }} L</p>
                                <p><strong>Quantité distribuée :</strong> 
                                    <strong class="text-success">{{ number_format($releve->quantite_distribuee, 2, ',', ' ') }} L</strong>
                                </p>
                                @if($releve->observations)
                                    <p><strong>Observations :</strong> {{ $releve->observations }}</p>
                                @endif
                            </div>
                            <button class="btn btn-secondary w-100" disabled>
                                <i class="fas fa-check-circle"></i> Activités clôturées
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>



    <div class="mt-4 text-center">
    <a href="{{ route('releves.index', ['date' => $date]) }}" class="btn btn-primary">
        <i class="fas fa-tachometer-alt"></i> Nouveau relevé
    </a>
    <a href="{{ route('releves.rapport-journalier', ['date' => $date]) }}" class="btn btn-info">
        <i class="fas fa-chart-bar"></i> Rapport journalier
    </a>
    <a href="{{ route('releves.rapport-mensuel') }}" class="btn btn-success">
        <i class="fas fa-chart-line"></i> Rapport mensuel
    </a>
    <a href="{{ route('releves.rapport-annuel') }}" class="btn btn-danger">
        <i class="fas fa-calendar-alt"></i> Rapport annuel
    </a>
    <a href="{{ route('releves.historique') }}" class="btn btn-secondary">
        <i class="fas fa-history"></i> Historique
    </a>
    </div>




    <script>
        document.getElementById('dateSelector').addEventListener('change', function() {
            window.location.href = '{{ route("releves.index") }}?date=' + this.value;
        });
    </script>
@endsection