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

{% block title %} {{'ElearningSession.T10' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'ElearningSession.T11' | trans}} {% endblock %}
{% block breadcrumb2 %} {{'ElearningSession.T12' | trans}} {% endblock %}
    {% block stylesheet %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('assets/total-task/css/session/elearning-session.css') }}"/>
    {% endblock %}
{% block content %}
    <div class="row">
        <div class="col-md-12 swMain">
            <div class="row">
                <div class="col-md-12">
                    {{ form_start(form, {'method': 'post', 'attr' : {'id' : 'formSessionElearning'}}) }}
                    <fieldset>
                        <legend>
                            {{'ElearningSession.T13' | trans}}
                        </legend>

                        <div class="form-group">
                            <label class="control-label">
                                {{'ElearningSession.T14' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'required' : 'true', 'placeholder' : 'ElearningSession.T15' | trans }}) }}
                        </div>

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

                        <div class="form-group">
                            <label class="control-label">
                                {{'ElearningSession.T17' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.formation,{'attr': {'class': 'js-example-basic-single js-states form-control', '' : ''}}) }}
                        </div>
                    </fieldset>
                    <fieldset>
                        <legend>{{'ElearningSession.T18' | trans}}</legend>
                        <div class="form-group">
                            <div class="media"
                                 data-prototype="{{ form_widget(form.elearningSessionMedias.vars.prototype)|e('html_attr') }}">
                                {% for m in form.elearningSessionMedias %}
                                    <div class="col-md-2">
                                        <div class=" form-group">

                                            {{ form_label(m.ordre, 'Ordre') }}

                                            <div class="form-control">
                                                {{ form_widget(m.ordre,{'attr': {'class': 'form-control', 'value' : 0}}) }}
                                            </div>
                                        </div>
                                        <div class=" form-group">
                                            {{ form_label(m.medias, 'Médias') }}

                                            <div class="form-control">
                                                {{ form_widget(m.medias,{'attr': {'class': 'js-example-basic-single js-states form-control', '' : ''}}) }}
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                        <div class="form-actions">
                            {% if app.request.locale == 'ar' %}
                                <button type="submit" class="btn btn-primary pull-left">
                                    {{'ElearningSession.T19' | trans}} <i class="fa fa-arrow-circle-left"></i>
                                </button>
                            {% else %}
                                <button type="submit" class="btn btn-primary pull-right">
                                    {{'ElearningSession.T19' | trans}} <i class="fa fa-arrow-circle-right"></i>
                                </button>
                            {% endif %}
                        </div>

                    </fieldset>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/total-task/app/session/elearning-session.js') }}"></script>
    <script>
        $(".js-example-basic-single").select2({
            dir: "rtl"
        });

    </script>
{% endblock %}