{% extends "base.html.twig"%}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}
{% 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" >
        {# if (idproyectosp == null) #}
            <div class="col-lg-12 col-xs-12" >
                {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
            </div>
        {# else %}
            <div class="col-lg-12 col-xs-12" >
                {{ render(controller("PortalBundle:Default:topModuleMx",{'idproyectos':idproyectosp,'idmodule':idmodule, 'idproyecto':idproyectos})) }}
            </div>
        {% endif #}
        <input type="hidden" id="idproyectosp" value="{{idproyectosp}}">
    </div>
{%endblock %}

{%block dashboard %}

    <style>
        .modal.modal-wide .modal-dialog {
            width: 90%;
        }
        .modal-wide .modal-body {
            overflow-y: auto;
        }


        .js-example-basic-single{
            width: 100%;
        }
        .js-example-basic-single .select2-arrow {
            background: white !important;
            background-image: none !important;
            border-left: none !important;
            margin-top: 5px !important;
        }
        .js-example-basic-single .select2-choice{
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }
        .js-example-basic-single .select2-choice:focus{
            border-color:#66afe9;
            outline:0;
            -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }
    </style>


<script>
    var idproductoAdd = new Array();

    function deleteRow(id, nombre){
        $('#idequipo').append($('<option>', {
            value: id,
            text: nombre
        }));

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

        $("#idequipo").change();
        $("#row"+id).remove();
        //alert(userAddId);
    };

    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 () {

        $('#fechaMovimiento').focus(function(){
            $('.input-group-addon').trigger("click");
        });


        $('.date').datetimepicker({});
        $('.time').datetimepicker({
            format: 'LT'
        });
        $("#agregarEquipo").click(function () {

            idequipo = $("#idequipo").val();
            if(idequipo != ''){
                idproductoAdd.push("" + idequipo + "");
                selectedItem = $("#idequipo option[value='"+idequipo+"']");
                //alert(selectedItem.attr('tipo'))
                tipo = selectedItem.attr('tipo');
                categoria = selectedItem.attr('categoria');
                subcategoria = selectedItem.attr('subcategoria');
                almacen = selectedItem.attr('almacen');
                serie = selectedItem.attr('serie');
                nomUser = "'"+selectedItem.text()+"'";
                codigo = selectedItem.attr('codigo');
                udm = selectedItem.attr('udm');

                if(idproductoAdd.length == 1) {
                   $('#tbodyAdd').append('<tr id="row'+idequipo+'"><td>' + codigo + '</td><td>' + selectedItem.text() + '</td><td>' + serie + '</td><td>' + udm + '</td><td>' + tipo + '</td><td>' + categoria + '</td><td>' + subcategoria + '</td><td id="cantidadItem'+idequipo+'">1</td><td><button class="btn btn-danger"  onclick="deleteRow(' + idequipo + ', '+nomUser+')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>');
                }else{
                    $('#tbodyAdd tr:last').after('<tr id="row'+idequipo+'"><td>' + codigo + '</td><td>' + selectedItem.text() + '</td><td>' + serie + '</td><td>' + udm + '</td><td>' + tipo + '</td><td>' + categoria + '</td><td>' + subcategoria + '</td><td id="cantidadItem'+idequipo+'">1</td><td><button class="btn btn-danger"  onclick="deleteRow(' + idequipo + ', '+nomUser+')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>');

                }

                $("#idequipo option[value='"+idequipo+"']").remove();
                $("#idequipo").val('');
                $("#idequipo").change();
            }else{
                swal('Error','Debe seleccionar equipo','error');
            }

        });
        $("#agregarConsumible").click(function () {

            idequipo = $("#idconsumible").val();
            cantidad = $("#cantidad").val();
            cantidadAlmacen = parseFloat($("#idconsumible option[value='" + idequipo + "']").attr('cantidad'));
            //alert(cantidad);
            //alert(cantidadAlmacen);
            cant = parseFloat(cantidad);
            if (isNaN(cant)){
                swal('Error', 'Introduzca un valor entero para el campo cantidad', 'error');
                return false;
            }else{cantidad = parseFloat(cantidad);}

            if (cantidadAlmacen < cantidad) {

                swal('Error', 'No tiene la cantidad solicitada en el almacen!! En el almance existen: ' + cantidadAlmacen, 'error');
                return false;
            }

            if (idequipo != ''){

                if ( cantidad != ''){
                        idproductoAdd.push("" + idequipo + "");
                        selectedItem = $("#idconsumible option[value='"+idequipo+"']");
                        //alert(selectedItem.attr('tipo'))
                        tipo = selectedItem.attr('tipo');
                        categoria = selectedItem.attr('categoria');
                        subcategoria = selectedItem.attr('subcategoria');
                        almacen = selectedItem.attr('almacen');
                        serie = selectedItem.attr('serie');
                        nomUser = "'"+selectedItem.text()+"'";
                        codigo = selectedItem.attr('codigo');
                        udm = selectedItem.attr('udm');

                        if(idproductoAdd.length == 1) {
                           $('#tbodyAdd').append('<tr id="row'+idequipo+'"><td>' + codigo + '</td><td>' + selectedItem.text() + '</td><td>' + serie + '</td><td>' + udm + '</td><td>' + tipo + '</td><td>' + categoria + '</td><td>' + subcategoria + '</td><td id="cantidadItem'+idequipo+'">'+cantidad+'</td><td><button class="btn btn-danger"  onclick="deleteRow(' + idequipo + ', ' + nomUser + ')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>');
                        }else{
                            $('#tbodyAdd tr:last').after('<tr id="row'+idequipo+'"><td>' + codigo + '</td><td>' + selectedItem.text() + '</td><td>' + serie + '</td><td>' + udm + '</td><td>' + tipo + '</td><td>' + categoria + '</td><td>' + subcategoria + '</td><td id="cantidadItem'+idequipo+'">'+cantidad+'</td><td><button class="btn btn-danger"  onclick="deleteRow(' + idequipo + ', '+nomUser+')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>');

                        }
                        $("#idconsumible option[value='"+idequipo+"']").remove();
                        $("#idconsumible").val('');
                        $("#idconsumible").change();
                    }else{
                      swal('Error','Debe ingresar cantidad','error');
                    }
                }else{
                    swal('Error','Debe seleccionar equipo','error');
                }

        });
        $("#saveOutTechnician").click(function () {
            //alert(idproductoAdd.length);
            if(idproductoAdd.length==0){
                alert('Debe Seleccionar Productos');
                return false;}
            if($("#tipoMov").val()==""){
                alert('Debe Seleccionar Tipo de Salida');
                return false;
            }else if($("#tipoMov").val()==9){
                if($("#selectSite").val()==''){
                    alert('Debe Seleccionar Sitio');
                    return false;

                }

            } else if ($("#tipoMov").val() == 11) {
                if ($("#selectProveedor").val() == '') {
                    alert('Debe Seleccionar Proveedor');
                    return false;

                }

            } else if ($("#tipoMov").val() == 99) {
                if ($("#selectBodega").val() == '') {
                    alert('Debe Seleccionar Bodega');
                    return false;

                }

            } else if ($("#tipoMov").val() == 6) {
                if ($("#tecnicoAsignado").val() == '') {
                    alert('Debe Seleccionar Tecnico');
                    return false;

                }

            }
            if($("#causa").val() == ''){
                alert('Debe Seleccionar Causa');
                return false;

            }
            causa = $("#causa").val();
            tipoMovimiento = $("#tipoMov").val();
            idsitio = $("#selectSite").val();
            idproveedor = $("#selectProveedor").val();
            idbodega = $("#selectBodega").val();
            //alert(idbodega);

                var cantidadAdd = new Array();
                fecha = $("#fechaMovimiento").val();
                tecnicoAsignado = $("#tecnicoAsignado").val();
                observacionesMov = $("#observacionesMov").val();
                idmovimiento = $("#idmovimiento").val();
                for(i=0;i< idproductoAdd.length;  i++){
                    cantidadAdd.push($("#cantidadItem"+idproductoAdd[i]).text());

                }
                $('#saveOutTechnician').css('display', 'none');
                $('#loading').css('display', '');
                //alert(cantidadAdd)
                $.ajax({
                    type:'POST',
                    url:'{{ path('saveExittoTechnician',{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data:{
                        $idmovimiento:idmovimiento,$fecha:fecha,
                        $tecnicoAsignado:tecnicoAsignado, $observacionesMov:observacionesMov,
                        $idproductoAdd:idproductoAdd, $cantidadAdd:cantidadAdd,
                        $tipoMovimiento: tipoMovimiento, $idsitio: idsitio, $causa: causa,
                        $idproveedor: idproveedor, $idbodega:idbodega

                        }
                }).done(function (json) {

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

                    $("#modalTecnico").modal('hide');
                    $('#loading').css('display', 'none');
                    $('#saveOutTechnician').css('display', '');

                    var obj = jQuery.parseJSON(json);
                    idmovimiento = obj.movimiento;
                    detalleMovimientos = obj.detalleMovimiento;
                    datosMovimiento = obj.estadoMovimiento;
                    $("#idmovimiento").val(idmovimiento);

                    $("#btnCheckingExit, #btnDeleteExit").css('display', '');
                    $("#btnCheckingExit, #btnDeleteExit").attr('idmovimiento', idmovimiento );

                });


        });

        $("#idequipo").change(function () {
            selectedItem = $("#idequipo option[value='"+$(this).val()+"']");
            tipo = selectedItem.attr('tipo');
            categoria = selectedItem.attr('categoria');
            subcategoria = selectedItem.attr('subcategoria');
            almacen = selectedItem.attr('almacen');
            serie = selectedItem.attr('serie');
            $("#showSERIAL").text(serie);
            $("#showCATEGORIA").text(categoria);
            $("#showSUBCATEGORIA").text(subcategoria);
            $("#showALMACEN").text(almacen);
            //$("#showUDM").text(udm);

        });

        $("#idconsumible").change(function () {
            selectedItem = $("#idconsumible option[value='"+$(this).val()+"']");
            tipo = selectedItem.attr('tipo');
            categoria = selectedItem.attr('categoria');
            subcategoria = selectedItem.attr('subcategoria');
            almacen = selectedItem.attr('almacen');
            serie = selectedItem.attr('serie');
            $("#showSERIALC").text(serie);
            $("#showCATEGORIAC").text(categoria);
            $("#showSUBCATEGORIAC").text(subcategoria);
            $("#showALMACENC").text(almacen);
            //$("#showUDMC").text(udm);

        });
        $('#myTabs a[href="#equipos"]').tab('show')
        $(".js-example-basic-single").select2({
            placeholder: "Elegir...",
            allowClear: true
        });

        var table = $('#example').DataTable( {
            dom: 'Bfrtip',
            "ajax": {
                "url": "{{ path('showSalidasAlmacen',{'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": "estado" },
                { "data": "causa" },
                { "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);
                idmovimiento = obj.movimiento;
                detalleMovimientos = obj.detalleMovimiento;
                datosMovimiento = obj.estadoMovimiento;
                $("#tipoMov").val(datosMovimiento[0].id_tipo_movimiento);
                $("#causa").val(datosMovimiento[0].causa);
                $("#fechaMovimiento").val(datosMovimiento[0].fecha_movimiento);
                $("#tecnicoAsignado").val(datosMovimiento[0].id_recibe);
                $("#idmovimiento").val(idmovimiento);
                $("#tecnicoAsignado").change();
                $("#observacionesMov").val(datosMovimiento[0].observacion);

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

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

                }else{

                    $("#btnCheckingExit, #btnDeleteExit, #agregarEquipo, #equipos, #consumibles").css('display', ''); //#saveOutTechnician
                    $("#saveOutTechnician").css('display', 'none');
                    $("#tipoMov").attr('readonly',false);
                    $("#causa").attr('readonly',false);
                    $("#fechaMovimiento").attr('readonly',false);
                    $("#tecnicoAsignado").attr('readonly',false);
                    $("#tecnicoAsignado").change();
                    $("#observacionesMov").attr('readonly',false);
                    $("#idequipo").attr('readonly',false);
                }

                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+'">';
                    tr += '<td>'+detalleMovimientos[i].codigo  + '</td>';
                    tr += '<td>'+detalleMovimientos[i].descripcion +'</td>';
                    tr += '<td>'+detalleMovimientos[i].serie +'</td>';
                    tr += '<td>'+detalleMovimientos[i].Udm +'</td>';
                    tr += '<td>'+detalleMovimientos[i].tipo +'</td>';
                    tr += '<td>'+detalleMovimientos[i].categoria +'</td>';
                    tr += '<td>'+detalleMovimientos[i].subcategoria +'</td>';
                    tr += '<td  id="cantidadItem'+detalleMovimientos[i].idproducto+'">'+detalleMovimientos[i].cantidad+'</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;

        });
        $("#btnModalTecnico").click(function () {

            $("#idmovimiento").val('');

            $("#fechaMovimiento").val('');
            $("#tecnicoAsignado").val('');
            $("#tecnicoAsignado").change();
            $(".selectAlmacen").val('');
            //$(".selectAlmacen").change();
            $("#observacionesMov").val('');
            $('#tbodyAdd').empty();
            $("#fechaMovimiento").attr('readonly',false);
            $("#tecnicoAsignado").attr('readonly',false);
            $("#tecnicoAsignado").change();
            $("#observacionesMov").attr('readonly',false);
            $("#idequipo").attr('readonly',false);
            idproductoAdd = new Array();
            $("#modalTecnico").modal();
            $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
            $(" #saveOutTechnician, #agregarEquipo, #equipos, #consumibles").css('display', '');

        });

        $(".selectAlmacen").change(function () {
            idubicacion = $(this).val();
            idproyecMx = $('#idproyectosp').val();

            $("#selectAlmacen option[value='"+idubicacion+"'], #selectAlmacen2 option[value='"+idubicacion+"']").attr('selected',true);
            $("#idequipo").empty();
            $("#idconsumible").empty();
            $.ajax({
                type: 'POST',
                url: '{{ path('findProductsStore',{'idproyectos':idproyectos, 'idmodule':idmodule}) }}',
                data: {$idubicacion: idubicacion}

            }).done(function (json) {

                var obj = jQuery.parseJSON(json);
                equipos = obj.equipos;
                consumibles = obj.consumibles;

                    if (idproyecMx != ''){

                        option = '<option value=""></option>'
                        for (i=0;i< equipos.length; i++) {
                            option += '<option cantidad="' + equipo[i].cantidad + '" value="' + equipos[i].id + '" codigo="' + equipos[i].codigo + '" serie="' + equipos[i].serie + '" almacen="' + equipos[i].almacen + '" tipo="' + equipos[i].tipo + '" categoria="' + equipos[i].categoria + '" subcategoria="' + equipos[i].subcategoria + '" udm="'+equipos[i].Udm+'">' + equipos[i].codigo + '-' + equipos[i].detalle + '|| cantidad: ' + equipos[i].cantidad + '</option>'

                        }
                        $("#idequipo").empty();
                        $("#idequipo").append(option);
                        $("#idequipo").change();

                    }else{

                        option = '<option value=""></option>'
                        for (i=0;i< equipos.length; i++) {
                            option += '<option value="' + equipos[i].id + '" codigo="' + equipos[i].codigo +'" serie="'+equipos[i].serie+'" almacen="'+equipos[i].almacen+'" tipo="'+equipos[i].tipo+'" categoria="'+equipos[i].categoria+'" subcategoria="'+equipos[i].subcategoria+'" udm="'+equipos[i].Udm+'">'+equipos[i].codigo+'-'+equipos[i].serie+'-'+equipos[i].detalle+' || Unidad de Medida: ' + equipos[i].Udm + '</option>'

                        }
                        $("#idequipo").empty();
                        $("#idequipo").append(option);
                        $("#idequipo").change();

                    }

                    option2 = '<option value=""></option>'
                    for (i=0;i< consumibles.length; i++) {
                        option2 += '<option cantidad="' + consumibles[i].cantidad + '" value="' + consumibles[i].id + '" codigo="' + consumibles[i].codigo + '" serie="' + consumibles[i].serie + '" almacen="' + consumibles[i].almacen + '" tipo="' + consumibles[i].tipo + '" categoria="' + consumibles[i].categoria + '" subcategoria="' + consumibles[i].subcategoria + '" udm="'+consumibles[i].Udm+'">' + consumibles[i].codigo + '-' + consumibles[i].detalle + ' || Cantidad: ' + consumibles[i].cantidad + ' || Unidad de Medida: ' + consumibles[i].Udm + '</option>'

                    }

                    $("#idconsumible").empty();
                    $("#idconsumible").append(option2);
                    $("#idconsumible").change();

            });
        });
        $("#btnDeleteExit").click(function () {
            idmovimiento = $(this).attr('idmovimiento');
            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: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');
            tipoMovimiento = $("#tipoMov").val();
            idtecnico = $("#tecnicoAsignado").val();
            idsitio = $("#selectSite").val();
            idproveedor = $("#selectProveedor").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:tipoMovimiento,$idtecnico:idtecnico,
                           $idsitio:idsitio,$idproveedor:idproveedor}
                }).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');
                    });
                });
            })

        });

        $("#tipoMov").change(function () {
            idtiposalida = $(this).val();
            if (idtiposalida == 9) {
                $("#sitioRow").css('display', '');
                $("#proveedorRow").css('display', 'none');
                $("#tecnicoRow").css('display', '');

            } else if (idtiposalida == 11) {
                $("#sitioRow").css('display', 'none');
                $("#tecnicoRow").css('display', 'none');
                $("#proveedorRow").css('display', '');


            } else if (idtiposalida == 99) {
                $("#sitioRow").css('display', 'none');
                $("#tecnicoRow").css('display', 'none');
                $("#bodegaRow").css('display', '');


            } else{
                $("#sitioRow").css('display', 'none');
                $("#proveedorRow").css('display', 'none');
                $("#tecnicoRow").css('display', '');

            }
        });
    });
</script>
    {% if idproyectos >= 1000 %}
      {% if is_granted('ROLE_ADMIN_ALMACEN_ASP') %}
      <br>
      <div class="col-lg-12">
          <div class="col-lg-2"><button class="btn btn-success" id="btnModalTecnico">NUEVA SALIDA</button></div>
      </div>
      <br>
      {% endif %}
    {% else %}
      <br>
      <div class="col-lg-12">
          <div class="col-lg-2"><button class="btn btn-success" id="btnModalTecnico">NUEVA SALIDA</button></div>
      </div>
      <br>
    {% endif %}

    <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>CAUSA</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" 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"> NUEVA SALIDA</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-1"><label>Tipo Salida</label></div>

                        <div class="col-lg-4">
                            <select class="form-control" id="tipoMov">
                              {% if (idproyectos >= 1000) %}
                              <option value="">Seleccionar</option>
                              <option value="9">{{'SALIDA SITIO' | trans | capitalize}}</option>
                              <option value="6">Salida Tecnico</option>
                              {% else %}
                              <option value="">Seleccionar</option>
                              <option value="6">Salida Tecnico</option>
                              <option value="9">{{'SALIDA SITIO' | trans | capitalize}}</option>
                              <option value="11">Salida Proveedor</option>
                              <!--<option value="99">Salida a Bodega</option>-->
                              {% endif %}
                            </select>
                        </div>
                        <div class="col-lg-2"><label>Causa</label></div>

                        <div class="col-lg-4">
                            <select class="form-control" id="causa">
                                <option value="">Seleccionar</option>
                                <option>NUEVA IMPLEMENTACION</option>
                                <option>DAÑADO</option>
                                <option>GARANTIA</option>
                                <option>DEVOLUCION</option>
                                <option>IMPLEMENTACION POR SERVICIO</option>
                            </select>
                        </div>

                    </div>
                    <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 id="tecnicoRow">

                            <div class="col-lg-2"><label>Entregar a:</label></div>

                            <div class="col-lg-4">
                                <select class="js-example-basic-single" id="tecnicoAsignado">
                                    <option></option>
                                    <!--{% for usuario in usuarios %}
                                        <option value="{{ usuario.iduser }}">{{ usuario.nombre }}</option>
                                    {% endfor %}-->
                                    {% if idproyectos == 32 or idproyectos >= 1000 %}
                                        {% for usuario in usuarios %}
                                            {%if usuario.iddepartamento==15%}
                                                <option value="{{ usuario.iduser }}">{{ usuario.nombre }}</option>
                                            {%endif%}
                                        {% endfor %}
                                    {%else%}
                                        {% for usuario in usuarios %}
                                                <option value="{{ usuario.iduser }}">{{ usuario.nombre }}</option>
                                        {% endfor %}
                                    {%endif%}
                                </select>

                            </div>
                        </div>
                    </div>

                    <div class="row" id="sitioRow" style="display: none;">
                        <div class="col-lg-1"><label>Seleccione Sitio:</label></div>

                        <div class="col-lg-4">
                            <select class="js-example-basic-single" id="selectSite">
                                <option></option>
                                {% if (idproyectos >= 1000) %}
                                {% for sitio in sitios %}
                                    <option value="{{ sitio.idsitio }}">{{sitio.sitio}} - {{sitio.sitename}}</option>
                                {% endfor %}
                                {% else %}
                                {% for sitio in sitios %}
                                    <option value="{{ sitio.idsitio }}">{{sitio.codigo}} - {{sitio.sitio}}</option>
                                {% endfor %}
                                {% endif %}
                            </select>

                        </div>

                    </div>

                    <div class="row" id="proveedorRow" style="display: none;">
                        <div class="col-lg-1"><label>Seleccione Proveedor:</label></div>

                        <div class="col-lg-4">
                            <select class="js-example-basic-single" id="selectProveedor">
                                <option></option>
                                {% for proveedor in proveedores %}
                                    <option value="{{ proveedor.idproveedor }}">{{ proveedor.nombre }}</option>
                                {% endfor %}
                            </select>

                        </div>

                    </div>

                    <div class="row" id="bodegaRow" style="display: none;">

                        <div class="col-lg-1"><label>Seleccione Bodega:</label></div>

                        <div class="col-lg-4">
                            <select class="js-example-basic-single" id="selectBodega">
                                <option></option>
                                {% for bodegas in almacenes %}
                                    <option value="{{ bodegas.id }}">{{ bodegas.ubicacion }}</option>
                                {% endfor %}
                            </select>

                        </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">
                            <textarea id="observacionesMov" name="observacionesMov" class="form-control" style="resize: none" ></textarea>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="nav nav-tabs" role="tablist" id="myTab">
                                <li class="active" >
                                    <a href="#" data-target="#equipos" aria-controls="equipos" role="tab" data-toggle="tab">
                                       {% if (idproyectosp == null) %}
                                            RECICLABLE
                                       {% else %}
                                            ELECTRÓNICO
                                       {% endif %}
                                    </a>
                                </li>
                                <li>
                                    <a href="#" data-target="#consumibles" aria-controls="consumibles" role="tab" data-toggle="tab">
                                       {% if (idproyectosp == null) %}
                                            CONSUMIBLES
                                       {% else %}
                                            MISCELÁNEO
                                       {% endif %}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <br>

                    <div class="tab-content">
                    <div id="equipos"  role="tabpanel" class="tab-pane active" >
                        <div class="row">
                            <div class="col-lg-1"><label>Almacen:</label></div>
                            <div class="col-lg-6">
                            <select class=" selectAlmacen" id="selectAlmacen">
                                <option value="">{{'inbox.all' | trans}}</option>
                                {% for almacen in almacenes %}
                                    <option value="{{ almacen.id }}" > {{ almacen.ubicacion }}</option>
                                {% endfor %}
                            </select>
                            </div>
                            </div>
                        <div class="row">
                            <div class="col-lg-1">
                                <label>
                                    {% if (idproyectosp == null) %}
                                        Reciclable:
                                    {% else %}
                                        Electrónico:
                                    {% endif %}
                                </label>
                            </div>

                            <div class="col-lg-6">

                                {% if (idproyectosp == null) %}
                                    <select class="js-example-basic-single" id="idequipo">
                                        <option value=""></option>
                                        <!--{% for producto in productos %}
                                        <option value="{{ producto.id }}" codigo="{{ producto.codigo }}" serie="{{ producto.serie }}" almacen="{{ producto.almacen }}" tipo="{{ producto.tipo }}" categoria="{{ producto.categoria }}" subcategoria="{{ producto.subcategoria }}">
                                            {{ producto.codigo }}-{{ producto.serie }}-{{ producto.detalle }}
                                        </option>
                                        {% endfor %}-->
                                    </select>
                                {% else %}
                                    <select class="js-example-basic-single" id="idequipo">
                                        <option value=""></option>
                                        <!--{% for producto in productos %}
                                        <option value="{{ producto.id }}" codigo="{{ producto.codigo }}" serie="{{ producto.serie }}" almacen="{{ producto.almacen }}" tipo="{{ producto.tipo }}" categoria="{{ producto.categoria }}" subcategoria="{{ producto.subcategoria }}">
                                            {{ producto.codigo }}-{{ producto.detalle }}
                                        </option>
                                        {% endfor %}-->
                                    </select>
                                {% endif %}


                            </div>
                            </div>
                        <br>
                            <div class="row">

                            <div class="col-lg-1"><label>SERIAL:</label></div>

                            <div class="col-lg-2"><span id="showSERIAL"></span></div>

                            <div class="col-lg-1"><label>{{'site.category' | trans}}:</label></div>
                            <div class="col-lg-2"><span id="showCATEGORIA"></span></div>

                            <div class="col-lg-1"><label>SUB {{'site.category' | trans}}:</label></div>
                            <div class="col-lg-2"><span id="showSUBCATEGORIA"></span></div>

                            <div class="col-lg-1"><label>ALMACEN:</label></div>
                            <div class="col-lg-2"><span id="showALMACEN"></span></div>

                            <!--<div class="col-lg-1"><label>UNIDAD DE MEDIDA:</label></div>
                            <div class="col-lg-2"><span id="showUDM"></span></div>-->

                        </div>
                            <div class="row">
                                <center><button class="btn btn-primary" id="agregarEquipo">{{'inbox.add' | trans}}</button></center>
                            </div>
                    </div>
                    <div id="consumibles"  role="tabpanel" class="tab-pane" >
                        <div class="row">
                            <div class="col-lg-1"><label>Almacen:</label></div>
                            <div class="col-lg-6">
                                <select class="selectAlmacen" id="selectAlmacen2">
                                    <option value="">{{'inbox.all' | trans}}</option>
                                    {% for almacen in almacenes %}
                                        <option value="{{ almacen.id }}" >{{ almacen.ubicacion }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-1">
                                <label>
                                    {% if (idproyectosp == null) %}
                                        Consumibles:
                                    {% else %}
                                        Misceláneo:
                                    {% endif %}
                                </label>
                            </div>

                            <div class="col-lg-6">
                                    <select class="js-example-basic-single" id="idconsumible">
                                        <option value=""></option>
                                        <!--{% for producto in consumibles %}
                                            <option cantidad="{{ producto.cantidad }}" value="{{ producto.id }}"
                                                    codigo="{{ producto.codigo }}" serie="{{ producto.serie }}"
                                                    almacen="{{ producto.almacen }}" tipo="{{ producto.tipo }}"
                                                    categoria="{{ producto.categoria }}"
                                                    subcategoria="{{ producto.subcategoria }}">{{ producto.codigo }}
                                                -{{ producto.detalle }}|| cantidad: {{ producto.cantidad }}</option>
                                        {% endfor %}-->
                                    </select>
                            </div>
                            <div class="col-lg-1"><label>{{'Cantidad' | trans}}:</label></div>
                            <div class="col-lg-3">
                                <input class="form-control" id="cantidad">
                            </div>
                        </div>
                        <br>
                        <div class="row">

                            <div class="col-lg-1"><label>SERIAL:</label></div>

                            <div class="col-lg-2"><span id="showSERIALC"></span></div>

                            <div class="col-lg-1"><label>{{'site.category' | trans}}:</label></div>
                            <div class="col-lg-2"><span id="showCATEGORIAC"></span></div>

                            <div class="col-lg-1"><label>SUB {{'site.category' | trans}}:</label></div>
                            <div class="col-lg-2"><span id="showSUBCATEGORIAC"></span></div>

                            <div class="col-lg-1"><label>ALMACEN:</label></div>
                            <div class="col-lg-2"><span id="showALMACENC"></span></div>

                            <!--<div class="col-lg-1"><label>UNIDAD DE MEDIDA:</label></div>
                            <div class="col-lg-2"><span id="showUDMC"></span></div>-->

                        </div>
                        <div class="row">
                            <center>
                                <button class="btn btn-primary" id="agregarConsumible">{{'inbox.add' | trans}}</button>
                            </center>
                        </div>
                    </div>
                    </div>
                    <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}}</th>
                                <th>SUB-{{'site.category' | trans}}</th>
                                <th>{{'Cantidad' | trans | upper}}</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>
                    <button type="button" class="btn btn-info" id="saveOutTechnician">{{'Guardar Cambios' | trans}}</button>
                    <button type="button" style="display: none;" class="btn btn-info" id="loading"><i class="fa fa-spinner fa-spin"></i> Loading...</button>
                </div>
            </div>
        </div>
    </div>


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

            <div class="modal-content">
                <div class="modal-header  btn-warning">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">{{'SALIDA SITIO' | trans}}</h4>
                </div>
                <div class="modal-body">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                </div>
            </div>
        </div>
    </div>


{% 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>
{% endblock %}