{% extends "base.html.twig" %}
{% block title %}Parte sin asignar{% endblock %}
{% block main %}
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Partes <small>Sin Asignar</small></h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table class="table table-striped DataTable">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Proyecto</th>
                                <th>Establecimiento</th>
                                <th>Técnico</th>
                                <th>Estado</th>
                            </tr>
                        <thead>
                        <tbody>
                            {% for proyecto in proyectos %}
                                {% for parte in proyecto.partes %}
                                    {% if parte.tecnico is null %}
                                        <tr id="parte_{{ parte.id }}">
                                            {% if is_granted("ROLE_CLIENTE_WRITE") or is_granted("ROLE_CLIENTE_READ") %}
                                                <td><a href="{{ path("gestion_parte_cliente_view",{'parte':parte.id})}}">{{ parte.ident }}</a></td>
                                                {% else %}
                                                <td><a href="{{ path("gestion_parte_view",{'parte':parte.id})}}">{{ parte.ident }}</a></td>
                                                {% endif %}
                                            <td>{{ parte.proyecto }}</td>
                                            <td>{{ parte.establecimiento }}</td>
                                            {% 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="ModalLabel" 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 %}
                                            <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>
                                        </tr>
                                    {% endif %}
                                {% endfor %}
                            {% endfor %}
                        <tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock main %}

{% block javascripts %}
    <script>
        function habilitarConfirm(parteId) {
            // document.getElementById("button_"+parteId).style.visibility='visible';
            $("#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) {
                tr_parte = document.getElementById('parte_' + Idparte);
                if (!tr_parte) {
                    new PNotify({
                        type: 'error',
                        text: 'Elemento no Encontrado!'
                    });
                } else {
                    padre = tr_parte.parentNode;
                    padre.removeChild(tr_parte);
                    new PNotify({
                        type: 'success',
                        text: 'Técnico Asignado!'
                    });
                }
            });
        }
    </script>

{% endblock javascripts %}