@extends('layouts.phoenix')

@section('title', 'Import')

@section('content')

<div class="mb-6">
    <h2 class="mb-2">Import</h2>
    <p class="text-body-tertiary mb-0">Les lignes importées s'ajoutent à l'existant (aucun écrasement).</p>
</div>

<div class="row g-3">
    <div class="col-12 col-xl-6">
        <div class="card h-100">
            <div class="card-header border-bottom border-translucent">
                <h4 class="mb-0">Questions</h4>
            </div>
            <div class="card-body">
                <p class="fs-9 text-body-tertiary">
                    Une ligne d'en-tête, puis une ligne par question :<br>
                    <span class="fw-semibold">Question | Bonne réponse | Mauvaise réponse 1 | Mauvaise réponse 2 | Catégorie (creditmutuel ou autre)</span>
                </p>

                <form method="POST" action="{{ url('/admin/imports/questions') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="mb-3">
                        <input class="form-control" name="file" type="file" accept=".xlsx,.xls,.csv" required>
                    </div>
                    <button class="btn btn-primary" type="submit">Importer les questions</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-6">
        <div class="card h-100">
            <div class="card-header border-bottom border-translucent">
                <h4 class="mb-0">Dotations</h4>
            </div>
            <div class="card-body">
                <p class="fs-9 text-body-tertiary">
                    Une ligne d'en-tête, puis une ligne par lot :<br>
                    <span class="fw-semibold">Libellé | Quantité | Date de dotation</span>
                </p>

                <form method="POST" action="{{ url('/admin/imports/dotations') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="mb-3">
                        <input class="form-control" name="file" type="file" accept=".xlsx,.xls,.csv" required>
                    </div>
                    <button class="btn btn-primary" type="submit">Importer les dotations</button>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection