{{--
    Champ de dépôt d'un justificatif.

    L'input natif est masqué : le clic passe par le libellé, qui sert aussi de
    zone de glisser-déposer et affiche le nom du fichier retenu.

    @param string      $name         nom du champ
    @param string      $label        libellé affiché
    @param string|null $hint         précision sous le titre (formats acceptés par défaut)
    @param string|null $existing     URL de la pièce déjà déposée, le cas échéant
    @param string|null $existingType extension de cette pièce, pour distinguer PDF et image
--}}
@php
    $hint = $hint ?? __('chauffeur.document_hint');
    $existing = $existing ?? null;
    $isPdf = strtolower($existingType ?? '') === 'pdf';
@endphp

<div class="file-field">
    <div class="file-field-label">{{ $label }}</div>

    @if($existing)
        <div class="file-existing">
            {{-- Miniature cliquable : la pièce s'ouvre par-dessus la page,
                 sans quitter le formulaire en cours de saisie. --}}
            <button type="button" class="doc-thumb" data-src="{{ $existing }}"
                    data-pdf="{{ $isPdf ? '1' : '0' }}"
                    title="{{ __('chauffeur.document_view') }}">
                @if($isPdf)
                    <span class="doc-thumb-pdf">PDF</span>
                @else
                    <img src="{{ $existing }}" alt="{{ $label }}">
                @endif
                <span class="doc-thumb-zoom"><i class="fa-light fa-magnifying-glass-plus"></i></span>
            </button>

            <div class="file-existing-text">
                <strong>{{ __('chauffeur.document_deposited') }}</strong>
                <span>{{ __('chauffeur.document_replace') }}</span>
            </div>
        </div>
    @endif

    <label class="file-drop" for="{{ $name }}">
        <i class="fa-light fa-file-arrow-up"></i>
        <span class="file-drop-title">{{ __('chauffeur.choose_file') }}</span>
        <span class="file-drop-hint">{{ $hint }}</span>
        <span class="file-drop-name"></span>
    </label>

    <input type="file" id="{{ $name }}" name="{{ $name }}" accept="image/*,application/pdf" hidden>

    @error($name)<span class="input-error">{{ $message }}</span>@enderror
</div>