@extends('layout')

@section('title', 'Suivi du Roulant')

@section('content')
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
<div class="container py-5">
    <h2 class="mb-4 text-center text-primary font-weight-bold">📋 Détails du Roulant</h2>

    <!-- Tableau des détails du roulant -->
    <div class="table-responsive shadow-lg">
        <table class="table table-striped table-hover table-bordered">
            <thead class="table-dark">
                <tr>
                    <th>Numéro d'Inventaire</th>
                    <th>Désignation</th>
                    <th>Numéro de Série</th>
                    <th>Date d'Acquisition</th>
                    <th>Mode de Paiement</th>
                    <th>BC / BL</th>
                    <th>Bailleurs</th>
                    <th>Nature</th>
                    <th>Situations</th>
                    <th>Utilisateurs</th>
                    <th>Repère</th>
                    <th>Fournisseurs</th>
                    <th>Coût Unitaire</th>
                    <th>Coût Total</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $roulant->numero_inventaire }}</td>
                    <td>{{ $roulant->designation }}</td>
                    <td>{{ $roulant->numero_serie ?? 'N/A' }}</td>
                    <td>{{ $roulant->date_acquisition ?? 'N/A' }}</td>
                    <td>{{ $roulant->mode_paiement ?? 'N/A' }}</td>
                    <td>{{ $roulant->bc_bl ?? 'N/A' }}</td>
                    <td>{{ $roulant->bailleurs ?? 'N/A' }}</td>
                    <td>{{ $roulant->nature ?? 'N/A' }}</td>
                    <td>{{ $roulant->situations ?? 'N/A' }}</td>
                    <td>{{ $roulant->utilisateurs ?? 'N/A' }}</td>
                    <td>{{ $roulant->repere ?? 'N/A' }}</td>
                    <td>{{ $roulant->fournisseurs ?? 'N/A' }}</td>
                    <td>{{ number_format($roulant->cout_unitaire, 2, ',', ' ') }} Ar</td>
                    <td>{{ number_format($roulant->cout_total, 2, ',', ' ') }} Ar</td>
                </tr>
            </tbody>
        </table>
    </div>
    <h3 class="mb-4 text-center text-primary font-weight-bold">📋 Suivi du Roulant</h3>
        <table class="table table-bordered mt-4">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Nom</th>
                    <th>Organisme</th>
                    <th>Contact</th>
                    <th>Nombre</th>
                    <th>Situation</th>
                    <th>Constation</th>
                    <th>Date de Retour</th>
                    <th>Observation</th>
                </tr>
            </thead>
            <tbody>
                @foreach($suivis as $suivi)
                    <tr>
                        <td>{{ $suivi->date_suivi }}</td>
                        <td>{{ $suivi->nom }}</td>
                        <td>{{ $suivi->organisme }}</td>
                        <td>{{ $suivi->contact }}</td>
                        <td>{{ $suivi->nombre }}</td>
                        <td>{{ $suivi->situation }}</td>
                        <td>{{ $suivi->constation }}</td>
                        <td>{{ $suivi->date_retour }}</td>
                        <td>{{ $suivi->observation }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <a href="{{ route('roulants.list') }}" class="btn btn-primary mt-3 ">Retour à la liste</a>
    </div>
</div>
@endsection