@extends('layout')

@section('content')
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
<div class="container mt-5">
    <!-- Tableau des détails du matériel -->
    <div class="table-responsive shadow-lg mb-5">
        <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>Coût Total</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $materiel->numero_inventaire }}</td>
                    <td>{{ $materiel->designation }}</td>
                    <td>{{ $materiel->numero_serie ?? 'N/A' }}</td>
                    <td>{{ $materiel->date_acquisition ?? 'N/A' }}</td>
                    <td>{{ $materiel->mode_paiement ?? 'N/A' }}</td>
                    <td>{{ number_format($materiel->cout_total, 2, ',', ' ') }} Ar</td>
                </tr>
            </tbody>
        </table>
    </div>

   
                       
                    </td>
                </tr>
               
            </tbody>
        </table>
    </div>

    <!-- Bouton retour -->
    <div class="text-center mt-4">
        <a href="{{ route('listeInfo') }}" class="btn btn-primary btn-lg">Retour à la liste</a>
    </div>
</div>



    <!-- Tableau des suivis associés au matériel -->
    <div class="mt-5 shadow-lg p-4 bg-light rounded">
        <h3 class="text-center text-secondary mb-4">📋 Suivis du Matériel</h3>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Nom</th>
                    <th>Organisme / Poste</th>
                    <th>Contact</th>
                    <th>Nombre</th>
                    <th>Situation</th>
                    <th>Constatation</th>
                    <th>Date de Retour</th>
                    <th>Observation</th>
                </tr>
            </thead>
            <tbody>
                @foreach($suivis as $suivi)
                    <tr>
                        <td>{{ $suivi->date }}</td>
                        <td>{{ $suivi->nom }}</td>
                        <td>{{ $suivi->organisations }}</td>
                        <td>{{ $suivi->contact }}</td>
                        <td>{{ $suivi->nombre }}</td>
                        <td>{{ $suivi->situation }}</td>
                        <td>{{ $suivi->constatation }}</td>
                        <td>{{ $suivi->date_retour }}</td>
                        <td>{{ $suivi->observation }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection