{% extends "base.html.twig"%}
{% block titulo %} - <a href="{{path('projectInitial',{ 'idproyectos':idproyectos})}}">{{proyectos.proyecto}}</a> - <a href="{{path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule})}}">{{modulo.modulo}}</a>{% endblock %}
 {% block menuTop %}

     <div class="col-lg-12 col-xs-12" >
         <div>

             {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

         </div>


     </div>
           {%endblock %}
            {% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
        {% endblock %}
{%block dashboard %}

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.11/css/all.css" integrity="sha384-p2jx59pefphTFIpeqCcISO9MdVfIm4pNnsL08A6v5vaQc4owkQqxMV8kg4Yvhaw/" crossorigin="anonymous">
    <style>
            table input[type="text"]{ width: 90%; border:1px solid #e1e8ed;}
            table{ width: 60%; padding: 50px 20px 0px 20px;}
            table td{  padding: 0px 20px 0px 20px;}
            table tr{ height: 40px;}
            .nombreCampo{ width: 20%}
        </style>
        <script>
            $(function(){

                $(".expenses").change(function () {
                    valor = $(this).val();

                    var total = 0;
                    {% for gruv in gruvos %}
                    total = parseFloat(total) + parseFloat(($("#expensesId{{ gruv.idnetwact  }}").val()).replace(/[.*+?^${}()|[\]\\]/g,''));
                    {% endfor %}
                    $("#number291").val(total)
                    $("#number291").change();

                });



                sitiosMasivos = $("#sitiosMasivos").val();
                if (sitiosMasivos) {
                    idSitio = sitiosMasivos.split("|");
                    for (i = 1; i < idSitio.length; i++) {

                        $("#checkboxSitio" + idSitio[i]).attr('checked', 'true');
                        $("#checkboxNomSitio" + idSitio[i]).attr('checked', 'true');
                    }
                }
                $('.sitosMasivos').click(function () {
                    sitiosMasivos = $("#sitiosMasivos").val();
                    if ($(this).is(':checked')) {
                        $("#checkboxSitio" + $(this).val()).attr('checked', 'true');
                        $("#checkboxNomSitio" + $(this).val()).attr('checked', 'true');

                        if (sitiosMasivos.indexOf($(this).attr('id')) == -1) {
                            sitiosMasivos = sitiosMasivos + '|' + $(this).val();
                        }
                        $("#sitiosMasivos").val(sitiosMasivos);
                    } else {
                        $("#checkboxSitio" + $(this).val()).removeAttr('checked');
                        $("#checkboxNomSitio" + $(this).val()).removeAttr('checked');
                        sitiosMasivos = sitiosMasivos.replace('|' + $(this).val(), '');
                        $("#sitiosMasivos").val(sitiosMasivos);

                    }
                });
                $('.selectSitio').change(function () {
                    $(".selectSitio option[value='" + $(this).val() + "']").attr('selected', 'selected');
                });
                $('#btnticketMasivo').click(function () {
                    if ($(this).is(':checked')) {
                        $('.divMasivo').css('display', '');
                        $('.selectSitio').css('display', 'none');
                    } else {
                        $('.divMasivo').css('display', 'none');
                        $('.selectSitio').css('display', '');

                    }
                    ;
                });
                $('.filtroConsulta label').click(function () {

                    var opc = $(this).find(':radio').attr('id');
                    if (opc == 0) {
                        $('#trCodigoSitio').css('display', '');
                        $('#trNomSitio').css('display', 'none');
                    } else {
                        $('#trCodigoSitio').css('display', 'none');
                        $('#trNomSitio').css('display', '');

                    }
                });

                $('#insertSitio').click(function () {
                    $('#codigo').val($("#codigoSitio").val());
                    $('#sitio').val($("#nombreSitio").val());
                    $('#idSitio').val($("#idsitioInsert").val());
                    $('.sitioInsert input,.sitioInsert textarea').val('');
                    $('.sitioInsert textarea').text('');
                });
                $('.selectSitio').change(function () {
                    $('#idCategoria').load("{{path('cargarCategoriaElementos',{'idproyectos':idproyectos})}}", {$idSitio: $(this).val()});
                    //alert($(this).val());
                });
                $('.selectSitio').change(function () {
                    $('#idElemento').load("{{path('cargarElementos',{'idproyectos':idproyectos})}}", {$idSitio: $(this).val(), $idcategoria: null});
                    //alert($(this).val());
                });


                $("#sistemas").change(function () {
                    subsistema=  $("#sistemas option:selected").attr('subsistema');
                    $("#tipoSistema").val(subsistema)
                    $(".subsistema select").css('display','none');
                    $("#" + subsistema).css('display','block');
                });

            });
            function validFormHallazgo(){
                if($("#idtipoProceso").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Tipo Hallazgo');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#idFalla").val()=='') {
                    $("#alertModal h1").text('Debe ingresar IMPACTO');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#idsitioCodi").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Sitio');
                    $("#alertModal").modal('show');
                    return false;

                }
                {% for proyectosProcesoEtiqueta in proyectosProcesoEtiquetas %}
                if($("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").val()==''||$("#{{proyectosProcesoEtiqueta.type~proyectosProcesoEtiqueta.idetiquetas}}").val()=='00:00') {
                    $("#alertModal h1").text('Debe ingresar {{ proyectosProcesoEtiqueta.etiqueta }}');
                    $("#alertModal").modal('show');
                    return false;

                }
                {% endfor %}
                if($("#file").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Archivo');
                    $("#alertModal").modal('show');
                    return false;

                }
                if($("#obs").val()=='') {
                    $("#alertModal h1").text('Debe ingresar Descripcion');
                    $("#alertModal").modal('show');
                    return false;

                }

            }
            </script>
            <div class="container">
                <form action="{{ path('newLiquidacionManpower',{'idproyectos':idproyectos, 'idmodule':idmodule}) }}" enctype="multipart/form-data" method="POST" onsubmit="return validFormHallazgo();">
                    <br>
                        <h1>Crear Legalizacion</h1>
                    <br>
                    <table class="ui-widget ui-widget-content negrillas  col-xs-12 col-lg-8 col-md-8 col-lg-offset-4"  style="margin: auto;">

                        <tr>
                            <td>{{'ticketDetail.email.tipo' | trans}}</td>
                            <td>
                                <select id="idtipoProceso" name="campo[idtipoProceso]">
                                    <option></option>
                                    {% for tipoProceso in tipoProcesos%}
                                        <option value="{{tipoProceso.idtipoProceso}}">{{tipoProceso.tipoProceso}}</option>
                                    {% endfor %}
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td class="nombreCampo">Archivo</td>
                            <td>
                                <input type="file" name="archivo" id="file">
                            </td>
                        </tr>


                        <tr>
                            <td class="nombreCampo">FECHA INCIO</td>
                            <script>
                                $(function () {
                                    $("#datetime292").datetimepicker();
                                });
                            </script>
                            <td id="divdatetime292"> <div class="form-group">
                                    <div class="input-group date ">
                                        <input id="datetime292" name="campo[datetime292]" type="text" class="form-control" placeholder="Select end date" data-date-format="YYYY-MM-DD HH:mm" value="2018-05-04 08-27">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                                    </div>
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td class="nombreCampo">FECHA FIN</td>
                            <script>
                                $(function () {
                                    $("#datetime293").datetimepicker();
                                });
                            </script>
                            <td id="divdatetime293"> <div class="form-group">
                                    <div class="input-group date ">
                                        <input id="datetime293" name="campo[datetime293]" type="text" class="form-control" placeholder="Select end date" data-date-format="YYYY-MM-DD HH:mm" value="2018-05-04 08-27">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        {% if gruvos == true %}
                            {% for gruv in gruvos %}
                                <tr>

                                    <td class="nombreCampo">{{ gruv.descripcion }}</td>
                                    <td>
                                        <div class="form-group">
                                            <div class='input-group'   >
                                                <input name="idexpenses[]" value="{{ gruv.idnetwact }}" type="hidden">
                                        <input name="expenses[]" id="expensesId{{ gruv.idnetwact  }}" class="form-control expenses"  onkeyup="format(this)" onchange="format(this)" value="0" style="text-align: right">
                                                 <span class="input-group-addon"><span class="fas fa-dollar-sign"></span>
                                                </span>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        {% endif %}
                        <tr>
                            <td class="nombreCampo">VALOR TOTAL LEGALIZACION</td>
                            <td id="divnumber291">
                                <div class="form-group">
                                    <div class='input-group'   >
                                <input type="text" readonly class="form-control" onkeyup="format(this)" onchange="format(this)"  onkeypress="return permite(event,'num', this.value)" id="number291" name="campo[number291]" value="0.00" style="text-align: right">
                                    <span class="input-group-addon"><span class="fas fa-dollar-sign"></span>
                                                </span>
                                    </div>
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td class="nombreCampo"  colspan="2">Descripción</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center;"><textarea id="obs" name="campo[obs]" style=" width: 90%;"></textarea></td>
                        </tr>
                        <td  colspan="2" style="text-align: center;">
                            <input type="hidden" id="sitiosMasivos">
                            <button type="submit" class="btn btn-primary btn-lg" id="crearTicket">CREAR LEGALIZACION</button>
                            <a href="{{path('controlCasosIni',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">
                                <button type="button" class="btn btn-default btn-lg">{{'ticket.create.cancel' | trans}}</button>
                            </a>
                        </td>
                        </tr>
                                            </table>
                     </form>
                                    </div>

    <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">{{'dialog.alerta' | trans}}</h4>
                </div>
                <div class="modal-body">
                    <h1 class="title"></h1>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                </div>
            </div>
        </div>
    </div>

{%endblock %}