{{-- v1.14.0 — déposer une pièce (espace client et espace cabinet) : le type, le RC s'il le faut, le fichier, ce que MOBDIE vérifie. Variables : $action, $types, $typeChoisi, $client. --}}
<form method="POST" action="{{ $action }}" enctype="multipart/form-data" class="cote pt-card" id="depot" style="gap:14px">
    @csrf
    <h2 class="pt-h3" style="font-size:18px">Déposer une pièce</h2>
    <div class="pt-field">
        <label for="type">Quelle pièce ?</label>
        <select id="type" name="type" class="pt-input pt-select" onchange="document.getElementById('champs-rc').hidden = this.value !== 'rc'">
            @foreach ($types as $cle => $libelle)
                <option value="{{ $cle }}" @selected($typeChoisi === $cle)>{{ $libelle }}</option>
            @endforeach
        </select>
        @error('type')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
    </div>
    <div id="champs-rc" class="pt-grille2" @if ($typeChoisi !== 'rc') hidden @endif>
        <div class="pt-field">
            <label for="rc">N° de RC</label>
            <input id="rc" name="rc" class="pt-input @error('rc') err @enderror" value="{{ old('rc', $client->rc) }}" inputmode="numeric" autocomplete="off">
            @error('rc')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
        </div>
        <div class="pt-field">
            <label for="rc_ville">Ville du tribunal</label>
            <input id="rc_ville" name="rc_ville" class="pt-input @error('rc_ville') err @enderror" value="{{ old('rc_ville', $client->rc_ville ?: 'Fès') }}" list="villes-rc">
            @error('rc_ville')<p class="pt-msg err"><x-portail.icone nom="alert"/>{{ $message }}</p>@enderror
        </div>
        <datalist id="villes-rc">@foreach (\App\Support\Saisie::villesRc() as $ville)<option value="{{ $ville }}">@endforeach</datalist>
    </div>
    <label @class(['pt-scan', 'grand', 'pt-depot', 'err' => $errors->has('fichier')])>
        <span class="pt-ic v lg"><x-portail.icone nom="up"/></span>
        <span class="t">Prendre une photo ou choisir un fichier</span>
        <span class="d">{{ $errors->first('fichier') ?: 'PDF, JPG, PNG ou HEIC · 10 Mo au plus' }}</span>
        <input type="file" name="fichier" accept="application/pdf,image/*,.heic,.heif" required onchange="this.closest('label').querySelector('.t').textContent = this.files[0]?.name || 'Fichier choisi'">
    </label>
    <div class="pt-coches">
        <p class="pt-cap" style="font-size:12px">Nous vérifions qu'elle est</p>
        <p><x-portail.icone nom="check"/>Lisible et entière, les quatre coins visibles</p>
        <p><x-portail.icone nom="check"/>{{ $client->estAssociation() ? 'Au nom de l\'association ou de la personne' : 'Au nom de la société ou de la personne' }}</p>
    </div>
    <button class="pt-btn p block">Envoyer la pièce</button>
</form>