@extends('layouts.master')

@section('title', 'Détails de l\'Exercice')

@section('content')
<div class="page-body">
    <div class="container-xl">
        <div class="row row-deck row-cards">
            <div class="col-sm-6 col-lg-12">
                <div class="card border border-yellow">
                    <div class="card-header">
                        <h2 class="badge bg-yellow-lt">Exercice: {{ $exercice->annee }}</h2>
                    </div>
                    <div class="card-body">
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <h4 class="badge bg-dark">Informations générales</h4>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>Année:</th>
                                        <td>{{ $exercice->annee }}</td>
                                    </tr>
                                    <tr>
                                        <th>Début:</th>
                                        <td>{{ $exercice->date_debut->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Fin:</th>
                                        <td>{{ $exercice->date_fin->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>Statut:</th>
                                        <td>
                                            @if($exercice->est_actif)
                                                <span class="badge bg-green">Actif</span>
                                            @else
                                                <span class="badge bg-yellow">Inactif</span>
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h4 class="badge bg-dark">Informations financières</h4>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>Montant alloué:</th>
                                        <td>{{ number_format($exercice->montant_alloue, 2, ',', ' ') }} FCFA</td>
                                    </tr>
                                    <tr>
                                        <th>Montant utilisé:</th>
                                        <td>{{ number_format($exercice->montant_utilise, 2, ',', ' ') }} FCFA</td>
                                    </tr>
                                    <tr>
                                        <th>Montant restant:</th>
                                        <td>{{ number_format($exercice->montant_restant, 2, ',', ' ') }} FCFA</td>
                                    </tr>
                                    <tr>
                                        <th>Progression:</th>
                                        <td>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar" 
                                                    style="width: {{ $exercice->progression }}%;" 
                                                    aria-valuenow="{{ $exercice->progression }}" 
                                                    aria-valuemin="0" aria-valuemax="100">
                                                    {{ round($exercice->progression, 2) }}%
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="badge bg-dark">Marchés associés</h4>
                                @if($exercice->marches->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Reference</th>
                                                <th>Titulaire</th>
                                                <th>Intitulé</th>
                                                <th>Montant Alloué</th>
                                                <th>Montant Utilisé</th>
                                                <th>Montant Restant</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($exercice->marches as $marche)
                                            <tr>
                                                <td>{{ $marche->reference }}</td>
                                                <td>{{ $marche->operateur->denomination }}</td>
                                                <td>{{ Str::limit($marche->intitule, 50) }}</td>
                                                <td>{{ number_format($marche->pivot->montant, 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($exercice->factures()->where('marche_id', $marche->id)->sum('montant'), 2, ',', ' ') }} FCFA</td>
                                                <td>{{ number_format($marche->pivot->montant - $exercice->factures()->where('marche_id', $marche->id)->sum('montant'), 2, ',', ' ') }} FCFA</td>
                                                <td>
                                                    <a href="{{ route('marches.show', $marche) }}" title="Voir le Marché" class="btn btn-sm">
                                                        <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-eye">
                                                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                                            <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
                                                            <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />
                                                        </svg>
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @else
                                <div class="alert alert-dark">
                                    Cet exercice n'a aucun marché associé.
                                </div>
                                @endif
                            </div>
                        </div>

                        <div class="mt-4">
                            <a href="{{ route('user.exercices.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>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection