@extends('layouts.exat')
@php
    $onglet = request('onglet', 'signature');
    $ponts = \App\Models\PontBascule::orderBy('nom')->get();
@endphp
@section('title', 'Paramètres')
@section('subtitle', $onglet === 'ponts' ? 'Liste des ponts bascules' : ($onglet === 'import' ? 'Filtres de récupération des prêts' : 'Signature EXAT'))

@section('actions')
    @if($onglet === 'ponts')
        <a href="{{ route('ponts.create') }}" class="inline-flex h-9 items-center gap-2 rounded-lg bg-emerald-600 px-3 text-sm font-medium text-white hover:bg-emerald-700">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg>
            Nouveau pont bascule
        </a>
    @endif
@endsection

@section('content')
<div class="mx-auto max-w-3xl">
    {{-- Onglets --}}
    <div class="mb-4 flex items-center gap-1 border-b border-slate-200">
        <a href="{{ route('parametres.index', ['onglet' => 'signature']) }}"
           class="-mb-px border-b-2 px-4 py-2 text-sm font-medium {{ !in_array($onglet, ['ponts', 'import']) ? 'border-emerald-600 text-emerald-700' : 'border-transparent text-slate-500 hover:text-slate-700' }}">
            Signature EXAT
        </a>
        <a href="{{ route('parametres.index', ['onglet' => 'ponts']) }}"
           class="-mb-px border-b-2 px-4 py-2 text-sm font-medium {{ $onglet === 'ponts' ? 'border-emerald-600 text-emerald-700' : 'border-transparent text-slate-500 hover:text-slate-700' }}">
            Liste des ponts bascules
        </a>
        <a href="{{ route('parametres.index', ['onglet' => 'import']) }}"
           class="-mb-px border-b-2 px-4 py-2 text-sm font-medium {{ $onglet === 'import' ? 'border-emerald-600 text-emerald-700' : 'border-transparent text-slate-500 hover:text-slate-700' }}">
            Import des prêts
        </a>
    </div>

    @if($onglet === 'ponts')
        {{-- Ponts bascules --}}
        <div class="overflow-hidden rounded-xl bg-white ring-1 ring-slate-200">
            <table class="w-full text-sm">
                <thead><tr class="bg-slate-50 text-left text-xs text-slate-500">
                    <th class="px-4 py-3 font-medium">Nom</th>
                    <th class="px-4 py-3 font-medium">Localité</th>
                    <th class="px-4 py-3 font-medium">Proximité usine</th>
                    <th class="px-4 py-3 font-medium">Description</th>
                    <th class="px-4 py-3 font-medium">Statut</th>
                    <th class="px-4 py-3"></th>
                </tr></thead>
                <tbody>
                    @forelse($ponts as $p)
                        <tr class="border-t border-slate-100 hover:bg-slate-50/60">
                            <td class="px-4 py-3 font-medium text-slate-800">{{ $p->nom }}</td>
                            <td class="px-4 py-3 text-slate-600">{{ $p->localite ?? '—' }}</td>
                            <td class="px-4 py-3 text-slate-600">{{ \App\Models\PontBascule::USINES_LIB[$p->proximite_usine] ?? '—' }}</td>
                            <td class="px-4 py-3 text-slate-500">{{ $p->description ?? '—' }}</td>
                            <td class="px-4 py-3">
                                @if($p->actif)<span class="inline-flex items-center rounded-full bg-emerald-50 px-2.5 py-0.5 text-xs font-medium text-emerald-700">Actif</span>
                                @else<span class="inline-flex items-center rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-medium text-slate-500">Inactif</span>@endif
                            </td>
                            <td class="px-4 py-3 text-right">
                                <div class="flex items-center justify-end gap-3">
                                    <a href="{{ route('ponts.edit', $p) }}" class="text-xs font-medium text-emerald-600 hover:text-emerald-700">Modifier</a>
                                    <form method="POST" action="{{ route('ponts.destroy', $p) }}" onsubmit="return confirm('Supprimer ce pont bascule ?')">@csrf @method('DELETE')
                                        <button class="text-xs text-red-600 hover:text-red-700">Supprimer</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="px-4 py-12 text-center text-sm text-slate-400">Aucun pont bascule. Cliquez sur « Nouveau pont bascule ».</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    @elseif($onglet === 'import')
        @include('parametres._import')
    @else
        {{-- Signature EXAT (page existante) --}}
        <form method="POST" action="{{ route('parametres.update') }}" enctype="multipart/form-data" class="space-y-5">
            @csrf @method('PUT')
            <input type="hidden" name="form_section" value="signature">
            <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
                <h2 class="mb-4 text-sm font-medium text-slate-900">Signataire EXAT</h2>
                <div class="grid gap-3 sm:grid-cols-2">
                    <div>
                        <label class="mb-1 block text-[11px] text-slate-400">Représentant</label>
                        <input name="representant_exat" value="{{ old('representant_exat', $params['REPRESENTANT_EXAT']) }}" class="w-full rounded-lg border-slate-200 text-sm">
                    </div>
                    <div>
                        <label class="mb-1 block text-[11px] text-slate-400">Fonction</label>
                        <input name="fonction_representant" value="{{ old('fonction_representant', $params['FONCTION_REPRESENTANT']) }}" class="w-full rounded-lg border-slate-200 text-sm">
                    </div>
                    <div>
                        <label class="mb-1 block text-[11px] text-slate-400">Lieu du contrat</label>
                        <input name="lieu_contrat" value="{{ old('lieu_contrat', $params['LIEU_CONTRAT']) }}" class="w-full rounded-lg border-slate-200 text-sm">
                    </div>
                </div>
            </section>

            <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
                <h2 class="mb-1 text-sm font-medium text-slate-900">Signature EXAT</h2>
                <p class="mb-4 text-xs text-slate-500">Image apposée automatiquement sur tous les contrats. Déposez une nouvelle image pour la remplacer (PNG/JPG, fond transparent recommandé).</p>
                <div class="flex items-center gap-5">
                    <div class="flex h-24 w-44 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
                        @if($params['SIGNATURE_EXAT_PATH'])
                            <img src="{{ route('parametres.signature') }}?v={{ urlencode(basename($params['SIGNATURE_EXAT_PATH'])) }}" alt="Signature EXAT" class="max-h-20 max-w-40">
                        @else
                            <span class="text-xs text-slate-400">Aucune signature</span>
                        @endif
                    </div>
                    <div>
                        <input type="file" name="signature_exat" accept="image/png,image/jpeg" class="block text-sm text-slate-600 file:mr-3 file:rounded-lg file:border-0 file:bg-emerald-50 file:px-3 file:py-2 file:text-sm file:font-medium file:text-emerald-700 hover:file:bg-emerald-100">
                        @error('signature_exat')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
                    </div>
                </div>
            </section>

            <div class="flex justify-end">
                <button class="inline-flex h-10 items-center gap-2 rounded-lg bg-emerald-600 px-4 text-sm font-medium text-white hover:bg-emerald-700">Enregistrer</button>
            </div>
        </form>
    @endif
</div>
@endsection