{% extends "base.html.twig"%}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}


    {% block titulo %}
        {% if (id_proyecto == null) %} - <a href="{{path('projectInitial',{ 'idproyectos':idproyectos})}}">{{proyectos.proyecto}}</a> - <a href="{{path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule})}}">{{modulo.modulo}}</a> {% endif %} {% endblock %}
    {% block menuTop %}
        {% if (id_proyecto == null) %}
        <div class="col-lg-12 col-xs-12">
            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
        </div>
        {% endif %}
    {%endblock %}



{%block dashboard %}
        <style>
            @media (max-width: 767px) {
                .xs-m-t-0, .main {
                    margin-top: 100px;
                }
            }
            #frmProductos fieldset{
                padding: 15px;
                border-radius: 5px;
                border: 1px solid #D3D3D3;
            }
            #frmProductos legend{
                border-bottom: 0 !important;
                width: auto !important;
            }
            .centrado{
                position :relative !important;
                left: 25% !important;
            }
            .row{
                padding-top: 5px;
            }
            .nav-tabs>li.active>a{
                color: #555;
                cursor: default;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
            }
            .nav-tabs>li.active>a:hover{
                color: #555;
                cursor: default;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
            }
            .nav-tabs>li.active>a:focus{
                color: #555;
                cursor: default;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
            }
            .dropdown-menu a{
                cursor: pointer;
            }

            .tablesorter-pager select {
                margin: 0;
                padding: 0;
                width: 50px;
            }

            table.tablesorter thead tr th, table.tablesorter tfoot tr th {
                background-color: #aa0001;
                border: 1px solid #FFF;
                font-size: 8pt;
                padding: 4px;
                color: white;
            }

            .table th{
                font-size: 7pt;
            }
            .table td{
                font-size: 7pt;
            }

            .tablesorter-header-inner, table.tablesorter thead tr th, .tablesorter-filter {
                color: #fff;
                background-color: #082a99;
                border-color: #2643a5;

            }

            table.tablesorter thead tr th {

                height: 40px;
            }

            .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {
                background-color: #082a99;
            }

            .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {
                background-color: #082a99;
            }

            .tablesorter-blue .tablesorter-filter-row td {
                background: #2643a5;
            }

            /*** loading ajax indeterminate progress indicator ***/
            #tablesorterPagerLoading {
                background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
                position: absolute;
                z-index: 1000;
            }
            .isloading-wrapper.isloading-right{margin-left:10px;}
            .isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

                /*Glyphicon Spinner*/
            .glyphicon-spin {
                -animation: spin .9s infinite linear;
                -webkit-animation: spin2 .9s infinite linear;
            }
            @-webkit-keyframes spin2 {
                from { -webkit-transform: rotate(0deg);}
                to { -webkit-transform: rotate(360deg);}
            }
            @keyframes spin {
                from { transform: scale(1) rotate(0deg);}
                to { transform: scale(1) rotate(360deg);}
            }
            #mdialTamanio{
          width: 70% !important;
        }
        </style>
    {% if (id_proyecto == null) %}
        <script>

        function deleteRowD(id, nombre, idMd, pdCantidad, mdCantidad, idTipoMv,idUbicacion,idTipoUbicacion,destino,tipoDestino,idItem,idMov){
            $('#idequipo').append($('<option>', {
                value: id,
                text: nombre
            }));

            var i = idproductoAdd.indexOf("" + id + "");
            idproductoAdd.splice(i, 1);

            $("#idequipo").change();
            $("#row"+id).remove();
            //alert(userAddId);
            var idPd = id;
            var idMd = idMd;
            var pdCantidad = pdCantidad;
            var idTipoMv = idTipoMv;
            var idUbicacion = idUbicacion;
            var idTipoUbicacion = idTipoUbicacion;
            var destino = destino;
            var tipoDestino = tipoDestino;
            var idItem = idItem;
            var idMov = idMov;
            var num = num;
            //alert(idMov);
            //alert(num);

            $.ajax({
                type:'POST',
                url:'{{ path('numItems',{'idproyectos':idproyectos})}}',
                data:{ $idmovimiento:idMov }
            }).done(function (json) {
                var obj = jQuery.parseJSON(json);
                numItems0 = obj.numItems;
                numItems = numItems0[0].num;
                //alert(numItems);
                if (numItems == 1) {

                  swal({
                      title: 'Eliminar',
                      text: "No podra revertir una vez confirmado",
                      type: 'error',
                      showCancelButton: true,
                      confirmButtonColor: '#3085d6',
                      cancelButtonColor: '#d33',
                      confirmButtonText: 'SI, Borrar!'
                  }).then(function () {
                      $("#cargar").css('display','');
                      $.ajax({
                          type: 'POST',
                          url: '{{ path('deleteExit',{'idproyectos':idproyectos}) }}',
                          data:{ $idmovimiento:idMov }
                      }).done(function (json) {

                          $("#cargar").css('display','none');

                          $("#modalTecnico").modal('hide');
                          swal(
                                  'Deleted!',
                                  'Your file has been deleted.',
                                  'success'
                          )

                          table.ajax.reload(function ( json ) {
                              $("#cargar").css('display','none');
                          });
                      });
                  })

                }else {
                  $.ajax({
                      type: 'POST',
                      url: '{{ path('deleteRow',{'idproyectos':idproyectos}) }}',
                      data:{ $idPd:idPd, $idMd:idMd, $pdCantidad:pdCantidad, $mdCantidad:mdCantidad,$idTipoMv:idTipoMv,
                         $idUbicacion:idUbicacion, $idTipoUbicacion:idTipoUbicacion, $destino:destino, $tipoDestino:tipoDestino, $idItem:idItem}
                  }).done(function (response) {

                  });
                }
            })

        };

            $(function(){

                var table = $('#example').DataTable( {
                    dom: 'Bfrtip',
                    "ajax": {
                        "url": "{{ path('showMovPend',{'idproyectos':idproyectos,'idmodule':idmodule}) }}",
                        "type": "POST",
                        data:  function( d ) {
                            d.idproveedor= $('#idproveedor').val();
                        }
                    },
                    columns: [
                        { "data": "id" },
                        { "data": "tipoM" },
                        { "data": "estado" },
                        { "data": "nombreEntrega" },
                        { "data": "nombreRecibe" },
                        { "data": "fecha_movimiento" },
                        { "data": null}
                    ],
                    columnDefs: [
                        { orderable: false, targets: [ 1 ] ,
                            "targets": -1,
                            "data": "idorden",
                            "defaultContent": "<button class='btn btn-info'><i class='fa fa-search' aria-hidden='true'></i></button>"
                        }
                    ],
                    lengthMenu: [
                        [  25, 50, -1 ],
                        [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                    ],
                    buttons: [
                        'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                    ]
                } );

                $('#example tbody').on( 'click', 'button', function () {
                    $("#cargar").css('display','');
                    var data = table.row( $(this).parents('tr') ).data();
                    $.ajax({
                        type:'POST',
                        url:'{{ path('showSalidasAlmacenDeta',{'idproyectos':idproyectos,'idmodule':idmodule})}}',
                        data:{$idmovimiento:data.id}
                    }).done(function (json) {
                        var obj = jQuery.parseJSON(json);
                        console.log(obj);
                        idmovimiento = obj.movimiento;
                        detalleMovimientos = obj.detalleMovimiento;
                        datosMovimiento = obj.estadoMovimiento;

                        $("#tipoM").val(detalleMovimientos[0].mov);
                        $("#entrega").val(detalleMovimientos[0].entrega);
                        $("#recibe").val(detalleMovimientos[0].responsable);

                        $("#fechaMovimiento").val(datosMovimiento[0].fecha_movimiento);
                        $("#tecnicoAsignado").val(datosMovimiento[0].id_recibe);
                        $("#idmovimiento").val(idmovimiento);
                        $("#tecnicoAsignado").change();
                        $("#observacionesMov").val(datosMovimiento[0].observacion);
                        $("#tipomovimiento").val(datosMovimiento[0].TipoM);
                        $("#idtipomovimiento").val(datosMovimiento[0].id_tipo_movimiento);
                        $("#idOrigen").val(detalleMovimientos[0].origen);
                        $("#idDestino").val(detalleMovimientos[0].destino);

                        if(datosMovimiento[0].idestados == 176 ){

                            $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician, #agregarEquipo, #equipos, #consumibles").css('display', 'none');
                            $("#fechaMovimiento").attr('readonly',true);
                            $("#tecnicoAsignado").attr('readonly',true);
                            $("#tecnicoAsignado").change();
                            $("#observacionesMov").attr('readonly',true);
                            $("#idequipo").attr('readonly',true);
                            $("#tipoM").attr('readonly',true);
                            $("#entrega").attr('readonly',true);
                            $("#recibe").attr('readonly',true);

                        }else{

                            $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician, #agregarEquipo, #equipos, #consumibles").css('display', '');
                            $("#fechaMovimiento").attr('readonly',true);
                            $("#tecnicoAsignado").attr('readonly',false);
                            $("#tecnicoAsignado").change();
                            $("#observacionesMov").attr('readonly',false);
                            $("#idequipo").attr('readonly',false);
                            $("#tipoM").attr('readonly',true);
                            $("#entrega").attr('readonly',true);
                            $("#recibe").attr('readonly',true);
                        }

                        console.log(obj);
                        idproductoAdd = new Array();
                        $('#tbodyAdd').empty();
                        tr = "";
                        for(i=0;i< detalleMovimientos.length; i++){
                            nomUser = "'"+detalleMovimientos[i].descripcion+"'";

                            idproductoAdd.push("" + detalleMovimientos[i].idproducto + "");
                            tr += '<tr id="row'+detalleMovimientos[i].idproducto+'"><td>'+detalleMovimientos[i].codigo+'</td><td>'+detalleMovimientos[i].descripcion+'</td><td>'+detalleMovimientos[i].serie+'</td><td>'+detalleMovimientos[i].Udm+'</td><td>'+detalleMovimientos[i].tipo+'</td><td>'+detalleMovimientos[i].categoria+'</td><td>'+detalleMovimientos[i].subcategoria+'</td><td  id="cantidadItem'+detalleMovimientos[i].idproducto+'">'+detalleMovimientos[i].cantidad+'</td><td>'+detalleMovimientos[i].ubicacion+'</td><td>'+detalleMovimientos[i].responsable+'</td>';
                            if(datosMovimiento[0].idestados != 176 ){
                                tr += '<td><button class="btn btn-danger"  onclick="deleteRowD('+detalleMovimientos[i].idproducto+', '+nomUser+','+detalleMovimientos[i].id+','+detalleMovimientos[i].pdCantidad+','+detalleMovimientos[i].cantidad+','+detalleMovimientos[i].id_tipo+','+detalleMovimientos[i].fromIdUbicacion+','+detalleMovimientos[i].fromIdtipoUbicacion+','+detalleMovimientos[i].destino+','+detalleMovimientos[i].tipoDestino+','+detalleMovimientos[i].idItem+','+detalleMovimientos[i].idMov+')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>';
                            }

                        }
                        $('#tbodyAdd').append(tr);
                        $("#cargar").css('display','done');
                        $("#modalTecnico").modal();
                        $("#btnCheckingExit, #btnDeleteExit").attr('idmovimiento', idmovimiento );

                    })
                    //location.href = "{{path('showSalidasAlmacenDeta',{'idproyectos':idproyectos,'idmodule':idmodule, 'idmovimiento':'nuevo'})}}?idmovimiento=" + data.id;

                });


                $("#btnDeleteExit").click(function () {
                    idmovimiento = $(this).attr('idmovimiento');
                    swal({
                        title: 'Eliminar Salida',
                        text: "No podra revertir una vez confirmado",
                        type: 'error',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'SI, Borrar!'
                    }).then(function () {
                        $("#cargar").css('display','');
                        $.ajax({
                            type: 'POST',
                            url: '{{ path('deleteExit',{'idproyectos':idproyectos}) }}',
                            data:{ $idmovimiento:idmovimiento }
                        }).done(function (json) {

                            $("#cargar").css('display','none');

                            $("#modalTecnico").modal('hide');
                            swal(
                                    'Deleted!',
                                    'Your file has been deleted.',
                                    'success'
                            )

                            table.ajax.reload(function ( json ) {
                                $("#cargar").css('display','none');
                            });
                        });
                    })

                });

                $("#btnCheckingExit").click(function () {
                    idmovimiento = $(this).attr('idmovimiento');
                    idtipomovimiento = $("#idtipomovimiento").val();
                    tipomovimiento = $("#tipomovimiento").val();
                    //alert(tipomovimiento);
                    if (tipomovimiento == 'SALIDA' || tipomovimiento == 'TECNICOS') {
                      idOrigen = $("#idOrigen").val();
                      idDestino = $("#idDestino").val();
                      swal({
                          title: 'Confirmar',
                          text: "No podra revertir una vez confirmado",
                          type: 'success',
                          showCancelButton: true,
                          confirmButtonColor: '#3085d6',
                          cancelButtonColor: '#d33',
                          confirmButtonText: 'Continuar'
                      }).then(function () {
                          $("#cargar").css('display','');
                          $.ajax({
                            type: 'POST',
                            url: '{{ path('checkingExitOut',{'idproyectos':idproyectos}) }}',
                            data: {$idmovimiento:idmovimiento,$tipoMovimiento:idtipomovimiento,$idtecnico:idDestino,$idsitio:idDestino,$idproveedor:idDestino}
                          }).done(function (json) {

                              $("#cargar").css('display','none');
                              $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
                              swal(
                                      'Bien !',
                                      'Movimiento Cerrado con Exito',
                                      'success'
                              )

                              table.ajax.reload(function ( json ) {
                                  $("#cargar").css('display','none');
                              });
                          });
                      })

                    }else if (tipomovimiento == 'BODEGAS') {
                      idOrigen = $("#idOrigen").val();
                      idDestino = $("#idDestino").val();
                      swal({
                          title: 'Confirmar',
                          text: "No podra revertir una vez confirmado",
                          type: 'success',
                          showCancelButton: true,
                          confirmButtonColor: '#3085d6',
                          cancelButtonColor: '#d33',
                          confirmButtonText: 'Continuar'
                      }).then(function () {
                          $("#cargar").css('display','');
                          $.ajax({
                            type: 'POST',
                            url: '{{ path('checkingExitBode',{'idproyectos':idproyectos}) }}',
                            data:{ $idmovimiento:idmovimiento, $almacen:idDestino }
                            //data: {$idmovimiento:idmovimiento,$tipoMovimiento:idtipomovimiento,$idtecnico:idDestino,$idsitio:idDestino,$idproveedor:idDestino}
                          }).done(function (json) {

                              $("#cargar").css('display','none');
                              $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
                              swal(
                                      'Bien !',
                                      'Movimiento Cerrado con Exito',
                                      'success'
                              )

                              table.ajax.reload(function ( json ) {
                                  $("#cargar").css('display','none');
                              });
                          });
                      })
                    }else {
                      swal({
                          title: 'Confirmar',
                          text: "No podra revertir una vez confirmado",
                          type: 'success',
                          showCancelButton: true,
                          confirmButtonColor: '#3085d6',
                          cancelButtonColor: '#d33',
                          confirmButtonText: 'Continuar'
                      }).then(function () {
                          $("#cargar").css('display','');
                          $.ajax({
                            type: 'POST',
                            url: '{{ path('checkingExit',{'idproyectos':idproyectos}) }}',
                            data:{ $idmovimiento:idmovimiento,$tipoMovimiento:idtipomovimiento }
                          }).done(function (json) {

                              $("#cargar").css('display','none');
                              $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
                              swal(
                                      'Bien !',
                                      'Movimiento Cerrado con Exito',
                                      'success'
                              )

                              table.ajax.reload(function ( json ) {
                                  $("#cargar").css('display','none');
                              });
                          });
                      })
                    }
                    /*swal({
                        title: 'Confirmar',
                        text: "No podra revertir una vez confirmado",
                        type: 'success',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Continuar'
                    }).then(function () {
                        $("#cargar").css('display','');
                        $.ajax({
                            param
                        }).done(function (json) {

                            $("#cargar").css('display','none');
                            $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
                            swal(
                                    'Bien !',
                                    'Movimiento Cerrado con Exito',
                                    'success'
                            )

                            table.ajax.reload(function ( json ) {
                                $("#cargar").css('display','none');
                            });
                        });
                    })*/

                });


            });






        </script>

        <div class="col-sm-12  col-md-12 col-lg-12 col-xs-12 main">
            <h1><center>MOVIMIENTOS PENDIENTES</center></h1>
        </div>

        <table id="example" class="display nowrap" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>NRO MOVIMIENTO</th>
                <th>{{'ticketDetail.email.tipo' | trans | upper}}</th>
                <th>{{'ticketDetail.status' | trans}}</th>
                <th>ENTREGADO POR</th>
                <th>RECIBIDO POR</th>
                <th>{{'Fecha' | trans | upper}}</th>
                <th>{{'ticketDetail.status' | trans}}</th>
                <th></th>
            </tr>
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>


        <div class="modal modal-wide fade" id="modalTecnico" tabindex="-1" role="dialog" aria-labelledby="modalTecnico" style="width: 80%" >
            <div class="modal-dialog" id="mdialTamanio" role="document">

                <div class="modal-content">
                    <div class="modal-header  btn-success">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="exampleModalLabel"> CONFIRMAR</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-1"><label>{{'ticketDetail.comments.fecha' | trans}}:</label></div>

                            <div class="col-lg-4">
                                <div class='input-group date' >
                                    <input id="fechaMovimiento" name="fechaMovimiento" type='text'  class="form-control" placeholder="Seleccionar fecha" data-date-format="YYYY-MM-DD" required />
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                </div>
                            </div>

                            <div class="col-lg-1"><label>Tipo Movimiento:</label></div>
                            <div class="col-lg-4"><input type="text" class="form-control" id="tipoM" placeholder="Tipo Movimeinto" /></div>
                        </div>

                        <div class="row">
                            <div class="col-lg-1"><label>Entrega:</label></div>
                            <div class="col-lg-4"><input type="text" class="form-control" id="entrega" placeholder="Entrega" /></div>

                            <div class="col-lg-1"><label>Recibe:</label></div>
                            <div class="col-lg-4"><input type="text" class="form-control" id="recibe" placeholder="Recibe" /></div>
                        </div>

                        <div class="row">
                            <div class="col-lg-1"><label>{{'Observacion' | trans}}:</label></div>

                            <div class="col-lg-12">
                                <input type="hidden" id="idmovimiento">
                                <input type="hidden" id="tipomovimiento">
                                <input type="hidden" id="idtipomovimiento">
                                <input type="hidden" id="idOrigen">
                                <input type="hidden" id="idDestino">
                                <textarea id="observacionesMov" name="observacionesMov" class="form-control" style="resize: none" ></textarea>
                            </div>
                        </div>
                        <br>

                        <div class="row">
                            <div class="col-lg-12">
                                <table class="table tablesorter table-bordered">
                                    <thead>
                                    <th>Código</th>
                                    <th>Descripción</th>
                                    <th>Serie</th>
                                    <th>Unidad de Medida</th>
                                    <th>{{'ticketDetail.email.tipo' | trans | upper}}</th>
                                    <th>{{'site.category' | trans | upper}}</th>
                                    <th>SUB-{{'site.category' | trans | upper}}</th>
                                    <th>{{'Cantidad' | trans | upper}}</th>
                                    <th>TIPO UBICACION</th>
                                    <th>UBICACION</th>
                                    <th></th>
                                    </thead>
                                    <tbody id="tbodyAdd">
                                    <tr></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                        <button class="btn btn-success" id="btnCheckingExit" style="display: none ;">Confirmar</button>
                        <button class="btn btn-danger" id="btnDeleteExit" style="display: none ;">Eliminar</button>
                    </div>
                </div>
            </div>
        </div>
    {% else %}

    <!-- Modal Actualizar Información-->
    <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary open-detalle" data-toggle="modal" data-target="#exampleModal">
          Actualizar Vallen
        </button>

        <div class="modal fade" id="modalDetail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Actualizar Proyectos Vallen</h5>
                <input type="hidden" id="idVALIDA"name="VALIDA" value="0">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button id="saveInf" type="button" class="btn btn-primary">Guardar Información</button>
              </div>
            </div>
          </div>
        </div>
    <!-- Fin Modal Actualizar Información -->


    <!-- Modal Actualizar SAP-->
    <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary open-detalle_SAP" data-toggle="modal" data-target="#exampleModal">
          Actualizar SAP
        </button>

        <div class="modal fade" id="modalDetailSAP" tabindex="-1" role="dialog" aria-labelledby="leModalLabelSAP" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="leModalLabelSAP">Actualizar Proyectos SAP</h5>
                <input type="hidden" id="idNumR"name="NumR" value="0">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button id="saveInfSap" type="button" class="btn btn-primary">Guardar Información</button>
              </div>
            </div>
          </div>
        </div>
    <!-- Fin Modal Actualizar ASP -->


    <!-- Modal Agregar Productos Sustitutos-->
    <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary open-detalle_ProdS" data-toggle="modal" data-target="#exampleModal">
          Agregar Sustitutos
        </button>

        <div class="modal fade" id="modalDetailProdS" tabindex="-1" role="dialog" aria-labelledby="leModalLabelProdS" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="leModalLabelProdS">Agregar Materiales Sustitutos</h5>
                <input type="hidden" id="idNumRProdS"name="NumRProdS" value="0">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          <form id="formProdS" method="POST">
              <div class="container-fluid">
                  <div class="row">
                    <div class="col-lg-6" id="parametros" >
                        <select class="form-control" id="almacen" name="almacen">
                            <option value="">{{ 'Seleccione Almacen' | trans }}</option>
                        </select>
                    </div>
                    <br /> <br /> <br />
                      <div class="col-lg-6" id="parametros" >
                          <select class="form-control" id="material" name="material">
                              <option value="">{{ 'Seleccione Material' | trans }}</option>
                          </select>
                      </div>
                      <br /> <br /> <br />
                      <div class="col-lg-6" id="parametros" >
                          <select class="form-control" id="materialS"  name="materialS[]">
                              <option value="">{{ 'Seleccione Material Sustituto' | trans }}</option>
                          </select>
                      </div>
                      <div class="checkbox">
                          <label><input type="checkbox" id="multiProdS">{{'Seleccionar Multiple Material Sustituto' | trans}}</label>
                      </div>
                    </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button id="saveProdS" type="button" class="btn btn-primary">Guardar Información</button>
              </div>
            </div>
            </form>
        </div>
      </div>
      </div>
    <!-- Fin Modal Agregar Productos Sustitutos -->

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-md-12">
                    <h1 class="text-right text-primary"><i class="fa fa-file-text-o"></i> {{ title }}</h1>
                </div>
            </div><br><br>
            <div class="row centrado">
                <div class="col-lg-3" id="parametros">
                    <select class="form-control" id="clientes">
                        <option value="">{{ 'Seleccione Cliente' | trans }}</option>
                        {% for cliente in clientes %}
                            <option value="{{cliente.id}}">{{ cliente.descripcion | trans }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-lg-3" id="parametros">
                    <select class="form-control" id="proyectos">
                        <option value="">{{ 'Seleccione Proyecto' | trans }}</option>
                    </select>
                </div>
                <div class="col-lg-3" id="parametros">
                    <button type="button" class="btn btn-primary col-lg-5" id="enviar">
                         Enviar
                    </button>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}

{% block javascripts %}
    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css')}}">
    <link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css')}}">
    <!--script src="{{ asset('js/jquery-1.12.4.js') }}"></script-->
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('js/jszip.min.js') }}"></script>
    <script src="{{ asset('js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('js/buttons.print.min.js') }}"></script>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script>
        $(function() {

            $('#enviar').prop("disabled", true);
            $('#proyectos').prop("disabled", true);

            $('#enviar').click(function(){
                var idpr = $('#proyectos').val();
                /*location.href = "{{path('dasboardAlmacenMx',{'idproyectos':idproyectos,'idmodule':idmodule,'idproyecto':'buscar'})}}?idproyecto="+idpr ;*/
                var url = "{{ path('dasboardAlmacenMx', {'idproyectos':idproyectos,'idmodule':idmodule,'idproyecto': "0000" }) | replace({'0000': '"+idpr+"'}) | raw }}";
                location.href = url;
                $.isLoading({
                    text: 'Loading',
                });
            });

            $('#proyectos').change(function(){
                if($(this).val() != ''){
                    $('#enviar').removeAttr("disabled");
                }else{
                    $('#enviar').prop("disabled", true);
                }
            });

            $('#clientes').change(function(){

                var $proyect_select = $('#proyectos');
                var data = {
                    cliente_id: $(this).val()
                };
                if ( $(this).val() == ''){
                    $proyect_select.empty();
                    $proyect_select.html("<option value=''>{{ 'Seleccione Proyecto' | trans }}</option>");
                    $('#enviar').prop("disabled", true);
                    $('#proyectos').prop("disabled", true);
                }else{

                    $.isLoading({
                        text: 'Loading',
                    });

                    $.ajax({
                        type: 'post',
                        url: '{{ path("proyectos_cliente") }}',
                        data: data,
                        success: function(data) {

                            $proyect_select.html("<option value=''>{{ 'Seleccione Proyecto' | trans }}</option>");
                            $('#proyectos').removeAttr("disabled");
                            for (var i = 0, total = data.length; i < total; i++) {
                                $proyect_select.append('<option value="'+ data[i].id_proyecto +'">' + data[i].descripcion + '</option>');
                            }

                            $.isLoading('hide');
                        }
                    });

                }
            });

            });



      function createTable(monitor){
          var header = Object.keys(monitor[0]);
          var table = '<form name="actualizarInf" id="actualizarInfForm" method="POST" > <table id="actualizartab" class="table-bordered table-hover table-striped tablesorter table-responsive col-xs-12 col-lg-12 tablesorter-blue"><thead>';

          for (var j = 0; j < header.length; j++) {
              table += "<th style='vertical-align:middle;' class='text-center'>" + header[j] + "</th>"
              }

            table += "</thead>";
            table += '<tr>';

          for (var i = 0; i < monitor.length; i++) {
              table += "<tr id="+i+">";
              for (var j = 0; j < header.length; j++) {
                  var clase = '';
                  if (header[j]=="CUENTA"){
                    table += "<td><div name='cuenta[]' id=CUENTA"+i+"><input type='text' style='text-align:center' value="+monitor[i][header[j]]+" readonly/></div></td>";
                  }else if (header[j]=="PROYECTO HERRAMIENTA"){
                    table += "<td><select name='herramienta[]' id=tre"+i+"></select></td>";
                  }else
                  table += "<td><input type='text' style='text-align:center' value ='" + monitor[i][header[j]]  + "' name='descripcion[]' class='" + clase +"'   style='vertical-align:middle;' readonly/></td>";
                  }
              table += "</tr>";
          }
          table += "</form/></table>";
          $('#idVALIDA').val(i);

          return table;

      };


      function createTableSAP(monitor,clientes){

          var header = Object.keys(monitor[0]);
          var table = '<form name="actualizarInfSAP" id="actualizarInfSapForm" method="POST" > <table id="tablaSap" class="table-bordered table-hover table-striped tablesorter table-responsive col-xs-12 col-lg-12 tablesorter-blue"><thead>';

          for (var j = 0; j < header.length; j++) {
              table += "<th style='vertical-align:middle;' class='text-center'>" + header[j] + "</th>"
              }

            table += "</thead>";
            table += '<tr>';

          for (var i = 0; i < monitor.length; i++) {
              table += "<tr id="+i+">";
          for (var j = 0; j < header.length; j++) {
            var clase = '';

            if(header[j]=="CUENTA"){
              table += "<td><select name='cuentaAsp[]' class='selectC' id=cuentaAsp"+i+" onchange='LlenarTecnologia(this.value,id);'><option value='0'>--- Seleccione ---</option>";
                for(var c = 0; c < clientes.length; c++){
                    table +="<option value='"+clientes[c]['descripcion']+"'>"+clientes[c]['descripcion']+"</option>";
                }
                table += "</select></td>";
            }else if(header[j]=="TECNOLOGIA"){
              table += "<td><select name='tecnologia[]' id=tecnologia"+i+"><option value='0'>--- Seleccione ---</option></select></td>";
            }else if(header[j]=="STORAGE LOCATION"){
            table += "<td><input type='text' style='text-align:center' value ='" + monitor[i][header[j]]  + "'  name='stoloc[]'  class='" + clase +"'   style='vertical-align:middle;' readonly/></td>";
            }else
            table += "<td><input type='text' style='text-align:center' value ='" + monitor[i][header[j]]  + "'  name='spestonum[]'  class='" + clase +"'   style='vertical-align:middle;' readonly/></td>";
            }

          table += "</tr>";
        }
          table += "</form/></table>";
          $('#idNumR').val(i);
          return table;
      };


    function LlenarTecnologia(cuenta, id){
        var idV = id.substring(9, id.length);
        var div = "#tecnologia"+idV;
        //alert(idV);

        $(div).empty();

        var data = {cuenta: cuenta,indice:idV}
        $.ajax({
          type: 'post',
          url: '{{ path("proyectos_descripcionAct") }}',
          data: data
          }).done(function(data) {
            var Voption = data.datalista;
            var div='#tecnologia'+data.indice;
            $(div + ' option').remove();
            //$(div).append('<option value="0">--- Seleccione ---</option>');
            for (var k = 0; k < Voption.length; k++) {
                $(div).append('<option value="'+ Voption[k].name +'">' + Voption[k].name + '</option>');
            }
          })
    }
        //llamar al modal fileupload
        $(document).on("click", ".open-detalle", function () {
        data = {};
          $.isLoading("show");
          $('#saveInf').attr("disabled", false);
          $('#modalDetail .modal-body').empty();
          $.getJSON('{{ path('ActualizarTecnologiasAlmacen_MX') }}', data, function (data) {
              var bateria = data.data;
              $('#modalDetail .modal-body').append(createTable(bateria));

             for (var i = 0; i < bateria.length; i++) {

             var data = {cuenta: bateria[i]['CUENTA'],indice:i}
            $.ajax({
              type: 'post',
              url: '{{ path("proyectos_descripcionAct") }}',
              data: data
              }).done(function(data) {
                var Voption = data.datalista;
                var divD='#tre'+data.indice;
                $(divD + ' option').remove();
                $(divD).append('<option value="0">--- Seleccione ---</option>');
                $(divD).append('<option value="123">CREAR NUEVO PROYECTO </option>');
                for (var k = 0; k < Voption.length; k++) {
                    $(divD).append('<option value="'+ Voption[k].value +'">' + Voption[k].name + '</option>');
                }
              })
            }

              $.isLoading("hide");
          })

          $('#modalDetail').modal('show');


      });


      $(document).ready(function(){
        $('#saveInf').click(function(){
            $('#saveInf').attr("disabled", true);
          var datos=$('#actualizarInfForm').serialize();
          var cantidadRegistros = $('#idVALIDA').val();

          var x = false;
          for (var i = 0; i < cantidadRegistros; i++) {
            var divD='#tre'+i;
            if($(divD).val() != '0') x = true;
          }

          if ( x == false) {
            swal(
                    'Stop!',
                    'Seleccione Proyecto Herraminta',
            )
            $('#saveInf').attr("disabled", false);
          }else {

          $.ajax({
            type: 'post',
            url: '{{ path("saveActualizarInfMX") }}',
            data: datos,
            success:function(r){
              $('#modalDetail').modal('hide');
              swal(
                      'Bien !',
                      'Tus datos se han guardado con exito',
                      'success'
              )

            }
          })
        }
      })
    })

///////////// Actualizar TecnologiasSAP//////////////////
//llamar al modal fileupload
$(document).on("click", ".open-detalle_SAP", function () {
data = {};
  $('#saveInfSap').attr("disabled", false);
  $('#modalDetailSAP .modal-body').empty();
    $.isLoading("show");
  $.getJSON('{{ path('ActualizarTecnologiasSAP') }}', data, function (data) {
      var bateria = data.data;
      var clientes = data.clientes;
      $('#modalDetailSAP .modal-body').append(createTableSAP(bateria,clientes));

    })

    $.isLoading("hide");

    $('#modalDetailSAP').modal('show');



});



$(document).ready(function(){

  $('#saveInfSap').click(function(){
    $('#saveInfSap').attr("disabled", true);
    var datos=$('#actualizarInfSapForm').serialize();
    var numeroRegistros = $('#idNumR').val();

    var x = false;
    for (var i = 0; i < numeroRegistros; i++) {
      var divD='#cuentaAsp'+i;
      if($(divD).val() != '0') x = true;
    }

    if ( x == false) {
      swal(
              'Stop!',
              'Seleccione Cuenta/Tecnologia',
      )
      $('#saveInfSap').attr("disabled", false);
    }else {

    $.ajax({
      type: 'post',
      url: '{{ path("saveActualizarSap") }}',
      data: datos,
      success:function(r){
        $('#modalDetailSAP').modal('hide');
        swal(
                'Bien !',
                'Tus datos se han guardado con exito',
                'success'
        )

      }
    })
  }
})
})
//////////////Fin ActualizarTecnologiasASP///////////////


//////////////Agregar Productos Sustitutos///////////////
$(document).on("click", ".open-detalle_ProdS", function () {
data = {};
  $('#saveProdS').attr("disabled", false);
  $('#modalDetailProdS .modal-body').empty();
  $.isLoading("show");
  $.getJSON('{{ path('AgregarProductosSustitutos') }}', data, function (data) {
      var productos = data.productos;
      var ubicacion = data.ubicacion;
      $('#material').empty();
      $('#material').append('<option value="0">Seleccione Material</option>');
      for(var c = 0; c < productos.length; c++){
          $('#material').append("<option value='"+productos[c]['codigo']+"'>"+productos[c]['codigo']+"</option>");
      }
      $('#materialS').empty();
      $('#materialS').append('<option value="0">Seleccione Material Sustituto</option>');
      for(var c = 0; c < productos.length; c++){
          $('#materialS').append("<option value='"+productos[c]['codigo']+"'>"+productos[c]['codigo']+"</option>");
      }

      $('#almacen').empty();
      $('#almacen').append('<option value="0">Seleccione Almacen</option>');
      for(var c = 0; c < ubicacion.length; c++){
          $('#almacen').append("<option value='"+ubicacion[c]['ubicacion']+"'>"+ubicacion[c]['ubicacion']+"</option>");
      }

    })

    $.isLoading("hide");

    $('#modalDetailProdS').modal('show');



});


$(document).ready(function(){
  $('#saveProdS').click(function(){
      $('#saveProdS').attr("disabled", true);
    var datos=$('#formProdS').serialize();

    var x = false;

    var ValM='#material';
    var ValMS='#materialS';


    if($(ValM).val() != '0' && $(ValMS).val() != '0' ) x = true;

    if ( x == false) {
      swal(
              'Stop!',
              'Seleccione Material y Material Sustito',
      )
      $('#saveProdS').attr("disabled", false);
    }else {

    $.ajax({
      type: 'post',
      url: '{{ path("saveProductosSustitutos") }}',
      data: datos,
      success:function(r){
        $('#modalDetailProdS').modal('hide');
        swal(
                'Bien !',
                'Tus datos se han guardado con exito',
                'success'
        )

      }
    })
  }
})
})

$("#multiProdS").click(function() {
    if ($(this).is(':checked')) {
        $("#materialS").attr({'multiple':true, size:10});
    } else {
        $("#materialS").removeAttr('multiple size');
    }
});


///////////////Fin Productos Sustitutos/////////////////





    </script>
{% endblock %}