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

{% block title %} {{'Formation.T1' | trans}}  {% endblock %}
{% block breadcrumb1 %} {{'Formation.T2' | trans}}  {% endblock %}
{% block breadcrumb2 %} {{'Formation.T3' | trans}} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 space20">
                    <a class="btn btn-primary {%  if app.request.locale == 'ar' %} pull-right {% else %} pull-left {% endif %}" href="{{ path('formation_new') }}">
                        {{'Formation.T4' | trans}} <i class="fa fa-plus"></i></a>
                </div>
            </div>

            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="20%"><strong>{{'Formation.T5' | trans}}</strong></th>
                    <th class="hidden-xs center" width="15%"><strong>{{'Formation.T6' | trans}}</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>{{'Formation.T7' | trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{'Formation.T8' | trans}}</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>{{'Formation.T9' | trans}}</strong></th>
                    <th class="hidden-xs center" width="5%"><strong>{{'Formation.T10' | trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{'Formation.T11' | trans}}</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for formation in formations %}
                    <tr>
                        <td class="hidden-xs center">{{ formation.name }} </td>
                        <td class="hidden-xs center">{{ formation.category.name }} </td>
                        {% if app.request.locale =='ar' %}
                            <td class="hidden-xs center">{{ formation.score }}<b>%</b></td>
                            <td class="hidden-xs center">{{ formation.timer }} <b>دق</b></td>
                        {% else %}
                            <td class="hidden-xs center">{{ formation.score }} <b>%</b></td>
                            <td class="hidden-xs center">{{ formation.timer }} <b>s</b></td>
                            {% endif %}


                        <td class="hidden-xs center">
                            <span class="label label-inverse stylelabel">{{ formation.signataire1 }}</span>
                            <span class="label label-inverse"> {{ formation.signataire2 }}</span>
                        </td>
                        <td class="hidden-xs center">
                            <a href="{{ path('formation_status', {id: formation.id}) }}"
                               class="label {% if formation.enabled == 1 %}label-success{% else %}label-danger{% endif %}">
                                {% if formation.enabled == 1 %} {{'Formation.T12' | trans}}   {% else %} {{'Formation.T13' | trans}} {% endif %}
                            </a>
                        </td>
                        <td class="hidden-xs center">
                            <a class="btn btn-success btn-xs" title="{{'Formation.T14' | trans}}" href="{{ path('formation_edit', {id: formation.id}) }}">
                                <span class="fa fa-edit" style="color:white"></span></a>
                            <a href="{{ path('formation_delete',{'id':formation.id}) }}" class="btn btn-danger btn-xs user-remove" title="{{'Formation.T15' | trans}}" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}