{% extends 'Backend/_layout.html.twig' %}

{% block page_title %}
    <h3 class="page-title"> Catégories
        <small>affichage d'une catégorie</small>
    </h3>
{% endblock %}

{% block stylesheet %}
    <link href="{{ asset('backend/assets/global/plugins/datatables/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Informations</span>
            </div>
        </div>
        <div class="portlet-body form">
            <form action="#" class="form-horizontal">
                <div class="form-body">
                    <div class="form-group">
                        <label class="col-md-3 control-label">Nom</label>
                        <div class="col-md-4">
                            <p class="form-control-static">
                                {{ category.name }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <a class="btn default" href="{{ path('backend_category_index') }}">Retour</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {#
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Liste des enquêtes de la catégorie</span>
            </div>
        </div>
        <div class="portlet-body">
            <table id="table_enquetes" class="table table-striped table-bordered table-hover table-checkable order-column">
                <thead>
                <tr>
                    <th style="width:80px;">Id</th>
                    <th>ID Enquête</th>
                    <th>Nom</th>
                    <th>Type</th>
                    <th>Catégorie</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for survey in category.surveys %}
                    {% if survey.type == 0 %}
                        <tr class="odd gradeX">
                            <td>{{ survey.id }}</td>
                            <td>#{{ survey.idSurvey }}</td>
                            <td>{{ survey.name }}</td>
                            <td>{{ survey.typeFormatted }}</td>
                            <td>{{ survey.category }}</td>
                            <td>{{ survey.statusFormatted }}</td>
                            <td>
                                <a href="{{ path('admin_survey_show', { 'id': survey.id }) }}" class="label label-success">afficher</a>
                                <a href="{{ path('admin_survey_enquete_edit', { 'id': survey.id }) }}" class="label label-success">éditer</a>
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>


    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Liste des pré-recrutements de la catégorie</span>
            </div>
        </div>
        <div class="portlet-body">
            <table id="table_pre-recrutements" class="table table-striped table-bordered table-hover table-checkable order-column">
                <thead>
                <tr>
                    <th style="width:80px;">Id</th>
                    <th>ID Pré-recrutement</th>
                    <th>Nom</th>
                    <th>Type</th>
                    <th>Catégorie</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for survey in category.surveys %}
                    {% if survey.type == 1 %}
                        <tr class="odd gradeX">
                            <td>{{ survey.id }}</td>
                            <td>#{{ survey.idSurvey }}</td>
                            <td>{{ survey.name }}</td>
                            <td>{{ survey.typeFormatted }}</td>
                            <td>{{ survey.category }}</td>
                            <td>{{ survey.statusFormatted }}</td>
                            <td>
                                <a href="{{ path('admin_survey_show', { 'id': survey.id }) }}" class="label label-success">afficher</a>
                                <a href="{{ path('admin_survey_pre_recrutement_edit', { 'id': survey.id }) }}" class="label label-success">éditer</a>
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

#}
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Liste des tests de la catégorie</span>
            </div>
        </div>
        <div class="portlet-body">
            <table id="table_tests" class="table table-striped table-bordered table-hover table-checkable order-column">
                <thead>
                <tr>
                    <th style="width:80px;">Id</th>
                    <th>ID Test</th>
                    <th>Nom</th>
                    <th>Type</th>
                    <th>Catégorie</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for survey in category.surveys %}
                    {% if survey.type == 2 %}
                        <tr class="odd gradeX">
                            <td>{{ survey.id }}</td>
                            <td>#{{ survey.idSurvey }}</td>
                            <td>{{ survey.name }}</td>
                            <td>{{ survey.typeFormatted }}</td>
                            <td>{{ survey.category }}</td>
                            <td>{{ survey.statusFormatted }}</td>
                            <td>
                                <a href="{{ path('admin_survey_show', { 'id': survey.id }) }}" class="label label-success">afficher</a>
                                <a href="{{ path('admin_survey_test_edit', { 'id': survey.id }) }}" class="label label-success">éditer</a>
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block javascript %}
    <script src="{{ asset('backend/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#table_enquetes').dataTable({
                "order": [[ 0, "desc" ]]
            });

            $('#table_pre-recrutements').dataTable({
                "order": [[ 0, "desc" ]]
            });

            $('#table_tests').dataTable({
                "order": [[ 0, "desc" ]]
            });
        });
    </script>
{% endblock %}