{# templates/site/upload.html.twig #}
{% extends 'site/base.html.twig' %}

{% block title %}Envoyer un document — Ordi Self{% endblock %}

{% block hero %}
    <div class="hero-text upload-form-wrapper">
        <h1>Envoyer un <span class="highlight">document</span></h1>
        <div class="underline"></div>
        <p>Remplissez ce formulaire pour nous envoyer votre fichier à imprimer. Nous vous recontacterons dès qu'il sera prêt.</p>

        {{ form_start(commandeForm, {attr: {novalidate: 'novalidate', class: 'upload-form', enctype: 'multipart/form-data'}}) }}
            <h2>Commande d'impression</h2>

            <div class="form-row">
                {{ form_label(commandeForm.nomClient) }}
                {{ form_widget(commandeForm.nomClient) }}
                {{ form_errors(commandeForm.nomClient) }}
            </div>

            <div class="form-row">
                {{ form_label(commandeForm.pseudo) }}
                {{ form_widget(commandeForm.pseudo) }}
                {{ form_errors(commandeForm.pseudo) }}
            </div>
            <div class="form-row">
                {{ form_label(commandeForm.emailClient) }}
                {{ form_widget(commandeForm.emailClient) }}
                {{ form_errors(commandeForm.emailClient) }}
            </div>

            <div class="form-row">
                {{ form_label(commandeForm.telephone) }}
                {{ form_widget(commandeForm.telephone) }}
                {{ form_errors(commandeForm.telephone) }}
            </div>

            <div class="form-row">
                {{ form_label(commandeForm.fichierFile) }}
                {{ form_widget(commandeForm.fichierFile, {
                    attr: {accept: '.pdf,.jpg,.jpeg,.png,.doc,.docx'}
                }) }}
                {{ form_errors(commandeForm.fichierFile) }}
                <small class="form-hint">Formats acceptés : PDF, Word, JPG, PNG — 20 Mo max par fichier. Vous pouvez sélectionner plusieurs fichiers.</small>
            </div>

            <div class="form-row-inline">
                <div class="form-row">
                    {{ form_label(commandeForm.nombreCopies) }}
                    {{ form_widget(commandeForm.nombreCopies) }}
                    {{ form_errors(commandeForm.nombreCopies) }}
                </div>

                <div class="form-row">
                    {{ form_label(commandeForm.rectoVerso) }}
                    {{ form_widget(commandeForm.rectoVerso) }}
                    {{ form_errors(commandeForm.rectoVerso) }}
                </div>
            </div>

            <div class="form-row form-row-checkbox">
                {{ form_widget(commandeForm.couleur) }}
                {{ form_label(commandeForm.couleur) }}
                {{ form_errors(commandeForm.couleur) }}
            </div>

            <div class="form-row">
                {{ form_label(commandeForm.dateRecuperation) }}
                {{ form_widget(commandeForm.dateRecuperation) }}
                {{ form_errors(commandeForm.dateRecuperation) }}
            </div>

            <div class="form-row">
                {{ form_label(commandeForm.commentaire) }}
                {{ form_widget(commandeForm.commentaire) }}
                {{ form_errors(commandeForm.commentaire) }}
            </div>

            <div class="hp-field-wrapper form-group mb-3">
            {{ form_row(commandeForm.website) }}
            </div>

            <button type="submit" class="btn-primary">Envoyer la commande</button>
        {{ form_end(commandeForm) }}
    </div>

    <div class="hero-image upload-rapide-wrapper">
        {{ form_start(quickUploadForm, {attr: {novalidate: 'novalidate', class: 'upload-form upload-rapide', enctype: 'multipart/form-data'}}) }}
            <h2>Envoi <span class="highlight">rapide</span></h2>
            <div class="underline"></div>
            <p>Déposez simplement votre fichier et votre pseudo, on s'occupe du reste sur place.</p>

            <div class="form-row">
                {{ form_label(quickUploadForm.pseudo) }}
                {{ form_widget(quickUploadForm.pseudo) }}
                {{ form_errors(quickUploadForm.pseudo) }}
                <small class="form-hint">Obligatoire</small>
            </div>

            <div class="form-row">
                {{ form_label(quickUploadForm.fichierFile) }}
                {{ form_widget(quickUploadForm.fichierFile, {
                    attr: {accept: '.pdf,.jpg,.jpeg,.png,.doc,.docx'}
                }) }}
                {{ form_errors(quickUploadForm.fichierFile) }}
                <small class="form-hint">Vous pouvez sélectionner plusieurs fichiers à la fois.</small>
            </div>

            <div class="hp-field-wrapper form-group mb-3">
            {{ form_row(quickUploadForm.website) }}
            </div>

            <button type="submit" class="btn-primary">Envoyer en rapide</button>
        {{ form_end(quickUploadForm) }}
    </div>
{% endblock %}