{% extends "base.html.twig" %}

{% set puedeEnviarMensaje = is_granted('ROLE_TESORERO') or is_granted('ROLE_SECRETARIO') or is_granted('ROLE_ORGANIZACION') %}
{% set puedeResolver = is_granted('ROLE_SECRETARIO') or is_granted('ROLE_AUXILILAR_ORGANIZACION') %}

{% block stylesheets %}
    <link rel="stylesheet"
          href="{{ asset('assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
{% endblock stylesheets %}
{% block titulo %}Recursos para ponentes{% endblock %}
{% block body %}
    <div class="box box-primary">
        <div class="box-body">
            <div class="dataTables_wrapper form-inline dt-bootstrap">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="table-responsive">
                            <table id="mitabla" class="table table-bordered table-striped dataTable" role="grid"
                                   aria-describedby="mitabla_info">
                                <thead>
                                <tr role="row">
                                    <th tabindex="0" rowspan="1"
                                        colspan="1">
                                        #
                                    </th>
                                    <th class="sorting_asc col-md-3" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1" aria-sort="ascending">
                                        Trabajo
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Modalidad
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Agendado
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Solicitud
                                    </th>
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Resolución
                                    </th>
                                    <th>
                                    </th>
                                </tr>
                                </thead>
                                <tbody>

                                {% for trabajo in trabajos %}
                                    <tr role="row" class="odd">
                                        <td class="sorting_1">
                                            {{ trabajo.id }}
                                        </td>
                                        <td class="sorting_1">
                                            {{ trabajo.titulo }} (<a
                                                    href="{{ path('ver_perfil_publico', {'id': trabajo.autor.id | nzo_encrypt } ) }}">{{ trabajo.autor.nombre }} {{ trabajo.autor.primerapellido }}</a>
                                            {% if trabajo.lista_coautores %}
                                            , {{ trabajo.lista_coautores }}
                                            {% endif %})

                                        </td>
                                        <td>{{ trabajo.modalidad }}</td>
                                        <td>
                                            {% if trabajo.bloque %}
                                                {{ trabajo.bloque.dia }}, {{ trabajo.bloque.horaMinutosComienzo }} - {{ trabajo.bloque.horaMinutosFin }},
                                                {{ trabajo.bloque.lugar }}
                                            {% endif %}
                                        </td>
                                        <td>
                                            {{ trabajo.recursos.solicitud }}
                                        </td>
                                        <td>
                                            {{ trabajo.recursos.resolucion }}
                                        </td>
                                        <td>
                                            {% if trabajo.recursos.resuelto %}
                                                <button type="button" class="btn btn-default pull-right trigger"
                                                        onclick="cargarFormularioEdicion({{ trabajo.id }})"
                                                        data-toggle="modal"
                                                        data-target="#trabajoModal">
                                                    <i class="fa fa-pencil-square-o"></i>
                                                </button>
                                            {% else %}
                                                <button type="button" class="btn btn-warning pull-right trigger"
                                                        onclick="cargarFormulario({{ trabajo.id }})"
                                                        data-toggle="modal"
                                                        data-target="#trabajoModal">
                                                    <i class="fa fa-check-circle-o"></i>
                                                </button>
                                            {% endif %}

                                        </td>
                                    </tr>
                                {% endfor %}
                                <div class="modal fade" id="trabajoModal" tabindex="-1"
                                     role="dialog"
                                     aria-labelledby="comentarioModalLabel"
                                     aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <form action="{{ path('recursos_resolver') }}" method="post">
                                                <div class="modal-header">
                                                    <h5 class="modal-title"
                                                        id="modalTitulo"></h5>
                                                    <button type="button" class="close"
                                                            data-dismiss="modal"
                                                            aria-label="Cerrar">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                                <span class="pull-right">
                                                                    <strong><div class="inline"
                                                                                 id="modalModalidad"></div>
                                                                    </strong>
                                                                </span>
                                                    <div class="inline" id="modalTema"></div>
                                                    <br>
                                                    <div class="inline" id="modalNivel"></div>
                                                    <hr/>

                                                    <i class="fa fa-group margin-r-5"></i>
                                                    <div class="inline" id="modalAutores"></div>
                                                    <br/>

                                                    <i class="fa fa-calendar-o margin-r-5"></i>
                                                    <div class="inline" id="modalAgendado"></div>
                                                    <br/>

                                                    <i class="fa fa-home margin-r-5"></i>
                                                    <div class="inline" id="modalLugar"></div>
                                                    <hr/>
                                                    <i class="fa fa-question-circle-o margin-r-5"></i>
                                                    Solicitud
                                                    <blockquote>
                                                        <small>
                                                            <div class="inline" id="modalSolicitud"></div>
                                                        </small>
                                                    </blockquote>
                                                    <hr/>
                                                    <i class="fa fa-check-circle-o margin-r-5"></i>
                                                    Resolución <br/>
                                                    <div id="resolucion" class="form-group">
                                                        <textarea class="form-control" name="camporesolucion" cols="60" id="camporesolucion"></textarea><br>
                                                        <input type="checkbox" name="camporesuelto" value="1" checked>Resuelto<br>
                                                        <input type="hidden"  name="trabajo" id="hidden_trabajo">
                                                    </div>
                                                </div>
                                                <div class="modal-footer" id="modal-footer">
                                                    <input type="submit" class="btn btn-secondary"
                                                           value="Guardar">
                                                </div>
                                            </form>
                                        </div>

                                    </div>
                                </div>

                                </tbody>
                                <tfoot>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="modal modal-danger fade" id="eliminar-trabajo">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">¿Está seguro?</h4>
                </div>
                <div class="modal-body">
                    <p>Esto eliminará permanentemente el trabajo, ¿desea continuar?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">No, mantenerlo</button>
                    <a href="{{ path('borrar_trabajo_comite', {'id': 'article_id' }) }}" type="button"
                       class="btn btn-outline">Sí, eliminarlo</a>
                </div>
            </div>
        </div>
    </div>

{% endblock body %}
{% block javascripts %}
    <script src="{{ asset('assets/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('assets/bower_components/jquery-slimscroll/jquery.slimscroll.min.js') }}"></script>
    <script src="{{ asset('assets/bower_components/fastclick/lib/fastclick.js') }}"></script>
    <script>
        $(function () {
            $('#mitabla').DataTable({
                stateSave: true,
                "language": {
                    "sProcessing": "Procesando...",
                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sZeroRecords": "No se encontraron resultados",
                    "sEmptyTable": "Ningún dato disponible en esta tabla",
                    "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sSearch": "Buscar:",
                    "sUrl": "",
                    "sInfoThousands": ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Último",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
                "columns": [
                    {className: "no"},
                    {className: "filtrar"},
                    {className: "filtrar"},
                    {className: "filtrar"},
                    {className: "filtrar"},
                    {className: "filtrar"},
                    {className: "no"},
                ],
                "initComplete": function () {
                    this.api().columns().every(function () {
                        var column = this;
                        if ($(column.header()).hasClass('filtrar')) {
                            var select = $('<select><option value=""></option></select>')
                                .appendTo($(column.footer()).empty())
                                .on('change', function () {
                                    var val = $.fn.dataTable.util.escapeRegex(
                                        $(this).val()
                                    );

                                    column
                                        .search(val ? '^' + val + '$' : '', true, false)
                                        .draw();
                                });

                            column.data().unique().sort().each(function (d, j) {
                                select.append('<option value="' + d + '">' + d + '</option>')
                            });
                        }
                    });
                }
            });

        })
    </script>
    <script>

        function cargarFormulario(id) {
            $.ajax({
                url: '{{ path('recursos_ajax') }}',
                type: 'POST',
                dataType: 'json',
                data: {trabajo: id},
                success: function (data) {

                    $('#modalTitulo').html(data.titulo);
                    $('#modalTema').html(data.tema);
                    $('#modalModalidad').html(data.modalidad);
                    $('#modalNivel').html(data.nivel);
                    $('#modalAutores').html(data.autores);
                    $('#modalAgendado').html(data.agendado);
                    $('#modalLugar').html(data.lugar);
                    $('#modalSolicitud').html(data.solicitud);
                    $('#modalResolucion').html(data.resolucion);
                    $('#hidden_trabajo').val(id);

                }
            })
        }

        function cargarFormularioEdicion(id) {
            $.ajax({
                url: '{{ path('recursos_ajax') }}',
                type: 'POST',
                dataType: 'json',
                data: {trabajo: id},
                success: function (data) {

                    $('#modalTitulo').html(data.titulo);
                    $('#modalTema').html(data.tema);
                    $('#modalModalidad').html(data.modalidad);
                    $('#modalNivel').html(data.nivel);
                    $('#modalAutores').html(data.autores);
                    $('#modalAgendado').html(data.agendado);
                    $('#modalLugar').html(data.lugar);
                    $('#modalSolicitud').html(data.solicitud);
                    $('#camporesolucion').html(data.resolucion);
                    $('#hidden_trabajo').val(id);

                }
            })
        }

    </script>
{% endblock javascripts %}