@extends('layout')

@section('title', 'Détails du Matériel OMI')

@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 Matériel OMI</h2>

    <!-- Tableau des détails du matériel -->
    <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>{{ $omi->numero_inventaire }}</td>
                    <td>{{ $omi->designation }}</td>
                    <td>{{ $omi->numero_serie ?? 'N/A' }}</td>
                    <td>{{ $omi->date_acquisition ?? 'N/A' }}</td>
                    <td>{{ $omi->mode_paiement ?? 'N/A' }}</td>
                    <td>{{ $omi->bc_bl ?? 'N/A' }}</td>
                    <td>{{ $omi->bailleurs ?? 'N/A' }}</td>
                    <td>{{ $omi->nature ?? 'N/A' }}</td>
                    <td>{{ $omi->situations ?? 'N/A' }}</td>
                    <td>{{ $omi->utilisateurs ?? 'N/A' }}</td>
                    <td>{{ $omi->repere ?? 'N/A' }}</td>
                    <td>{{ $omi->fournisseurs ?? 'N/A' }}</td>
                    <td>{{ number_format($omi->cout_unitaire, 2, ',', ' ') }} Ar</td>
                    <td>{{ number_format($omi->cout_total, 2, ',', ' ') }} Ar</td>
                </tr>
            </tbody>
        </table>
    </div>
    @if ($errors->has('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>⚠️ Erreur :</strong> {{ $errors->first('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif

    <!-- 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('omidetenteur.store') }}" method="POST">
            @csrf
            <input type="hidden" name="omi_id" value="{{ $omi->id }}">

            <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">
                </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" rows="1"></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('omi.fiche', ['id' => $omi->id]) }}" class="btn btn-primary btn-block mt-2">Liste détenteur OMI</a>
            </div>
        </form>
    </div>
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
        <strong>✅ success :</strong> {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif

@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 des matériels -->
<!-- Formulaire d'ajout de suivi -->
<div class="mt-5 shadow-lg p-4 bg-light rounded">
    <h4 class="text-center text-secondary mb-4">📋 Ajouter un Suivi</h4>
    <form action="" method="POST">
        @csrf
    <div class="row g-3">
        <div class="col-md-4">
            <label for="date_suivi">Date de Suivi</label>
            <input type="date" name="date_suivi" id="date_suivi" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="nom">Nom</label>
            <input type="text" name="nom" id="nom" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="organisme">Organisme</label>
            <input type="text" name="organisme" id="organisme" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="contact">Contact</label>
            <input type="text" name="contact" id="contact" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="nombre">Nombre</label>
            <input type="number" name="nombre" id="nombre" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="situation">Situation</label>
            <input type="text" name="situation" id="situation" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="constation">Constation</label>
            <input type="text" name="constation" id="constation" class="form-control" required>
        </div>

        <div class="col-md-4">
            <label for="date_retour">Date de Retour (facultatif)</label>
            <input type="date" name="date_retour" id="date_retour" class="form-control">
        </div>

        <div class="col-md-4">
            <label for="observation">Observation</label>
            <textarea name="observation" id="observation" rows="1" class="form-control" required></textarea>
        </div>
    </div>
    <div class="text-center mt-4">
        <button type="submit" class="btn btn-success btn-block mt-4">Ajouter le Suivi</button>
    </div>
    <div class="text-center mt-4">
        <a href="" class="btn btn-primary btn-block mt-2">Afficher les Suivis</a>
    </div>
    </form>
</div>
</div>

</div>

    @if(session('error'))
        <div class="alert alert-danger mt-4">
            {{ session('error') }}
        </div>
    @endif

    <div class="text-center mt-4">
        <a href="{{ route('omi.index') }}" class="btn btn-secondary">&larr; Retour à la liste</a>
    </div>
</div>
@endsection