{% extends "base.html.twig" %}
{% block main %}
    <div class="page-title">
        <div class="title_left">
            <h3>Proyecto: {{ proyecto.nombre }}</h3>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row">
        <div class="col-md-4">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Detalles <small></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li>
                                    <a href="{{ path("gestion_proyectos_edit", {'proyecto':proyecto.id}) }}">Editar</a>
                                </li>
                            </ul>
                        </li>
                    </ul>

                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table class="table table-responsive">
                        <tr>
                            <th>Cliente:</th>
                            <td>{{proyecto.cliente}}</td>
                        </tr>
                        <tr>
                            <th>Contrata:</th>
                            <td>{{ proyecto.contrata|default() }}</td>
                        </tr>

                    </table>
                    <h4>Descripción</h4>
                    <p>{{ proyecto.texto|nl2br() }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Preguntas <small></small></h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Nº</th>
                                <th>Enunciado</th>
                                <th>Tipo</th>
                            </tr>
                        <thead>
                        <tbody>
                            {% for pregunta in preguntas %}
                                <tr>
                                    <td>{{ pregunta.numero }}</td>
                                    <td>{{ pregunta.enunciado }}</td>
                                    <td>{{ pregunta.tipo|default() }}</td>
                                </tr>
                            {% endfor %}
                        <tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Establecimientos <small></small></h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <ul>
                        {% for establecimiento in proyecto.establecimientos %}
                            <li>{{ establecimiento}}</li>
                            {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-7">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Partes <small></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li>
                                    <a href="{{ path("gestion_proyectos_parte_add", {'proyecto':proyecto.id}) }}">Nuevo parte</a>
                                </li>
                                <li id="inp_adines">
                                    <a href="#" onclick="csvAdin(event);">CSV ADINES</a>
                                </li>
                                <form method="POST" action="{{ path("gestion_proyectos_csv_adin", {'proyecto':proyecto.id}) }}" enctype="multipart/form-data" style="display:none" id="adin_form">
                                    <input type="file" name="file" id="adin_file" accept=".csv, text/csv"/>
                                </form>
                            </ul>
                        </li>
                    </ul>

                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    {{ form_start(batch_delete_partes_form, {attr: {id: 'batch_delete_partes_form'}}) }}
                    <table class="table table-striped table-responsive DataTable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Establecimiento</th>
                                <th>Técnico</th>
                                <th>Estado</th>
                                <th>Eliminar</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for parte in proyecto.partes %}
                                <tr>
                                    <td><a href="{{ path("gestion_parte_view",{'parte':parte.id}) }}">{{ parte.ident }}</a></td>
                                    <td>{{ parte.establecimiento }}</td>
                                    {% if parte.tecnico is null %}
                                        {% if is_granted("ROLE_CLIENTE_WRITE") or is_granted("ROLE_GESTION")%}
                                            <td id="td_tecnico_{{ parte.id }}">
                                                <div id="tecnico_parte_{{ parte.id }}">
                                                    <select name="tecnico" onchange="habilitarConfirm('{{ parte.id }}')" class="select2">
                                                        <option>Asignar Técnico</option>
                                                        {% for tec in tecnicos %}
                                                            <option value="{{ tec.id }}">{{ tec }}</option>
                                                        {% endfor %}
                                                    </select>
                                                    {#<button style="visibility: hidden" id="button_{{ parte.id }}" onclick="assign('{{ parte.id }}')"><i class="fas fa-forward"></i></button>#}
                                                </div>
                                                <div class="modal fade" id="modal_{{ parte.id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-body">
                                                                <div class="row text-center">
                                                                    <p>Esta Seguro de asignar el Técnico ?</p>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                                                                <button type="button" class="btn btn-primary saveTecnico" onclick="assign('{{ parte.id }}')">Confirmar</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div><!-- Modal -->
                                            </td>
                                        {% else %}
                                            <td>
                                                Sin asignar
                                            </td>
                                        {% endif %}
                                    {% else %}
                                        <td>
                                            {{ parte.tecnico }}
                                        </td>
                                    {% endif %}
                                    <td>
                                        {% if (parte.fechaFin is null) and (parte.fechaInicio) is not null %}
                                            <i class="fas fa-cog fa-spin"></i>
                                        {% elseif (parte.fechaFin is not null) %}
                                            <i class="fas fa-check-circle"></i>
                                        {% else %}
                                            <i class="fas fa-times"></i>
                                        {% endif %}
                                    </td>
                                    <td>{{ form_widget(batch_delete_partes_form.parte[parte.id]) }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="5">
                                    <div class="pull-right">
                                        <label>¿Elminar partes seleccionados?:</label> <button class="btn btn-danger" type="submit">Eliminar</button>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                    {{ form_end(batch_delete_partes_form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock main %}

{% block javascripts %}
    <script>
        function csvAdin(event) {
            event.preventDefault();
            $("#adin_file").click();
            $("#adin_file").change(function () {
                if ($(this).val().split('.').pop().toLowerCase() == "") {
                    return;
                }
                if ($(this).val().split('.').pop().toLowerCase() == "csv") {
                    $("#adin_form").submit();
                } else {
                    alert("Solo ficheros CSV");
                }
            });
        }

    </script>
    <script>
        function habilitarConfirm(parteId){
            $("#modal_"+parteId).modal('show');
        }
        function assign(Idparte) {
            $("#modal_"+Idparte).modal('hide');
            var IdTecnico = $('#tecnico_parte_'+Idparte).find("select").find(":selected").val();
            $.ajax({
                type: "POST",
                url: "{{ path('gestion_tecnico_update_ajax') }}",
                data: {parte: Idparte, tecnico: IdTecnico}
            }).done(function (data) {
                td_tecnico = document.getElementById('tecnico_parte_'+Idparte);
                if (!td_tecnico) {
                    new PNotify({
                        type: 'error',
                        text: 'Elemento no Encontrado!'
                    });
                } else {
                    nombre = data.data["nombre"] + ' ' + data.data["apellidos"];
                    padre = td_tecnico.parentNode;
                    padre.removeChild(td_tecnico);
                    elemento1 = document.createElement('div');
                    elemento1.appendChild(document.createTextNode(nombre));
                    elemento1.id = 'tecnico_asignado_'+IdTecnico;
                    elemento2 = document.getElementById('td_tecnico_'+Idparte);
                    elemento2.appendChild(elemento1);
                    new PNotify({
                        type: 'success',
                        text: 'Técnico Asignado!'
                    });
                }
            });
        }
    </script>
    <script>
        $( function () {
            $('#batch_delete_partes_form').on('submit', function () {
                return confirm('¿Está seguro de eliminar los partes seleccionados?');
            });
        });
    </script>
{% endblock javascripts %}