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

{% block title %}
    {{ 'title'|trans({}, 'Promo') }}
{% endblock title%}

{% block body %}
    <div class="container">
        <div class="row-fluid" style="padding-top:10px;">
            <div class="col-sm-6 col-sm-offset-3 text-center" style="padding-top:50px;">
                <div style="padding-bottom:5px;">
                    <img  src="{{ asset('img/promoGift.jpg') }}" style="height:150px;margin:10px auto;" />
                </div>
                <h2 style="color: #888">{{'header'| trans({},'Promo')}}</h2>
                 <form action="{{ path('promo_index')}}" method="post">
                    <div class="form-group">
                        <div style="display:flex"> 
                            <input type="text" class="form-control" name="code" placeholder="{{'code'| trans({},'Promo')}}">
                            <span class="input-group-append">
                              <button class="btn btn-success btn-apply">{{'submit'| trans({},'Promo')}}</button> 
                            </span> 
                        </div>
                    </div>
                    {% if message is defined %}
                        <div style="margin-bottom:20px">
                            {{ message| trans({'course':course , 'N':day, 'M':tokens} ,'Promo') }}
                        </div>
                    {% endif %}
                    <div class="col-sm-6 col-sm-offset-2 text-center" >
                        <div class="g-recaptcha brochure__form__captcha" data-toggle="reCaptcha" data-type="checkbox"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>

{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onGoogleReCaptchaApiLoad&render=explicit&hl={{app.request.locale}}" async defer></script>
{% endblock %}