{% extends 'layout/app.html.twig' %}

{% block title %}Importer une demande - Portail{% endblock %}
{% block breadcrumb %}<a href="{{ path('app_admin_requests') }}" class="hover:underline">Demandes</a> / Importer{% endblock %}

{% block app_content %}
    {% if app.environment in ['dev', 'test'] %}
    <div class="mb-8 rounded-md border border-gray-200 bg-white p-5">
        <h1 class="font-display text-2xl text-pepite-ink">Importer les produits en sourcing</h1>
        <p class="my-3 text-sm text-pepite-ink/60">Reliez votre compte Radar : les produits en Sourcing seront ajoutés automatiquement, puis les nouvelles références suivront chaque minute.</p>
        <a href="{{ path('app_radar_sync') }}" class="inline-block rounded-md bg-pepite-navy px-4 py-2 text-sm text-white">Synchroniser depuis le Radar</a>
    </div>
    {% endif %}
    <h2 class="font-display text-xl text-pepite-ink">Import JSON manuel</h2>
    <p class="mt-1 max-w-3xl font-structure text-sm text-pepite-ink/60">
        Dépose le fichier JSON reprenant la fiche du produit sélectionné dans le Radar. Tu verras un aperçu avant que quoi que ce soit soit créé.
        Une référence déjà importée est refusée : une demande existante n'est jamais écrasée.
    </p>

    <p class="mt-3 max-w-3xl text-sm text-pepite-ink/60">Pour cet import manuel, le fichier doit être préparé à partir de la fiche réelle du produit, au format <code>pepite-sourcing-request/1</code>.</p>

    <form method="post" action="{{ path('app_admin_request_import') }}" enctype="multipart/form-data" class="mt-6 max-w-3xl rounded-md border border-gray-200 bg-white p-4">
        <input type="hidden" name="_csrf_token" value="{{ csrf_token('request_import') }}">
        <label class="text-xs text-pepite-ink/60">Fichier JSON <span class="text-red-600">*</span>
            <input type="file" name="file" accept=".json,application/json" class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-pepite-ink">
        </label>
        <p class="mt-1 text-[11px] text-pepite-ink/40">Photos comprises, {{ limitMb }} Mo au plus.</p>
        <div class="mt-4 flex gap-3">
            <button type="submit" class="rounded-md bg-pepite-navy px-4 py-2 font-structure text-sm font-medium text-white hover:bg-pepite-navy-light">Vérifier le fichier</button>
            <a href="{{ path('app_admin_requests') }}" class="rounded-md px-4 py-2 font-structure text-sm text-pepite-ink/60 hover:underline">Retour</a>
        </div>
    </form>
{% endblock %}