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

{% block title %} {{'PresentielleSession.T13' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'PresentielleSession.T14' | trans}} {% endblock %}
{% block breadcrumb2 %} {{'PresentielleSession.T15' | 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.T16' | trans}}
                        </legend>
                        {{ form_start(form, {'method': 'post', 'attr' : {'id' : 'formSessionPresentiel'}}) }}
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T17' | trans}}  <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'required' : 'true', 'placeholder' : 'PresentielleSession.T18' | trans }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T19' | trans}}  <span class="symbol required"></span>
                            </label>

                            {% if app.request.locale == 'ar' %}
                                <div class="input-group input-daterange datepicker">
                                    {{ form_widget(form.endDate, { 'attr': {'class': 'form-control input-group', 'placeholder' : 'PresentielleSession.T21' | trans }}) }}
                                    <span class="input-group-addon bg-primary"> <i class="fa fa-calendar"></i> </span>
                                    {{ form_widget(form.startDate, { 'attr': {'class': 'form-control input-group', 'required' : 'true', 'placeholder' : 'PresentielleSession.T20' | trans }}) }}
                                </div>
                            {% else %}
                                <div class="input-group input-daterange datepicker">
                                    {{ form_widget(form.startDate, { 'attr': {'class': 'form-control input-group', 'required' : 'true', 'placeholder' : 'PresentielleSession.T20' | trans }}) }}
                                    <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' : 'PresentielleSession.T21' | trans }}) }}
                                </div>
                            {% endif %}

                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T22' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.time, { 'attr': {'class': 'form-control', 'required' : 'true', 'id' : 'timepicker-default', 'value' : 0, }}) }}
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{'PresentielleSession.T23' | 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.T24' | 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.T25' | 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.T26' | trans}} <i class="fa fa-arrow-circle-left"></i>
                                </button>
                            {% else %}
                                <button type="submit" class="btn btn-primary pull-right">
                                    {{'PresentielleSession.T26' | 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 %}