{% 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" >
        {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
    </div>
{%endblock %}

{%block dashboard %}
    <style>
        @media (max-width: 767px) {
            .xs-m-t-0, .main {
                margin-top: 100px;
            }
        }
        #fmrMovimientos fieldset, #frmDetalleMovimiento fieldset, #frmNuevoProducto fieldset, #mCarrito fieldset{
            padding: 15px;
            border-radius: 5px;
            border: 1px solid #D3D3D3;
        }
        #fmrMovimientos legend, #frmDetalleMovimiento legend, #frmNuevoProducto legend, #mCarrito legend{
            border-bottom: 0 !important;
            width: auto !important;
        }
        .row{
            padding-top: 5px;
        }
        .modal-content{
            border-radius: 6px;
        }
        .modal-header{
            background-color: #337ab7;
            color: white;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            min-height: 16.43px;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
        }
        #tDetalle tbody td{
            font-size: 0px;
        }
        #tDetalle .form-control{
            display: inline;
            top: 0;
        }
        .dropdown-menu a {
            cursor: pointer;
        }
    </style>
    <script>
        var nCategoria = '', nSubcategoria = '', nCodigo = '';
        var $catalogo = '';
        var movimiento = {{ idmovimiento }};
        $(function () {
            $('#categoriasMovimiento').change(function(){
                if($('#categoriasMovimiento').val()!='') {
                    $('#subcategoriasMovimiento').val('');
                    $('#subcategoriasMovimiento').change();
                    $('#subcategoriasMovimiento').empty();
                    $('#subcategoriasMovimiento').append('<option></option>');

                    $('#divEtiquetasMov').empty();
                        $.post('{{ path('mostrarSubcategorias', {'idproyectos':idproyectos}) }}', {'categoria': $('#categoriasMovimiento').val()})
                                .done(function (data) {
                                    var obj = jQuery.parseJSON(data);
                                    var subcategorias = obj.subcategorias;
                                    $('#subcategoriasMovimiento').empty();
                                    $('#subcategoriasMovimiento').append('<option></option>');
                                    for (i = 0; i < subcategorias.length; i++) {
                                        $('#subcategoriasMovimiento').append('<option value="' + subcategorias[i]['id'] + '">' + subcategorias[i]['subcategoria'] + '</option>');
                                    }
                                });

                }
                if($('#categoriasMovimiento').val()==''){
                    $('#subcategoriasMovimiento').val('');
                    $('#subcategoriasMovimiento').change();
                    $('#subcategoriasMovimiento').empty();
                    $('#subcategoriasMovimiento').append('<option></option>');
                }
            });
            $('#subcategoriasMovimiento').change(function(){

                if($('#subcategoriasMovimiento').val()!='' ){
                    $('#productoMovimiento').val('');
                    $('#productoMovimiento').change();
                    $('#productoMovimiento').empty();
                    $('#productoMovimiento').append('<option></option>');
                        $.post('{{ path('mostrarProductos', {'idproyectos':idproyectos}) }}', {
                            'categoria': $('#categoriasMovimiento').val(),
                            'subcategoria': $('#subcategoriasMovimiento').val()
                        }).done(function (data) {
                            var obj = jQuery.parseJSON(data);
                            var productos = obj.productos;
                            $('#productoMovimiento').empty();

                            $('#productoMovimiento').append('<option></option>');
                            for (i = 0; i < productos.length; i++) {
                                $('#productoMovimiento').append('<option value="' + productos[i]['id'] + '">' + productos[i]['producto'] + '</option>');
                            }
                        });

                }
                if($('#subcategoriasMovimiento').val()=='' && $('#categoriasMovimiento').val()==''){
                    $('#productoMovimiento').val('');
                    $('#productoMovimiento').change();
                    $('#productoMovimiento').empty();
                    $('#productoMovimiento').append($catalogo);
                }
            });
            $('#productoMovimiento').change(function(){
                $('#divEtiquetasMov').empty();

                if($('#productoMovimiento').val()!='' && $('#categoriasMovimiento').val()==''){
                    var str = new String($('option:selected', this).attr('c'));

                    str = str.split('|');
                    nCategoria = str[0];
                    nSubcategoria = str[1];
                    nCodigo = str[2];

                    $('#categoriasMovimiento').val(nCategoria);
                    $('#categoriasMovimiento').change();

                    if($('#subcategoriasMovimiento option').length<3) {
                        $('#subcategoriasMovimiento').val('');
                        $('#subcategoriasMovimiento').change();
                        $('#subcategoriasMovimiento').empty();

                        $('#subcategoriasMovimiento').append('<option></option><option value="' + nSubcategoria + '">' + nCodigo + '</option>');
                    }

                    $('#subcategoriasMovimiento').val(nSubcategoria);
                    $('#subcategoriasMovimiento').change();
                }

                if($('#productoMovimiento').val()!='' && $('#productoMovimiento').val()!= null){
                    //alert($('#productoMovimiento').val())
                    var idProducto = $('#productoMovimiento').val();
                    var nombreProducto = $('#productoMovimiento option:selected[value="' + $('#productoMovimiento').val() + '"]').text();

                    /*$('#productoMovimiento').empty();
                    $('#productoMovimiento').append('<option></option><option value="' + idProducto + '">' + nombreProducto + '</option>');*/

                    $("#cargar").css('display', '');
                    $('#divEtiquetasMov').load('{{ path('nuevoProducto', {'idproyectos':idproyectos}) }}', {'producto': idProducto});
                }
            });
            $.ajax({
                type: 'POST',
                url: '{{ path('getDatosShowMovimientoAlmacen',{'idproyectos':idproyectos, 'idmovimiento':idmovimiento}) }}'
            }).done(function (res) {
                var obj = jQuery.parseJSON(res);
                var estadoMov = obj.estadoMovimiento;
                var estado = '';

                for(i=0; i<estadoMov.length; i++){
                    estado = estadoMov[i].estado;
                }

                detalleMovimiento(obj.movimiento, estado, $('#tipoMov').val(), obj);
            })
        });


        function number_format(amount, decimals, prefijo) {

            amount += ''; // por si pasan un numero en vez de un string
            amount = parseFloat(amount.replace(/[^0-9\.]/g, '')); // elimino cualquier cosa que no sea numero o punto

            decimals = decimals || 0; // por si la variable no fue fue pasada

            // si no es un numero o es igual a cero retorno el mismo cero
            if (isNaN(amount) || amount === 0)
                return parseFloat(0).toFixed(decimals);

            // si es mayor o menor que cero retorno el valor formateado como numero
            amount = '' + amount.toFixed(decimals);

            var amount_parts = amount.split('.'),
                    regexp = /(\d+)(\d{3})/;

            while (regexp.test(amount_parts[0]))
                amount_parts[0] = amount_parts[0].replace(regexp, '$1' + ',' + '$2');

            if(prefijo!=''){
                return prefijo + ' ' + amount_parts.join('.');
            }else{
                return amount_parts.join('.');
            }
        }

        function detalleMovimiento(movimiento, estado, tipo, obj){
            $('#hEstadoM').empty();
            $('#hEstadoM').append('<b>Estado del Movimiento:</b> ' + estado);
            $('#divDetalle').empty();
            $('#divDetalle').append('<form id="frmDetalleMovimiento" name="frmDetalleMovimiento" class="col-md-12">' +
                    '<div class="row">' +
                    '<fieldset id="fDetalle"><legend id="legendMov"></legend>' +
                    '</fieldset>' +
                    '</div>' +
                    '</form>');
            $('#legendMov').append('Detalle del Movimiento ' + movimiento);
            var botones = '';
            if(estado=='MOVIMIENTO PENDIENTE'){
                botones = '<div class="row text-center">' +
                        '<div class="col-md-3">' +
                        '<div class="col-md-5"><a id="btnAprobarMovimiento" class="btn btn-primary btn-md"><span class="glyphicon glyphicon glyphicon-ok"></span><span> CERRAR</span></a></div>' +
                        '<div class="col-md-5"><a id="btnCancelarMovimiento" class="btn btn-danger btn-md"><span class="glyphicon glyphicon glyphicon-remove"></span><span> CANCELAR</span></a></div>' +
                        '</div>';
            }
            $('#fDetalle').append('<div class="row text-center">' +
                    botones +
                    '<div class="col-md-2">' +
                    '<label>Total Items:</label> ' + ' <label id="totalItems"></label>' +
                    '</div>' +
                    '<div class="col-md-2">' +
                    '<label>SubTotal: </label> ' + ' <label id="totalSubtotal" class="totales"></label>' +
                    '</div>' +
                    '<div class="col-md-2">' +
                    '<label>Total: </label> ' + ' <label id="totalTotal" class="totales"></label>' +
                    '</div>' +
                    '<div class="col-md-3">' +
                    '<a id="btnDetalleMov" class="btn btn-success btn-sm" title="Agregar Carrito" data-toggle="modal" data-target="#mCarrito">' +
                    '<span class="glyphicon glyphicon-shopping-cart"></span>Agregar Carrito' +
                    '</a>' +
                    '</div>' +
                    '</div>');
            $('#fDetalle').append('<div class="row"><form id="frmDetalle" name="frmDetalle"><table class="table-bordered table-hover table-striped tablesorter table1 table-responsive col-xs-12 col-lg-12 tablesorter-blue" id="tDetalle" ></table></form></div>');
            //if(tipo==1){
            var detalle = obj.detalleMovimiento;
            var filas = '';
            var items= 0, subtotal= 0, total= 0;

            for(i=0; i<detalle.length; i++){
                filas = filas + '<tr><td>' + detalle[i].id + ' <input id="id' + detalle[i].id + '" name="id[' + detalle[i].id + ']" type="text" class="form-control" title="' + detalle[i].id + '" value="' + detalle[i].id + '" disabled /></td>';
                filas = filas + '<td>' + detalle[i].codigo + ' <input id="codigo' + detalle[i].id + '" name="codigo[' + detalle[i].codigo + ']" type="text" class="form-control" title="' + detalle[i].codigo + '" value="' + detalle[i].codigo + '" disabled /></td>';
                filas = filas + '<td>' + detalle[i].descripcion + ' <textarea id="descripcion' + detalle[i].id + '" name="descripcion[' + i + ']" class="form-control" title="' + detalle[i].descripcion + '" style="resize: none; width: 250px;" disabled >' + detalle[i].descripcion + '</textarea></td>';
                filas = filas + '<td>' + detalle[i].cantidad + ' <input id="cantidad' + detalle[i].id + '" name="cantidad[' + i + ']" type="text" class="form-control" title="' + number_format(detalle[i].cantidad, 0, '') + '" value="' + number_format(detalle[i].cantidad, 0, '') + '" disabled /></td>';
                filas = filas + '<td>' + detalle[i].sub_total + ' <input id="subtotal' + detalle[i].id + '" name="subtotal[' + i + ']" type="text" class="form-control" title="' + number_format(detalle[i].sub_total, 2, '$') + '" value="' + number_format(detalle[i].sub_total, 2, '$') + '" disabled /></td>';
                filas = filas + '<td>' + detalle[i].impuesto + ' <input id="impuesto' + detalle[i].id + '" name="impuesto[' + i + ']" type="text" class="form-control" title="' + number_format(detalle[i].impuesto, 2, '$') + '" value="' + number_format(detalle[i].impuesto, 2, '$') + '" disabled /></td>';
                filas = filas + '<td>' + detalle[i].total + ' <input id="total' + detalle[i].id + '" name="total[' + i + ']" type="text" class="form-control" title="' + number_format(detalle[i].total, 2, '$') + '" value="' + number_format(detalle[i].total, 2, '$') + '" disabled /></td>';
                if(estado=='MOVIMIENTO PENDIENTE'){
                    filas = filas + '<td class="text-center">' +
                            '<div class="dropdown">' +
                            '<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' +
                            'Acciones' +
                            '<span class="caret"></span>' +
                            '</button>' +
                            '<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">' +
                            '<li><a id="btn' + detalle[i].id + '" class="eliminar">Eliminar</a></li>' +
                            '</ul>' +
                            '</div>' +
                            '</td></tr>';
                }else{
                    filas = filas + '<td class="text-center"></td>';
                }

                items = parseFloat(items) + parseFloat(detalle[i].items);
                subtotal = parseFloat(subtotal) + parseFloat(detalle[i].subtotal);
                total = parseFloat(total) + parseFloat(detalle[i].total);
            }

            $('#totalItems').empty();
            $('#totalItems').append(items);
            $('#totalSubtotal').empty();
            $('#totalSubtotal').append(subtotal);
            $('#totalTotal').empty();
            $('#totalTotal').append(total);

            $('.totales').formatCurrency();

            $('#tDetalle').append('<thead><tr><th>ID</th><th>CODIGO</th><th>ELEMENTO</th><th>CANTIDAD</th><th>VALOR</th><th>IVA</th><th>TOTAL</th><td>ACCIONES</td></tr></thead><tbody>' + filas + '</tbody>');
            //}

            var $table = $('#tDetalle').tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions : {
                    // filter_anyMatch replaced! Instead use the filter_external option
                    // Set to use a jQuery selector (or jQuery object) pointing to the
                    // external filter (column specific or any match)
                    filter_external : '.search',
                    // add a default type search to the first name column
                    filter_defaultFilter: { 1 : '~{query}' },
                    // include column filters
                    filter_columnFilters: true,
                    filter_placeholder: { search : 'Buscar...' },
                    filter_saveFilters : true,
                    filter_reset: '.reset'
                }
            });

            $('#btnDetalleMov').click(function(){
                $('#categoriasMovimiento').val('');
                $('#categoriasMovimiento').change();

                $('#productoMovimiento').empty();
                $('#productoMovimiento').append($catalogo);

                $('#productoMovimiento').val('');
                $('#productoMovimiento').change();
            });
            $('#btnAprobarMovimiento').click(function(){
                var id = movimiento;
                var tipoM = $('#tipoMov option:selected[value="' + $('#tipoMov').val() + '"]').text();
                var entrega = '';
                var recibe = '';
                var total = new String($('#totalTotal').text());
                total = total.replace('Total: ', '');

                if($('#tipoMov').val()==1){
                    entrega = $('#entregaMov option:selected[value="' + $('#entregaMov').val() + '"]').text();
                    recibe = $('#recibeMov option:selected[value="' + $('#recibeMov').val() + '"]').text();
                }

                $.confirm({
                    title: 'Aprobar Movimiento ' + movimiento + '!',
                    icon: 'fa fa-spinner fa-spin',
                    content:'Va a aprobar el siguiente movimiento: <br/><p>' +
                    '<b>Tipo: </b>' + tipoM + '<br/>' +
                    '<b>Entrega: </b>' + entrega + '<br/>' +
                    '<b>Recibe: </b>' + recibe + '<br/>' +
                    '<b>Fecha: </b>' + $('#fechaMovimiento').val() + '<br/>' +
                    '<b>Costo movimiento: </b>' + total + '<br/>' +
                    '<b>Observaciones: </b>' + $('#observacionesMov').val() + '<br/>' +
                    '</p>' +
                    '<center>¿Desea continuar?</center>',
                    confirmButton: 'Continuar',
                    cancelButton: 'Cancelar',
                    confirmButtonClass: "btn-success",
                    animation: 'top',
                    closeAnimation: 'scale',
                    theme: 'bootstrap',
                    confirm: function(){
                        $("#cargar").css('display', '');

                        $.ajax({
                            url: '{{path('procesarMovimiento',{ 'idproyectos':idproyectos})}}',
                            type: 'POST',
                            data: {
                                idMovimiento: movimiento,
                                estado: 'ok'
                            }
                        }).done(function(res){
                            var obj = jQuery.parseJSON(res);
                            var estadoMov = obj.estadoMovimiento;
                            var estado = '';

                            for(i=0; i<estadoMov.length; i++){
                                estado = estadoMov[i].estado;
                            }

                            detalleMovimiento(obj.movimiento, estado, $('#tipoMov').val(), obj);
                        });
                    },
                    cancel: function(){
                    }
                });
            });
            $('#btnCancelarMovimiento').click(function(){
                var id = movimiento;
                var tipoM = $('#tipoMov option:selected[value="' + $('#tipoMov').val() + '"]').text();
                var entrega = '';
                var recibe = '';
                var total = new String($('#totalTotal').text());
                total = total.replace('Total: ', '');

                if($('#tipoMov').val()==1){
                    entrega = $('#entregaMov option:selected[value="' + $('#entregaMov').val() + '"]').text();
                    recibe = $('#recibeMov option:selected[value="' + $('#recibeMov').val() + '"]').text();
                }

                $.confirm({
                    title: 'Cancelar Movimiento ' + movimiento + '!',
                    icon: 'fa fa-spinner fa-spin',
                    content:'Va a cancelar el siguiente movimiento: <br/><p>' +
                    '<b>Tipo: </b>' + tipoM + '<br/>' +
                    '<b>Entrega: </b>' + entrega + '<br/>' +
                    '<b>Recibe: </b>' + recibe + '<br/>' +
                    '<b>Fecha: </b>' + $('#fechaMovimiento').val() + '<br/>' +
                    '<b>Costo movimiento: </b>' + total + '<br/>' +
                    '<b>Observaciones: </b>' + $('#observacionesMov').val() + '<br/>' +
                    '</p>' +
                    '<center>¿Desea continuar?</center>',
                    confirmButton: 'Continuar',
                    cancelButton: 'Cancelar',
                    confirmButtonClass: "btn-danger",
                    animation: 'top',
                    closeAnimation: 'scale',
                    theme: 'bootstrap',
                    confirm: function(){
                        $("#cargar").css('display', '');

                        $.ajax({
                            url: '{{path('procesarMovimiento',{ 'idproyectos':idproyectos})}}',
                            type: 'POST',
                            data: {
                                idMovimiento: movimiento,
                                estado: 'cancel'
                            }
                        }).done(function(res){
                            var obj = jQuery.parseJSON(res);
                            var estadoMov = obj.estadoMovimiento;
                            var estado = '';

                            for(i=0; i<estadoMov.length; i++){
                                estado = estadoMov[i].estado;
                            }

                            detalleMovimiento(obj.movimiento, estado, $('#tipoMov').val(), obj);
                        });
                    },
                    cancel: function(){
                    }
                });
            });
            $('#tDetalle .eliminar').click(function(){
                var id = new String($(this).attr('id'));
                id = id.replace('btn', '');

                $.confirm({
                    title: 'Eliminar del detalle!',
                    icon: 'fa fa-spinner fa-spin',
                    content:'Esta eliminando de el siguiente elemento: <br/><p>' +
                    '<b>Codigo: </b>' + $('#codigo' + id).val() + '<br/>' +
                    '<b>Elemento: </b>' + $('#descripcion' + id).val() + '<br/>' +
                    '<b>Cantidad: </b>' + $('#cantidad' + id).val() + '<br/>' +
                    '<b>Valor: </b>' + $('#subtotal' + id).val() + '<br/>' +
                    '<b>Impuesto: </b>' + $('#impuesto' + id).val() + '<br/>' +
                    '<b>Total: </b>' + $('#total' + id).val() + '<br/>' +
                    '<b>Observaciones: </b>' + $('#observacion' + id).val() + '<br/>' +
                    '</p>' +
                    '<center>¿Desea continuar?</center>',
                    confirmButton: 'Continuar',
                    cancelButton: 'Cancelar',
                    animation: 'top',
                    closeAnimation: 'scale',
                    theme: 'bootstrap',
                    confirm: function(){
                        $("#cargar").css('display', '');

                        $.ajax({
                            url: '{{path('eliminarDetalle',{ 'idproyectos':idproyectos})}}',
                            type: 'POST',
                            data: {
                                id: id,
                                idMovimiento: movimiento
                            }
                        }).done(function(res){
                            var obj = jQuery.parseJSON(res);
                            var estadoMov = obj.estadoMovimiento;
                            var estado = '';

                            for(i=0; i<estadoMov.length; i++){
                                estado = estadoMov[i].estado;
                            }

                            detalleMovimiento(obj.movimiento, estado, $('#tipoMov').val(), obj);
                        });
                    },
                    cancel: function(){
                    }
                });
            });

            if(estado!='MOVIMIENTO PENDIENTE'){
                $('#btnDetalleMov').remove();
            }
        }
    </script>


    <div class="col-sm-12  col-md-12 col-lg-12 col-xs-12 main">
        <div class="col-lg-12 col-xs-12" style="min-height: 300px">
            <div class="row">
                <form id="fmrMovimientos" name="fmrMovimientos" class="col-md-12">
                    <div class="row">
                        <fieldset id="divConsultasMov"><legend>Movimiento</legend>
                            <div class="row">
                                <div class="col-md-2"><label>Nro Movimiento:</label></div>
                                <div class="col-md-2">
                                    <input type="text" id="selectM" class="form-control" value="{{ idmovimiento }}" />
                                </div>
                                <div class="col-md-4">
                                    <a id="btnVerMovimiento" class="btn btn-info btn-md">
                                        <span class="glyphicon glyphicon-search"></span><span> CONSULTAR</span>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <h4 id="hEstadoM"></h4>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                    <div class="row">
                        <fieldset id="fMovimiento"><legend>Datos Movimiento</legend>
                            <div class="row">
                                <div class="col-md-2"><label>Tipo Movimiento:</label></div>
                                <div class="col-md-2">
                                    <input type="hidden" id="idMov" name="idMov" value="{{ idmovimiento }}" />
                                    <span  class="form-control">{{ movimiento.tipo.nombre }}</span>
                                </div>

                                <div class="col-md-1"><label>Entrega:</label></div>
                                <div class="col-md-3">
                                    <span  class="form-control"></span>
                                </div>

                                <div class="col-md-1"><label>Recibe:</label></div>
                                <div class="col-md-3">
                                    <span  class="form-control"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2"><label>Fecha Movimiento:</label></div>
                                <div class="col-md-2">
                                    <span  class="form-control">{{ movimiento.fechaMovimiento|date('d/m/Y') }}</span>
                                </div>

                                <div class="col-md-1"><label>Observación:</label></div>
                                <div class="col-md-3">
                                    <div class="form-control">{{ movimiento.observacion }}</div>
                                </div>


                            </div>
                        </fieldset>
                    </div>
                </form>
            </div>
            <div class="row" id="divDetalle">
            </div>
        </div>
    </div>


    <div class="modal fade" id="mCarrito" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel"><B>AGREGAR AL DETALLE</B></h4>
                </div>
                <div class="modal-body">
                    <fieldset><legend>Clasificación</legend>
                        <div class="row">
                            <div class="col-md-2"><label>Categoria:</label></div>
                            <div class="col-md-10">
                                <select id="categoriasMovimiento" class="js-example-basic-single">
                                    <option></option>
                                    {% for categoria in categorias %}
                                        <option value="{{ categoria.id }}">{{ categoria.categoria }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2"><label>Subcategoria:</label></div>x
                            <div class="col-md-10">
                                <select id="subcategoriasMovimiento" class="js-example-basic-single">
                                    <option></option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2"><label>Producto:</label></div>
                            <div class="col-md-10">
                                <select id="productoMovimiento" class="js-example-basic-single">
                                    <option></option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                    <div class="row">
                        <div class="col-md-12" id="divEtiquetasMov">

                        </div>
                    </div>
                </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.formatCurrency-1.4.0.js') }}"></script>
     <script src="{{ asset('js/i18n/jquery.formatCurrency.all.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 %}