@extends('admin.admin_master')

@section('admin')
<div class="container">
    <h1 class="text-center">Télécharger une carte de visite</h1>
    <form action="{{ route('upload_card') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
            <label for="nom" class="form-label">Nom</label>
            <input type="text" class="form-control" name="nom" required>
        </div>
        <div class="mb-3">
            <label for="email" class="form-label">Email</label>
            <input type="email" class="form-control" name="email" required>
        </div>
        <div class="mb-3">
            <label for="fileInput" class="form-label">Charger la carte de visite (recto)</label>
            <input type="file" class="form-control" name="fichier_recto" accept="image/*, .pdf" required>
        </div>
        <div class="mb-3">
            <label for="doubleSided" class="form-label">Carte recto-verso ?</label>
            <select name="doubleSided" class="form-select" onchange="toggleBackCardInput()">
                <option value="non">Non</option>
                <option value="oui">Oui</option>
            </select>
        </div>
        <div class="mb-3 d-none" id="backCardInput">
            <label for="fileInputBack" class="form-label">Charger la carte de visite (verso)</label>
            <input type="file" class="form-control" name="fichier_verso" accept="image/*, .pdf">
        </div>
        <button class="btn btn-primary w-100">Envoyer</button>
    </form>
</div>

<script>
    function toggleBackCardInput() {
        document.getElementById('backCardInput').classList.toggle('d-none');
    }
</script>
@endsection