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

{% block title %} {{'PresentielleSession.T27' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'PresentielleSession.T28' | trans}} {% endblock %}
{% block breadcrumb2 %} {{'PresentielleSession.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>
                            {{'PresentielleSession.T30' | trans}}
                        </legend>
                        {{ form_start(form, {'method': 'post', 'attr' : {'id' : ''}}) }}

                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T31' | trans}}  <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'required' : 'true', 'placeholder' : 'Nom du Formation' }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T32' | trans}}  <span class="symbol required"></span>
                            </label>
                            <div class="input-group input-daterange datepicker">
                                {{ form_widget(form.startDate, { 'attr': {'class': 'form-control input-group', 'required' : 'true', 'placeholder' : 'date début' }}) }}
                                <span class="input-group-addon bg-primary"> <i class="fa fa-calendar"></i> </span>
                                {{ form_widget(form.endDate, { 'attr': {'class': 'form-control input-group', 'placeholder' : 'date fin' }}) }}

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T33' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.time, { 'attr': {'class': 'form-control', 'required' : 'true', 'id' : 'timepicker-default', 'value' : 0000, }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T34' | trans}}  <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.formateur,{'attr': {'class': 'js-example-basic-single js-states form-control'}}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T35' | trans}}  <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.categorie,{'attr': {'class': 'js-example-basic-single js-states form-control'}}) }}
                        </div>

                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T36' | trans}}  <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.formation,{'attr': {'class': 'js-example-basic-single js-states form-control', '' : ''}}) }}
                        </div>

                        <div class="form-actions">
                            {% if app.request.locale =='ar' %}
                                <button type="submit" class="btn btn-primary pull-left">
                                    {{'PresentielleSession.T37' | trans}} <i class="fa fa-arrow-circle-left"></i>
                                </button>
                            {% else %}
                                <button type="submit" class="btn btn-primary pull-right">
                                    {{'PresentielleSession.T37' | trans}} <i class="fa fa-arrow-circle-right"></i>
                                </button>
                            {% endif %}

                        </div>
                        {{ form_end(form) }}
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/total-task/app/session/presentiel-session.js') }}"></script>
{% endblock %}