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

{% block title %}   {{'Formation.T27' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'Formation.T28' | trans}} {% endblock %}
{% block breadcrumb2 %} {{'Formation.T29' | trans}} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-3 swMain"></div>
        <div class="col-md-6 swMain">
            <div class="row">
                <div  class="col-md-12">
                    <fieldset>
                        <legend>
                            {{'Formation.T30' | trans}}
                        </legend>
                        {{ form_start(form, {'method': 'post', 'attr' : {'id' : 'formFormation'}}) }}

                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T31' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'required' : true }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T32' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.score, { 'attr': {'class': 'form-control', 'required' : true, 'value' : formation.score , 'touchspin' : 'touchspin', 'data-min' : 0 , 'data-max': 100 , 'data-step': 0.1 ,  'data-decimals' :2 , 'data-boostat' : 5 , 'data-maxboostedstep' : 10  }}) }}



                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T33' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.timer, { 'attr': {'class': 'form-control', 'required' : 'true', 'value' : formation.timer , 'touchspin' : 'touchspin', 'data-min' : 0 , 'data-max': 100 , 'data-step': 0.1 ,  'data-decimals' :2 , 'data-boostat' : 5 , 'data-maxboostedstep' : 10  }}) }}

                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T34' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.signataire1, { 'attr': {'class': 'form-control', 'required' : true }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T35' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.signataire2, { 'attr': {'class': 'form-control', 'required' : true }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'Formation.T36' | trans}} <span class="symbol required"></span>
                            </label>
                            <div class="">
                                {{ form_widget(form.category,{'attr': {'class': 'js-example-basic-single js-states form-control'}}) }}
                            </div>
                        </div>
                        <div class="form-actions">
                            {%  if app.request.locale == 'ar' %}
                                <button type="submit" class="btn btn-primary pull-left">
                                    {{'Formation.T37' | trans}}<i class="fa fa-arrow-circle-left"></i>
                                </button>
                            {% else %}
                                <button type="submit" class="btn btn-primary pull-right">
                                    {{'Formation.T37' | trans}} <i class="fa fa-arrow-circle-right"></i>
                                </button>
                            {% endif %}

                        </div>

                        {{ form_end(form) }}
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
{% endblock %}