{% extends 'HirukoDynamicSurveysBundle:Default:baseCRUD.html.twig' %}
{% block scripts %}
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/datatable/dataTables.bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/jqueryUi/jquery-ui.css') }}"/>

    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/datatable/datatables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/datatable/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/jqueryUi/jquery-ui.js')}}"></script>
    <script type="text/javascript">
        var urlEditState = "{{ path('hiruko_edit_state_surveys') }}";
        var urlReview    = "{{ path('hiruko_review_surveys') }}";
        var urlAudit     = "{{ path('hiruko_audit_admin_surveys') }}";
    </script>
    
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    
{% endblock %}
{% block content %}
<div class="container">
    <div class="panel panel-default">
        <div class="panel-body">
            <div id="generalContent">
                <h2>{{ 'dynamicSurvey.title.surveyList'|trans([], 'LocalizationBundle')}}</h2><hr>
            </div>
            <div class="row">
                <div class="col-xs-12 form-group">
                    <a href="{{ path('hiruko_create_surveys')}}" class="btn btn-primary pull-right">
                        {{ 'dynamicSurvey.structSurvey.surveyNew'|trans([], 'LocalizationBundle')}}
                    </a>
                </div>
            </div>

            <table id="tableDynamiSurvey" class="table table-striped table-hover" style="width:100%">
                <thead>
                    <tr>
                        {% for head in listHead %}
                            <th>{{head}}</th>
                        {% endfor %}
                    </tr>
                </thead>
                <tbody>
                    {% for survey in surveys %}
                        <tr>
                            <td>{{survey.form_name}}</td>
                            <td>{{survey.modality}}</td>
                            <td>
                                {% if survey.state == 0 %}
                                    {{ 'dynamicSurvey.stateField.inactive'|trans([], 'LocalizationBundle')}}
                                {% else %}  
                                    {{ 'dynamicSurvey.stateField.active'|trans([], 'LocalizationBundle')}}
                                {% endif %}
                            </td>
                            <td align="center">
                                <button 
                                    type  = "button" 
                                    class = "btn btn-default btn-sm" 
                                    name  = "{{survey.id}}" 
                                    id    = "editar" 
                                    title = "{{'dynamicSurvey.columnNameTable.edit'|trans([], 'LocalizationBundle')}}" 
                                    alt   = "{{'dynamicSurvey.columnNameTable.edit'|trans([], 'LocalizationBundle')}}"
                                >
                                    <span class="glyphicon glyphicon-pencil"></span> 
                                </button>
                            </td>
                            <td align="center">
                                {% if survey.state == 0 %}
                                    <button 
                                        type  = "button" 
                                        class = "btn btn-primary btn-sm"
                                        name  = "{{survey.id}}" 
                                        id    = "activar" 
                                        title = "{{'dynamicSurvey.structSurvey.active'|trans([], 'LocalizationBundle')}}" 
                                        alt   = "{{'dynamicSurvey.structSurvey.active'|trans([], 'LocalizationBundle')}}"
                                    >
                                        <span class="glyphicon glyphicon-ok"></span>
                                    </button>
                                {% else %}
                                    <button 
                                        type  = "button" 
                                        class = "btn btn-danger btn-sm"
                                        name  = "{{survey.id}}" 
                                        id    = "inactivar" 
                                        title = "{{'dynamicSurvey.structSurvey.inactive'|trans([], 'LocalizationBundle')}}" 
                                        alt   = "{{'dynamicSurvey.structSurvey.inactive'|trans([], 'LocalizationBundle')}}"
                                    >
                                        <span class="glyphicon glyphicon-remove"></span>
                                    </button>
                                {% endif %}
                            </td>
                            <td align="center">
                                <button 
                                    type  = "button" 
                                    class = "btn btn-primary btn-sm"
                                    name  = "{{survey.id}}" 
                                    id    = "review" 
                                    title = "{{'dynamicSurvey.structSurvey.view'|trans([], 'LocalizationBundle')}}" 
                                    alt   = "{{'dynamicSurvey.structSurvey.view'|trans([], 'LocalizationBundle')}}"
                                >
                                    <span class="glyphicon glyphicon-eye-open"></span>
                                </button>
                            </td>
                            <td align="center">
                                <button 
                                    type  = "button" 
                                    class = "btn" 
                                    name  = "{{survey.id}}" 
                                    id    = "audit" 
                                    title = "{{'dynamicSurvey.title.change'|trans([], 'LocalizationBundle')}}" 
                                    alt   = "{{'dynamicSurvey.title.change'|trans([], 'LocalizationBundle')}}" 
                                >
                                    <span class="glyphicon glyphicon-list-alt"></span>
                                </button>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
                    
{# Visualizar Encuesta Dinamica #}            
<div id="viewDynamicSurvey"></div>

{# Visualizar Tabla Auditoria #}       
<div id="viewAudit"></div>

{# Visualizar Mensaje #} 
<div id="messageDynamicSurvey"></div>
{% endblock %}