@extends('layout')

@section('title', 'Gestion des commandes')

@section('content')
    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">
                <div class="card p-4">

                    {{-- Messages --}}
                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif

                    @if ($error)
                        <div class="alert alert-danger">{{ $error }}</div>
                    @endif

                    @if ($commandes->count())
                        {{-- Barre de recherche --}}
                        <div class="search-form d-flex align-items-center pt-3 pb-3">
                            <input class="form-control" type="text" name="search" id="search" placeholder="Rechercher">
                        </div>

                        @php
                            $total = $commandes->count();
                            $colspan = 4 + ($showRaisonSociale ? 1 : 0) + ($showVille ? 1 : 0);
                            $counter = $total; // compteur décroissant
                        @endphp

                        <div class="table-responsive-sm">
                            <table class="table table-hover table-responsive">
                                <thead>
                                    <tr>
                                        <th scope="col">Numéro</th>
                                        <th scope="col">Date</th>
                                        @if ($showRaisonSociale)
                                            <th scope="col">Raison sociale</th>
                                        @endif
                                        <th scope="col">Référence client</th>
                                        @if ($showVille)
                                            <th scope="col">Ville</th>
                                        @endif
                                        <th scope="col">État</th>
                                    </tr>
                                </thead>

                                <tbody id="table-body">
                                    @foreach ($commandes as $commande)
                                        <tr>
                                            <th scope="row">{{ $counter-- }}</th>

                                            <td>
                                                {{ $commande->date_fabrication?->format('d/m/Y') ?? '—' }}
                                            </td>

                                            @if ($showRaisonSociale)
                                                <td>{{ $commande->raison_sociale ?? '—' }}</td>
                                            @endif

                                            <td>{{ $commande->reference_client ?? '—' }}</td>

                                            @if ($showVille)
                                                <td>{{ $commande->ville ?? '—' }}</td>
                                            @endif

                                            <td>{{ $commande->etat ?? '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        {{-- Message si aucune commande --}}
                        <div class="alert alert-danger text-center">
                           Vos commandes seront bientôt visibles, merci de votre patience.
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </section>

    <script src="{{ asset('js/search.js') }}"></script>
@endsection