@extends('admin.layout')

@section('title', 'Historique des commandes client')

@section('content')

    <div class="pagetitle">
        <h1>
            Historique des commandes —
            {{ $client['RAISON_SOCIALE'] ?: $client['NOMFAMILLE'] . ' ' . $client['PRENOM'] }}
        </h1>
    </div>

    <section class="section">

        {{-- ========================= --}}
        {{--        INFOS CLIENT       --}}
        {{-- ========================= --}}
        <div class="card p-4 mb-4">
            <table class="table table-bordered mb-0">
                <tr>
                    <th>ID CLIENT</th>
                    <td>{{ $client['IDCONTACT'] }}</td>
                </tr>
                <tr>
                    <th>Nom</th>
                    <td>
                        {{ $client['RAISON_SOCIALE'] ?: $client['NOMFAMILLE'] . ' ' . $client['PRENOM'] }}
                    </td>
                </tr>
            </table>

            <div class="mt-3">
                <a href="{{ route('clients.show', $client['IDCONTACT']) }}" class="btn btn-sm btn-secondary">
                    ← Retour à la fiche client
                </a>
            </div>
        </div>

        {{-- ========================= --}}
        {{--   HISTORIQUE COMMANDES    --}}
        {{-- ========================= --}}
        <div class="card p-4">
            <h4>
                Historique des commandes
                <span class="text-muted">
                    ({{ $commandes->total() }})
                </span>
            </h4>
            <hr>

            @if ($commandes->count() > 0)
                <div class="accordion" id="accordionCommandes">

                    @foreach ($commandes as $c)
                        @php
                            $itemId = 'commande_' . $c['id_process'];
                            $isOpen = $loop->first;
                        @endphp

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="heading-{{ $itemId }}">
                                <button class="accordion-button {{ $isOpen ? '' : 'collapsed' }}" type="button"
                                    data-bs-toggle="collapse" data-bs-target="#collapse-{{ $itemId }}"
                                    aria-expanded="{{ $isOpen ? 'true' : 'false' }}">

                                    <div class="d-flex flex-wrap gap-2 align-items-center">
                                        <strong>
                                            Commande #{{ $c['id_process'] }}
                                            — {{ $c['modele'] ?? 'Commande' }}
                                        </strong>

                                        @if (!empty($c['type']))
                                            <span class="text-muted">
                                                — {{ $c['type'] }}
                                            </span>
                                        @endif

                                        @include('admin.gestan.partials.badge-status', [
                                            'statut' => $c['etat'] ?? null,
                                        ])
                                    </div>
                                </button>
                            </h2>

                            <div id="collapse-{{ $itemId }}"
                                class="accordion-collapse collapse {{ $isOpen ? 'show' : '' }}"
                                data-bs-parent="#accordionCommandes">

                                <div class="accordion-body">

                                    <table class="table table-bordered mb-3">
                                        <tr>
                                            <th>Type</th>
                                            <td>{{ $c['type'] ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Modèle</th>
                                            <td>{{ $c['modele'] ?? '—' }}</td>
                                        </tr>
                                         
                                         <tr>
                                            <th>Couleur</th>
                                            <td>{{ $c['couleur'] ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Finition</th>
                                            <td>{{ $c['finition'] ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Date fabrication</th>
                                            <td>{{ $c['date_fabrication'] ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Date réception entrepôt</th>
                                            <td>{{ $c['date_reception_entrepot'] ?? '—' }}</td>
                                        </tr>
                                        <tr>
                                            <th>État</th>
                                            <td>{{ $c['etat'] ?? '—' }}</td>
                                        </tr>
                                    </table>

                                    @if (!empty($c['lien_pdf']))
                                        <div class="d-flex">
                                            <a href="{{ $c['lien_pdf'] }}" target="_blank" class="btn btn-sm btn-primary">
                                                <i class="fa fa-file-pdf"></i> PDF commande
                                            </a>
                                        </div>
                                    @endif

                                </div>

                            </div>
                        </div>
                    @endforeach

                </div>

                {{-- Pagination --}}
                <div class="mt-4">
                    {{ $commandes->links() }}
                </div>
            @else
                <p class="text-muted">
                    Aucune commande trouvée pour ce client.
                </p>
            @endif
        </div>

    </section>
@endsection