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

{% block title %} {{ 'chequecadeaux.metatitle'|trans }} {% endblock %}

{% block description %} {{ 'chequecadeaux.metadesc'|trans }}  {% endblock %}

{% block body %}

    {% include "front/inc/breadcrumb.html.twig" 
    with { 
            'content_title' : 'menu.chequecadeaux'|trans ,
            'current_page'  : 'menu.chequecadeaux'|trans ,
            'image'         : null
        }
    %}

  <div class="cheque-cadeaux">
    <section class="intro-">
        <p>{{ 'chequecadeaux.intro'|trans|raw }}</p>
    </section>
    <section class="select-cadeaux">
        <div class="img-cadeaux">
            <img src="{{ asset('front/images/cateaux.png') }}" width="537" height="730" alt="cheque cadeaux" />
        </div>
        <div class="text-select-cadeaux">
            <form method="POST" action="{{ path('app_createchequecadeau',{_locale: app.request.locale}) }}">
                <div class="group">
                    {% if montant == "custom" %}
                        <input type="text" name="chequecadeau" class="inputnumberfloat chequecadeau" required/> 
                        <span class="highlight"></span>
                        <span class="bar"></span>
                        <label>{{ 'chequecadeaux.valeur'|trans }} *</label>
                    {% else %}
                        <select name="chequecadeau" required class="form-control chequecadeau" id="selectCtrl">
                            <option value="0.00"> {{ 'chequecadeaux.valeur'|trans }} *</option>
                            <option {{ (montant == 250)  ? 'selected' : '' }}  value="250">250DH</option>
                            <option {{ (montant == 500)  ? 'selected' : '' }}  value="500">500DH</option>
                            <option {{ (montant == 1000) ? 'selected' : '' }} value="1000">1000DH</option>
                            <option {{ (montant == 2000) ? 'selected' : '' }}  value="2000">2000DH</option>
                        </select>
                     {% endif %}
                </div>
                <div class="group">
                    <input type="text" name="fullname_exp" required/> <span class="highlight"></span>
                    <span class="bar"></span>
                    <label>{{ 'chequecadeaux.nomexpediteur'|trans }} *</label>
                </div>
                <div class="group">
                <input type="email" name="email_exp" required/> <span class="highlight"></span> <span class="bar"></span> 
                <label>{{ 'chequecadeaux.emailxpediteur'|trans }} *</label></div>
                <div class="group">
                    <input type="text" name="fullname_dest" required/> <span class="highlight"></span>
                    <span class="bar"></span>
                    <label>{{ 'chequecadeaux.nomdestinataire'|trans }} *</label>
                </div>
                <div class="group m-0">
                <input type="email" name="email_dest" required/> <span class="highlight"></span> <span class="bar"></span> 
                <label>{{ 'chequecadeaux.emaildestinataire'|trans }} *</label></div>
                <div class="note-">
                    {{ 'chequecadeaux.note'|trans|raw }}
                </div>
                <div class="group textarea">
                <textarea name="description"></textarea> 
                <span class="highlight"></span> <span class="bar"></span> <label>{{ 'message'|trans }}</label></div>
                {# <div class="g-recaptcha" data-sitekey="6Lf5LbcnAAAAAGSfh75cTM_mPAb5Ufv7K9lWFshH"></div> #}
                <div class="text-obliga">
                    <p>* {{ 'champsobligatoires'|trans }}</p>
                </div>
                <div class="btn-contact-form">
                    <p class="prix-cadeaux">0.00DH</p>
                    <button type="submit" class="button--ujarak"> {{ 'envoyer'|trans }} </button>
                </div>
            </form>
        </div>
    </section>
</div>
{% endblock %}