{% extends 'base.html.twig' %}

{% block title %}Importer des recettes{% endblock %}

{% block body %}
<div class="row justify-content-center">
<div class="col-lg-6">

<div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-upload"></i> Importer des recettes</h1>
    <a href="{{ path('app_recipe_index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Retour
    </a>
</div>

<div class="card">
    <div class="card-body">
        <p class="text-muted">
            Importe un fichier <code>.zip</code> exporté depuis cette application.
            Les recettes seront ajoutées à ta collection.
        </p>
        <form method="post" enctype="multipart/form-data">
            <div class="mb-3">
                <label class="form-label fw-bold">Fichier ZIP</label>
                <input type="file" name="zip_file" class="form-control" accept=".zip" required>
            </div>
            <button type="submit" class="btn btn-success">
                <i class="bi bi-upload"></i> Importer
            </button>
        </form>
    </div>
</div>

</div>
</div>
{% endblock %}