{% extends "base.html.twig" %}
{% block stylesheets %}
    <link rel="stylesheet"
          href="{{ asset('assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
{% endblock stylesheets %}
{% block titulo %}Asignación de revisores{% 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>#</th>
                                    <th class="sorting_asc" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1" aria-sort="ascending" width="30%">
                                        Título
                                    </th>
                                    <th></th>
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Autor
                                    </th>
                                    {#                            <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                                                    colspan="1">
                                                                    Archivos
                                                                </th>#}
                                    <th class="sorting" tabindex="0" aria-controls="mitabla" rowspan="1"
                                        colspan="1">
                                        Revisores
                                    </th>
                                    <th></th>

                                </tr>
                                </thead>
                                <tbody>

                                {% for trabajo in trabajos %}
                                    <tr role="row" class="odd">
                                        <td>
                                            <a class="btn btn-default btn-xs" href="{{ path('mapa_revision_trabajo', {'id': trabajo.id | nzo_encrypt }) }}"><i class="fa fa-check-circle text-green"></i></a>
                                            <div class="pull-right">{{ trabajo.id }}</div>
                                        </td>
                                        <td class="sorting_1">
                                            <a href="{{ path('ver_trabajo', {'id': trabajo.id | nzo_encrypt }) }}"
                                            > {{ trabajo.titulo }}
                                            </a>
                                        </td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ vich_uploader_asset(trabajo.resumenArchivo,'archivo') }}"
                                                   class="btn btn-sm btn-default btn-flat" target="_blank"><i
                                                            class="fa fa-download"></i></a>
                                                {% if not ((trabajo.revision is null) or not (trabajo.revision.resumenArchivo)) %}
                                                    <a href="{{ path('subir_resumen_ciego', {'id': trabajo.id | nzo_encrypt }) }}"
                                                       class="btn btn-sm btn-default btn-flat"> <i
                                                                class="fa fa-eye-slash"></i></a>
                                                {% endif %}


                                            </div>
                                        </td>
                                        <td>
                                            {% include 'avatar.html' with {'usuario': trabajo.autor} %}
                                        </td>
                                        <td>
                                            {% if not (trabajo.revision is null) %}
                                                <ul class="list-inline">
                                                    {% for revisor in trabajo.revision.revisores %}
                                                        <li>
                                                            {% include 'avatar.html' with {'usuario': revisor.user } %}
                                                            <a href="{{ path('borrar_revisor', {'id': trabajo.id | nzo_encrypt, 'user_id': revisor.user.id | nzo_encrypt }) }}"><i
                                                                        class="fa fa-remove text-red"></i></a>
                                                        </li>
                                                    {% endfor %}
                                                </ul>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if  ((trabajo.revision is null) or not (trabajo.revision.resumenArchivo)) %}
                                                <a href="{{ path('subir_resumen_ciego', {'id': trabajo.id | nzo_encrypt }) }}"
                                                   class="btn btn-sm btn-warning btn-flat"> <i
                                                            class="fa fa-eye-slash"></i></a>
                                            {% else %}
                                                <a href="{{ path('asignar_revisores', {'id': trabajo.id | nzo_encrypt }) }}"
                                                   class="btn btn-sm btn-success btn-flat">
                                                    <i class="fa fa-hand-o-right"></i> Asignar
                                                </a>
                                            {% endif %}
                                        </td>

                                    </tr>
                                {% endfor %}

                                </tbody>
                                <tfoot>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="box box-danger box-solid">
                <div class="box-header">
                    <h3 class="box-title">Asignación definitiva de revisores</h3>
                </div>
                <div class="box-body">
                    Al presionar este botón se asignarán definitivamente los revisores, quienes tendrán acceso al
                    proceso de evaluación y se les enviará un mensaje notificándoles acerca de estas nuevas funciones.
                </div>
                <div class="box-footer">
                    <a href="{{ path('revisores_hacer_publico') }}" class="btn btn-sm btn-danger btn-flat btn-block">Asignación
                        definitiva y publicación</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 src="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.4/dist/sweetalert2.all.min.js"></script>
    <script>
        function confirmarBorrar(trabajoId) {
            swal({
                title: '¿Está seguro?',
                text: "Esto eliminará el archivo ciego, ¿desea continuar?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, eliminarlo',
                cancelButtonText: 'No, mantenerlo'
            }).then((result) => {
                if (result.value) {
                    var url = "{{ path('borrar_resumen_ciego', {'id': 'article_id' }) }}";
                    url = url.replace("article_id", trabajoId);
                    window.location.href = url;
                }
            }).catch(swal.noop);
        }
    </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: "no"},
                    {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>


{% endblock javascripts %}