@extends('layout')

@section('title', 'Détails 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>
</div>
        <!-- Formulaire des informations supplémentaires -->
        <div class="mt-5 shadow-lg p-4 bg-light rounded">
            <h3 class="text-center text-secondary mb-4">📋 Ajouter des Informations Supplémentaires</h3>
            <form action="{{ route('detenteurRoulant.store', $roulant->id) }}" method="POST">
                @csrf
                <div class="row g-3">
                    <div class="col-md-3">
                        <label for="date" class="form-label">Date</label>
                        <input type="date" id="date" name="date" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="nom" class="form-label">Nom</label>
                        <select id="nom" name="nom" class="form-control" required>
                            <option value=""> </option>
                            @foreach ($personnels as $personnel)
                                <option value="{{ $personnel->nom }}">{{ $personnel->nom }} {{ $personnel->prenom }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label for="organisations" class="form-label">Organisations</label>
                        <input type="text" id="organisations" name="organisations" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="contact" class="form-label">Contact</label>
                        <input type="text" id="contact" name="contact" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="nombre" class="form-label">Nombre</label>
                        <input type="number" id="nombre" name="nombre" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="situation" class="form-label">Situation</label>
                        <input type="text" id="situation" name="situation" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="date_retour" class="form-label">Date de Retour</label>
                        <input type="date" id="date_retour" name="date_retour" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label for="observation" class="form-label">Observation</label>
                        <textarea id="observation" name="observation" class="form-control" ></textarea>
                    </div>
                </div>
                <div class="text-center mt-4">
                    <button type="submit" class="btn btn-success btn-lg">Enregistrer</button>
                </div>
            <div class="text-center mt-4">
                <a href="{{ route('roulants.detenteurs', $roulant->id) }}" class="btn btn-info mt-3">
                Afficher les détenteurs</a>
            </div>
            </form>
        </div>

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show mt-3" role="alert">
        <strong>⚠️ Erreur :</strong> {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif



        <!-- Formulaire de suivi du roulant -->
        <div class="container">
        <div class="mt-5 shadow-lg p-4 bg-light rounded">
            <h3 class="text-center text-secondary mb-4">🚗 Ajouter un Suivi du Roulant</h3>
            <form action="{{ route('suiviRoulant.store', $roulant->id) }}" method="POST">
                @csrf
                <div class="row g-3">
                    <div class="col-md-3">
                        <label for="date_suivi" class="form-label">Date</label>
                        <input type="date" id="date_suivi" name="date_suivi" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="nom" class="form-label">Nom</label>
                        <select id="nom" name="nom" class="form-control" required>
                            <option value=""> </option>
                            @foreach ($personnels as $personnel)
                                <option value="{{ $personnel->nom }}">{{ $personnel->nom }} {{ $personnel->prenom }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="organisme" class="form-label">Organisme</label>
                        <input type="text" id="organisme" name="organisme" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="contact" class="form-label">Contact</label>
                        <input type="text" id="contact" name="contact" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="nombre" class="form-label">Nombre</label>
                        <input type="number" id="nombre" name="nombre" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="situation" class="form-label">Situation</label>
                        <input type="text" id="situation" name="situation" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="constation" class="form-label">Constation</label>
                        <input type="text" id="constation" name="constation" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label for="date_retour" class="form-label">Date de Retour</label>
                        <input type="date" id="date_retour" name="date_retour" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label for="observation" class="form-label">Observation</label>
                        <textarea id="observation" name="observation" class="form-control" rows="1" required></textarea>
                    </div>
                </div>
                <div class="text-center mt-4">
                    <button type="submit" class="btn btn-success btn-lg">Ajouter Suivi</button>
                </div>
                <div class="text-center mt-4">
                    <a href="{{ route('suiviRoulant.index', $roulant->id) }}" class="btn btn-info mt-3">Afficher Suivi</a>
                </div>
            </form>
        </div>
    </div>
    <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
    
@endsection