{% extends "YOUCommercantBundle::min.html.twig" %}

{% block container %}

    <div class="uploadPictZone">

        <div class="head">
            <img src="/images/appphotoico.png" alt="" />
            {% if app.request.query.get('logo') %}
                <h1>Logo de la boutique</h1>
                <p>Vous pouvez afficher le vrai logo de votre boutique ou entreprise, ou bien une photo qui la représente.</p>
            {% elseif app.request.query.get('fiche') %}
                <h1>Envoyer une photo</h1>
                <p>Cette photo sera placée en grand format en haut de la fiche info et illustrera celle-ci.</p>
            {% else %}
            <h1>Photos de présentation</h1>
            <p>Vous pouvez envoyer jusqu’à 5 photos pour illustrer votre commerce. Celles-ci seront
                affichées dans la page "présentation" de votre commerce en ligne.</p>
            {% endif %}

            <p>Choisissez des photos de qualité, en grand format.</p>
            <p class="legend">Formats acceptés : jpeg, png</p>
            <p style="color:red;"><em>Format conseillé : 780x 386px</em>
            <br />
            Les photos d'un format inférieur seront immédiatement refusées.</span>
            </p>
        </div>

        <ol>
            <li>Cliquez sur "choisir une photo"</li>
            <li>Sélectionnez la photo souhaitée sur votre ordinateur.</li>
            <li>Cliquez sur "Envoyer" pour nous envoyer la photo.</li>
        </ol>

        <form id="form_upload_pict" action="" method="post" {{ form_enctype(form) }} class=""  onsubmit="$('#submit').val('Envoi en cours...').attr('onclick','return false;');">
            {{ form_errors(form) }}
            {{ form_rest(form) }}
            <input id="submit" type="submit" value="Envoyer la photo""/>
        </form>
    </div>


{% endblock %}