@extends('layouts.master')
@section('title')
    Détails Facture
@endsection
@section('content')
<div class="page-body">
    <div class="container-xl">
        <div class="row">
            @if(session()->has('success'))
                <div class="col-6 offset-3">
                    <div class="alert alert-success d-flex align-items-center justify-content-between" role="alert">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
                            <path d="M9 12l2 2l4 -4"></path>
                        </svg>
                        <div>
                            {{ session()->get('success') }}
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
            @endif
            @if(session()->has('errors'))
                <div class="col-6 offset-3">
                    <div class="alert alert-warning d-flex align-items-center justify-content-between" role="alert">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
                            <path d="M9 12l2 2l4 -4"></path>
                        </svg>
                        <div>
                            {{ session()->get('errors') }}
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
            @endif
        </div>
        <div class="row row-cards">
            <div class="col-12">
                <div class="card border border-blue">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h2><span class="badge bg-blue-lt">Facture: {{ $facture->numero_facture }}</span> <span class="badge bg-dark-lt">Secteur: {{ $facture->secteur->libelle }}</span></h2>
                        <div>
                            <form action="{{ route('factures.changer-statut', $facture) }}" method="POST" class="d-inline">
                                @csrf
                                <select name="statut" class="form-select form-select-sm d-inline-block w-auto" onchange="this.form.submit()">
                                    <option value="recue" {{ $facture->statut == 'recue' ? 'selected' : '' }}>Recue</option>
                                    <option value="prise en charge" {{ $facture->statut == 'prise en charge' ? 'selected' : '' }}>Prise en charge</option>
                                    <option value="payee" {{ $facture->statut == 'payee' ? 'selected' : '' }}>Payé</option>
                                    <option value="rejetee" {{ $facture->statut == 'rejetee' ? 'selected' : '' }}>Rejeté</option>
                                </select>
                            </form>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-4">
                            <div class="col-md-4">
                                <h4><span class="badge bg-blue-lt">Informations générales</span></h4>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>Numéro</th>
                                        <td>{{ $facture->numero_facture }}</td>
                                    </tr>
                                    <tr>
                                        <th>Marché</th>
                                        <td>{{ $facture->marche->reference }} - {{ $facture->marche->operateur->denomination }}</td>
                                    </tr>
                                    <tr>
                                        <th>Exercice</th>
                                        <td>{{ $facture->exercice->annee }}</td>
                                    </tr>
                                    <tr>
                                        <th>Date de facture</th>
                                        <td>{{ $facture->date_facture->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Montant</th>
                                        <td>{{ number_format($facture->montant, 2, ',', ' ') }} FCFA</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-8">
                                <h4><span class="badge bg-blue-lt">Statut et dates</span></h4>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>Statut</th>
                                        <td>
                                            <span class="badge bg-{{ 
                                                $facture->statut == 'recue' ? 'secondary' : 
                                                ($facture->statut == 'prise en charge' ? 'blue' : 
                                                ($facture->statut == 'payee' ? 'green' : 'danger')) 
                                            }}">
                                                {{ ucfirst($facture->statut) }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Date prise en charge</th>
                                        <td>{{ $facture->type_pec }} à la date du {{ $facture->date_pec ? $facture->date_pec->format('d/m/Y') : 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Date de paiement</th>
                                        <td>{{ $facture->date_paiement ? $facture->date_paiement->format('d/m/Y') : 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Prestation</th>
                                        <td>{{ $facture->prestation->titre ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Notes</th>
                                        <td>{{ $facture->notes ?? 'N/A' }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <h4><span class="badge bg-blue-lt">Impact sur le budget</span></h4>
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Exercice</th>
                                                <th>Montant alloué</th>
                                                <th>Montant utilisé avant</th>
                                                <th>Montant utilisé après</th>
                                                <th>Reste avant</th>
                                                <th>Reste après</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $facture->exercice->annee }}</td>
                                                <td>{{ number_format($facture->marche->getMontantExercice($facture->exercice_id), 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($facture->marche->getMontantUtiliseExercice($facture->exercice_id) - $facture->montant, 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($facture->marche->getMontantUtiliseExercice($facture->exercice_id), 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($facture->marche->getMontantRestantExercice($facture->exercice_id) + $facture->montant, 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($facture->marche->getMontantRestantExercice($facture->exercice_id), 2, ',', ' ') }} FCFA</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="mt-4">
                            <a href="{{ route('factures.index') }}" class="btn btn-dark">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path d="M5 12l14 0" />
                                <path d="M5 12l6 6" />
                                <path d="M5 12l6 -6" />
                            </svg> 
                            Retour à la liste
                        </a>
                            <a href="{{ route('factures.edit', $facture) }}" class="btn btn-warning">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-edit">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
                                    <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
                                    <path d="M16 5l3 3" />
                                </svg>
                                Modifier
                            </a>
                            <a href="{{ route('factures.export.detail.pdf', $facture) }}" class="btn btn-danger">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file-type-pdf">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M14 3v4a1 1 0 0 0 1 1h4" />
                                    <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" />
                                    <path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6" />
                                    <path d="M17 18h2" />
                                    <path d="M20 15h-3v6" />
                                    <path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" />
                                </svg>
                                Exporter
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection