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

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

        $('#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');
                idproyectos = ({{idproyectos}});
                udm = selectedItem.attr('udm');

                {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}

                    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>');
                    }
                {%else%}
                    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>');

                    }
                {%endif%}

                $("#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'));
            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 Stock!! En Stock 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');
                    idproyectos = ({{idproyectos}});
                    udm = selectedItem.attr('udm');

                    {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}

                        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").val()+'</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").val()+'</td><td><button class="btn btn-danger"  onclick="deleteRow(' + idequipo + ', ' + nomUser + ')"><i class="fa fa-eraser" aria-hidden="true"></i></button></td></tr>');
                        }
                    {%else%}
                            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>');

                            }
                    {%endif%}
                    $("#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){
                swal(
                        'Oops...',
                        'Debe Seleccionar Producto!',
                        'error'
                );
                return false;}
            selectTipo = $("#selectTipo").val();
            selectAlmacen = $("#selectAlmacen").val();
            personaAlmacen = $("#personaAlmacen").val();
            selectSitio = $("#selectSitio").val();
            personaTecnico = $("#personaTecnico").val();
            if(selectTipo == ''){
                    swal(
                            'Oops...',
                            'Debe Seleccionar Tipo de movimiento!',
                            'error'
                    );
                    return false;
            }else if(selectTipo == 14){
                if (selectSitio == '') {
                    swal(
                            'Oops...',
                            'Debe Seleccionar Sitio!',
                            'error'
                    );
                    return false;
                }
            }else if(selectTipo == 12){
                if (personaTecnico == '') {
                    swal(
                            'Oops...',
                            'Debe Seleccionar Persona!',
                            'error'
                    );
                    return false;
                }
            }else if(selectTipo == 15){
                if (personaAlmacen == '') {
                    swal(
                            'Oops...',
                            'Debe Seleccionar Persona!',
                            'error'
                    );
                    return false;
                }
                if (selectAlmacen == '') {
                    swal(
                            'Oops...',
                            'Debe Seleccionar Almacen!',
                            'error'
                    );
                    return false;
                }
            }


            if($("#fechaMovimiento").val() == '' ){
                swal(
                        'Oops...',
                        'Debe Ingresar Fecha del movimiento!',
                        'error'
                );
                return false;}


            tipoMovimiento = $("#tipoMov").val();
            idsitio = $("#selectSite").val();

                var cantidadAdd = new Array();
                fecha = $("#fechaMovimiento").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('saveMovMiInventario',{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data:{ $idmovimiento:idmovimiento,$fecha:fecha,
                        $observacionesMov:observacionesMov,
                        $idproductoAdd:idproductoAdd, $cantidadAdd:cantidadAdd,
                        $selectTipo: selectTipo, $selectAlmacen: selectAlmacen, $personaAlmacen: personaAlmacen, $selectSitio:selectSitio, $personaTecnico: personaTecnico}
                }).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);

        {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                codigo = selectedItem.attr('codigo');
                $("#showCODIGO").text(codigo);
        {%endif%}

        });
        $("#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);
            {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                    codigo = selectedItem.attr('codigo');
                    $("#showCODIGOC").text(codigo);
            {%endif%}
        });
        $('#myTabs a[href="#equipos"]').tab('show')
        $(".js-example-basic-single").select2({
            placeholder: "Elegir...",
            allowClear: true
        });

        var table = $('#example').DataTable( {
            dom: 'Bfrtip',
            "ajax": {
                "url": "{{ path('showMiInv',{'idproyectos':idproyectos}) }}",
                "type": "POST",
                data:  function( d ) {
                    d.idproveedor= $('#idproveedor').val();
                }
            },
            columns: [
                { "data": "id"  },
                { "data": "codigo" },
                { "data": "serie" },
                { "data": "detalle" },
                { "data": "cantidad" },
                { "data": "tipo" },
                { "data": "estado" },
                { "data": "categoria" },
                { "data": "subcategoria" }
            ],
            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;
                $("#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');
                    $("#fechaMovimiento").attr('readonly',true);
                    $("#tecnicoAsignado").attr('readonly',true);
                    $("#tecnicoAsignado").change();
                    $("#observacionesMov").attr('readonly',true);
                    $("#idequipo").attr('readonly',true);

                }else{

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

                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].descripcion+'</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>';
                    if(datosMovimiento[0].idestados != 176 ){
                        tr += '<td><button class="btn btn-danger"  onclick="deleteRow('+detalleMovimientos[i].idproducto+', '+nomUser+')"><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();
            idproyectos = ({{idproyectos}});
            $("#modalTecnico").modal();
            $("#btnCheckingExit, #btnDeleteExit, #saveOutTechnician").css('display', 'none');
            $(" #saveOutTechnician, #agregarEquipo, #equipos, #consumibles").css('display', '');

            $.ajax({
                type: 'POST',
                url: '{{ path('findProductsUser',{'idproyectos':idproyectos}) }}'

            }).done(function (json) {
                var obj = jQuery.parseJSON(json);
                equipos = obj.equipos;
                consumibles = obj.consumibles;

                option = '<option value=""></option>'
                for (i=0;i< equipos.length; i++) {



                    if (idproyectos == 37 || idproyectos == 30 || idproyectos == 31 || idproyectos == 32 || idproyectos == 35 || idproyectos == 36 || idproyectos == 38 || idproyectos == 39 || idproyectos == 57){
                        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+' || Cantidad: ' + equipos[i].cantidad + ' || Unidad de Medida: ' + equipos[i].Udm + '</option>'
                    }else{
                        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].detalle+'</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 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');
            swal({
                title: 'Confirmar la Salida',
                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 }
                }).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');
                    });
                });
            })

        });

        $("#selectTipo").change(function () {
            idtiposalida = $(this).val();
            if (idtiposalida == 14) {
                $("#divAlamcen").css('display', 'none');
                $("#divSitio").css('display', '');
                $("#divTecnico").css('display', 'none');

            }else if (idtiposalida == 15){
                $("#divAlamcen").css('display', '');
                $("#divSitio").css('display', 'none');
                $("#divTecnico").css('display', 'none');

            }else if (idtiposalida == 12){
                $("#divAlamcen").css('display', 'none');
                $("#divSitio").css('display', 'none');
                $("#divTecnico").css('display', '');

            }else if (idtiposalida == 112){
                $("#divAlamcen").css('display', '');
                $("#divSitio").css('display', 'none');
                $("#divTecnico").css('display', 'none');
            }
        });
    });
</script>
    <br>
    <br>
    <center><h1>MI INVENTARIO</h1></center>
    <br>
    <div class="col-lg-12">
        <div class="col-lg-2"><button class="btn btn-success" id="btnModalTecnico">NUEVO MOVIMIENTO</button></div>
    </div>
    <br>

    <table id="example" class="display nowrap" cellspacing="0" width="100%">
        <thead>
        <tr>
            <th>Id</th>
            <th>CODIGO</th>
            <th>SERIE</th>
            <th>DESCRIPCION</th>
            <th>{{'Cantidad' | trans | upper}}</th>
            <th>{{'ticketDetail.email.tipo' | trans | upper}}</th>
            <th>{{'ticketDetail.status' | trans | capitalize}}</th>
            <th>{{'site.category' | trans}}</th>
            <th>SUB{{'site.category' | trans | upper}}</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"> NUEVO MOVIMIENTO</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-1"><label>{{'ticketDetail.email.tipo' | trans}}</label></div>

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

                            <select class=" form-control selectTipo" id="selectTipo">
                                    <option value="">{{'site.select' | trans}}</option>
                                    <option value="14" >MOVIMIENTO A SITIO</option>
                                    <option value="12" >MOVIMIENTO A TECNICO</option>
                                {% if is_granted('CONTROL_CASOS_5') %}
                                    <option value="15" >MOVIMIENTO A BODEGA</option>
                                {% endif %}
                            </select>
                        </div>
                        </div>
                        <div class="row" id="divAlamcen" style="display: none">
                            <div class="col-lg-1"><label>Persona que Recibe</label></div>

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

                                <select class=" form-control personaAlmacen" id="personaAlmacen">
                                    <option value="">{{'site.select' | trans}}</option>
                                    {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                                        {% for user in usuarios %}
                                            {%if user.iddepartamento==15%}
                                                <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                            {%endif%}
                                        {% endfor %}
                                    {%else%}
                                        {% for user in usuarios %}
                                                <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                        {% endfor %}
                                    {%endif%}
                                </select>
                            </div>
                        <div class="col-lg-2"><label>Almacen</label></div>

                        <div class="col-lg-4">
                            <select class=" form-control" id="selectAlmacen">
                                <option value="">{{'site.select' | trans}}</option>
                                {% for almacen in almacenes %}
                                    <option value="{{ almacen.id }}" >{{ almacen.ubicacion }}</option>
                                {% endfor %}
                            </select>
                        </div>

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

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

                            <select class=" form-control selectSitio" id="selectSitio">
                                <option value="">{{'site.select' | trans}}</option>
                                {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                                    {% for sitio in sitios %}
                                        <option value="{{ sitio.idsitio }}">{{ sitio.codigo }} - {{ sitio.sitio }}</option>
                                    {% endfor %}
                                {%else%}
                                    {% for sitio in sitios %}
                                        <option value="{{ sitio.idsitio }}">{{ sitio.sitio }}</option>
                                    {% endfor %}
                                {%endif%}
                            </select>
                        </div>

                    </div>
                    <div class="row" id="divTecnico" style="display: none">
                        <div class="col-lg-1"><label>Tecnico</label></div>

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

                            <select class=" form-control personaTecnico" id="personaTecnico">
                                <option value="">{{'site.select' | trans}}</option>
                               {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                                        {% for user in usuarios %}
                                            {%if user.iddepartamento==15%}
                                                <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                            {%endif%}
                                        {% endfor %}
                                    {%else%}
                                        {% for user in usuarios %}
                                                <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                        {% endfor %}
                                    {%endif%}
                            </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>

                    <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) %}
                                            EQUIPOS
                                       {% 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>
                                    {% if (idproyectosp == null) %}
                                        Equipo:
                                    {% else %}
                                        Electrónico:
                                    {% endif %}
                                </label>
                            </div>

                            <div class="col-lg-6">
                                <select class="js-example-basic-single idequipo" id="idequipo">
                                    <option value=""></option>
                                    {% if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57 %}
                                        {% for producto in productos %}
                                        <option value="{{ producto.id }}" codigo="{{ producto.codigo }}" serie="{{ producto.serie }}"  tipo="{{ producto.tipo }}" categoria="{{ producto.categoria }}" subcategoria="{{ producto.subcategoria }}" codigo="{{ producto.codigo }}" >{{ producto.codigo }}-{{ producto.serie }}-{{ producto.detalle }}</option>
                                        {% endfor %}
                                    {% else %}

                                        {% if (idproyectosp == null) %}
                                            {% for producto in productos %}
                                                <option
                                                    value="{{ producto.id }}"
                                                    codigo="{{ producto.codigo }}"
                                                    serie="{{ producto.serie }}"
                                                    tipo="{{ producto.tipo }}"
                                                    categoria="{{ producto.categoria }}"
                                                    subcategoria="{{ producto.subcategoria }}"
                                                    codigo="{{ producto.codigo }}">
                                                    {{ producto.serie }}-{{ producto.detalle }}</option>
                                            {% endfor %}
                                        {% else %}
                                            {% for producto in productos %}
                                                <option value="{{ producto.id }}"
                                                        codigo="{{ producto.codigo }}"
                                                        serie="{{ producto.serie }}"
                                                        tipo="{{ producto.tipo }}"
                                                        categoria="{{ producto.categoria }}"
                                                        subcategoria="{{ producto.subcategoria }}"
                                                        codigo="{{ producto.codigo }}" >
                                                        {{ producto.codigo }}-{{ producto.detalle }}</option>
                                            {% endfor %}
                                        {% endif %}
                                    {% endif %}
                                </select>
                            </div>
                            </div>
                        <br>
                            <div class="row">
                            {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                                <div class="col-lg-1"><label>CODIGO:</label></div>

                                <div class="col-lg-2"><span id="showCODIGO"></span></div>
                            {%endif%}
                            {% if (idproyectosp == null) %}
                                <div class="col-lg-1"><label>SERIAL:</label></div>

                                <div class="col-lg-2"><span id="showSERIAL"></span></div>
                            {% else %}
                                <div class="col-lg-1" style="display: none;"><label>SERIAL:</label></div>

                                <div class="col-lg-2" style="display: none;"><span id="showSERIAL"></span></div>
                            {% endif %}

                            <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>
                            <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>
                                    {% if (idproyectosp == null) %}
                                        Consumibles:
                                    {% else %}
                                        Misceláneo:
                                    {% endif %}
                                </label>
                            </div>

                            <div class="col-lg-6">
                                {% if (idproyectosp == null) %}
                                    <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 }}"
                                                        tipo="{{ producto.tipo }}"
                                                        categoria="{{ producto.categoria }}"
                                                        subcategoria="{{ producto.subcategoria }}">
                                                        {{ producto.codigo }}-{{ producto.detalle }}|| cantidad: {{ producto.cantidad }}</option>
                                            {% endfor %}
                                    </select>
                                {% else %}
                                    <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 }}"
                                                        tipo="{{ producto.tipo }}"
                                                        categoria="{{ producto.categoria }}"
                                                        subcategoria="{{ producto.subcategoria }}">
                                                        {{ producto.codigo }}-{{ producto.detalle }}||cantidad="{{ producto.cantidad }}"</option>
                                            {% endfor %}
                                    </select>
                                {% endif %}
                            </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">
                            {%if idproyectos == 37 or idproyectos == 30 or idproyectos == 31 or idproyectos == 32 or idproyectos == 35 or idproyectos == 36 or idproyectos == 38 or idproyectos == 39 or idproyectos == 57%}
                                <div class="col-lg-1"><label>CODIGO:</label></div>

                                <div class="col-lg-2"><span id="showCODIGOC"></span></div>
                            {%endif%}
                            {% if (idproyectosp == null) %}
                                <div class="col-lg-1"><label>SERIAL:</label></div>

                                <div class="col-lg-2"><span id="showSERIALC"></span></div>
                            {% else %}
                                <div class="col-lg-1" style="display: none;"><label>SERIAL:</label></div>

                                <div class="col-lg-2" style="display: none;"><span id="showSERIALC"></span></div>
                            {% endif %}

                            <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>
                        <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 Salida</button>
                    <button class="btn btn-danger" id="btnDeleteExit" style="display: none ;">Eliminar Salida</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 %}