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

{% block container %}
    <div class="promos">
        {% import 'YOUCommercantBundle::macros.html.twig' as macros %}
        <br/>
        {{ macros.ariane({
            'Tableau de bord':{'url':path('you_commercant_secured_homepage')},
            'Codes promotionnel':{'url':path('you_commercant_codepromo_list')},
            'Ajouter un code promotionnel':{}
        }) }}

        <div class="container-fluid padded">
            <h1 class="titretdb">Ajouter un code promotionnel</h1>
            <br/><br/><br/>
            <p>
                Les codes promotionnel permettent d'offrir au client une des combinaisons suivante :<br>
                - Une réduction en pourcentage sur la facture boutique<br>
                - Une réduction d'un montant fixe sur la facture boutique<br>
                - Offrir les frais de port<br>
                Il est possible de combiner l'offre des frais de port avec chacun des deux premièr type de promotion.
            </p>

            <div class="row-fluid" id="tocomplettoverify">
                <div class="span12">

                    <div class="box">
                        <div class="box-header">
                            <span class="title">Options</span>
                        </div>
                        <div class="box-content row-fluid">

                            <div class="padded separate-sections">
                                {% if form.vars.errors is not empty %}
                                    <div class="alert">{{ form_errors(form) }}</div>
                                {% endif %}
                                <form action="{{ path('you_commercant_codepromo_create') }}" method="post" {{ form_enctype(form) }}>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.code) }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.code) }}
                                            {{ form_errors(form.code) }}
                                            <p class="span8 information" style="display:none;">
                                                Le code promotionnel que les utilisqteurs auront à entrer.<br>
                                                Exemple: NOEL2015
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.description) }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.description) }}
                                            {{ form_errors(form.description) }}
                                            <p class="span8 information" style="display:none;">
                                                Le description<br>
                                                Exemple: Code promotionnel de 10€ les fêtes de noël.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.quantity, 'Quantité disponible') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.quantity) }}
                                            {{ form_errors(form.quantity) }}
                                            <p class="span8 information" style="display:none;">
                                                Indiquez le nombre de code promotionnel mis à disponibilité<br>
                                                Au moins un.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.minimumAmount, 'Montant minimum') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.minimumAmount) }}
                                            {{ form_errors(form.minimumAmount) }}
                                            <p class="span8 information" style="display:none;">
                                                Le montant minimum que le client doit avoir dans son panier pour pouvoir profiter de lapromotion<br>
                                                Laissez à vide ou à 0 pour ne pas avoir de montant minimum.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.type) }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.type) }}
                                            {{ form_errors(form.type) }}
                                            <p class="span8 information" style="display:none;">
                                                Le type de réduction. Un montant ou un pourcentage.<br>
                                                Vous pouvez choisir "Aucun" si vous souhaitez seulement offrir les frais de port.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.freeShipping, 'Frais de port offert') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.freeShipping) }}
                                            {{ form_errors(form.freeShipping) }}
                                            <p class="span8 information" style="display:none;">
                                                Cocher pour offrir les frais de port.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.value, 'Montant de la réduction') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.value) }}
                                            {{ form_errors(form.value) }}
                                            <p class="span8 information" style="display:none;">
                                                Si le "Type" est en "Pourcentage", y mettre la réduction en pourcentage.<br>
                                                Si le "Type" est en "Montant", y mettre un montant en euro.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.begin, 'Commence le') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.begin, {'attr': {'placeholder':'jj/mm/aaaa'}} ) }}
                                            {{ form_errors(form.begin) }}
                                            <p class="span8 information" style="display:none;">
                                                Date où la promotion débutera.<br>
                                                Hors date, la promotion ne sera pas affichés aux utilisateurs.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.end, 'Termine le') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.end, {'attr': {'placeholder':'jj/mm/aaaa'}}) }}
                                            {{ form_errors(form.end) }}
                                            <p class="span8 information" style="display:none;">
                                                Date où ma promotion prendra fin.<br>
                                                Hors date, la promotion ne sera pas affichés aux utilisateurs.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.isPrivate, 'Cacher le code') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.isPrivate) }}
                                            {{ form_errors(form.isPrivate) }}
                                            <p class="span8 information" style="display:none;">
                                                Si coché, le code n'apparaîtra pas dans la liste des promotions affichés aux utilisateurs.<br>
                                                Peut-être très utile pour diffuser la promotion qu'à un groupe restreint.
                                            </p>
                                        </div>
                                    </fieldset>
                                    <fieldset>
                                        <div class="span2">
                                            {{ form_label(form.isEnabled, 'Activé') }}
                                        </div>
                                        <div class="span10">
                                            {{ form_widget(form.isEnabled) }}
                                            {{ form_errors(form.isEnabled) }}
                                            <p class="span8 information" style="display:none;">
                                                Pour que votre promotion soit utilisable, vous devez cocher cette case.<br>
                                                Vous pouvez activer ou désactiver votre promotion à n'importe quel moment.<br>
                                                Le fait de ne pas être activé, le code promotionnel ne sera pas affichés aux utilisateurs.
                                            </p>
                                        </div>
                                    </fieldset>
                                    {{ form_widget(form._token) }}

                                    <input class="btn btn-blue" type="submit" value="Créer le code promotionnel"/>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block perform_stylesheets %}
    <style>
        fieldset {
            margin-bottom: 10px;
        }

        .information {
            display: none;
            position:relative;
            background:#99cc33;
            color: #ffffff;
            padding: 10px;
        }
    </style>
{% endblock perform_stylesheets %}

{% block javascripts_special %}
    <script>
        $('input,textarea,select').bind('focus',function(){
            $(this).next().fadeIn(100).css('float', 'right');
        }).bind('blur',function(){
            $(this).next().fadeOut(100);
        });
    </script>
{% endblock %}