<!-- <!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE = Edge, chrome = 1">
    <title>Soft MASBeauty</title>
    <link href="/SM/assets/dist/img/MAS2.png"  rel='shortcut icon' type='image/png'>
    --><!-- Tell the browser to be responsive to screen width -->
    <!-- <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> -->
    <!-- Bootstrap 3.3.6 -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/bootstrap/css/bootstrap.css"> -->
    <!-- Font Awesome -->
    <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
    <!-- <link rel="stylesheet" href="<?php echo base_url()?>assets/plugins/fontawesome-5-3-1/css/all.css"> -->
    <!-- <script type="text/javascript"  src='<?php echo base_url()?>assets/plugins/fontawesome-5-3-1/js/all.js'></script> -->
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    --><!-- Ionicons -->
    <!--  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> -->
    <!-- Theme style -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/dist/css/AdminLTE.css"> -->
    <!-- AdminLTE Skins. Choose a skin from the css/skins
    folder instead of downloading all of them to reduce the load. -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/dist/css/skins/_all-skins.css"> -->
    <!-- iCheck -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/iCheck/flat/blue.css"> -->
    <!-- Morris chart -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/morris/morris.css"> -->
    <!-- jvectormap -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/jvectormap/jquery-jvectormap-1.2.2.css"> -->
    <!-- Date Picker -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/datepicker/datepicker3.css"> -->
    <!-- Daterange picker -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/daterangepicker/daterangepicker.css"> -->
    <!-- bootstrap wysihtml5 - text editor -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"> -->
    <!-- FullCalendar -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/jQuery/jquery-2.2.3.min.js"></script> -->
    <!-- <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> -->
    <!-- <link href='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.css' rel='stylesheet' />
    <link href='<?php echo base_url();?>assets/fullcalendar/fullcalendar.print.min.css' rel='stylesheet' media='print' />
    <script src='<?php echo base_url();?>assets/fullcalendar/lib/moment.min.js'></script>
    <script src='<?php echo base_url();?>assets/fullcalendar/lib/jquery.min.js'></script>
    <script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script> -->



    <!--  -->
    <!-- <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/plugins/datatable/datatables.min.css"/>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/datatables.min.js"></script>         
    <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/datatable/dataTables.bootstrap4.min.css'?>">
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/dataTables.bootstrap4.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/sum().js"></script> -->
    <!-- <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script> -->

    <!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>  -->
    <!-- <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/jQuery/jquery-3.3.1.js"></script>

    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/buttons.flash.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/jszip.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/pdfmake.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/vfs_fonts.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/buttons.html5.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/buttons.print.min.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/plugins/datatable/jquery.dataTables.min.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/plugins/datatable/buttons.dataTables.min.css" />
     <link rel="stylesheet" href="<?php echo base_url()?>assets/plugins/datatable/toastr.min.css" />
    <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/datatable/toastr.min.js"></script>
    <link href="<?php echo base_url()?>assets/plugins/datatable/family-reboto.css" rel="stylesheet"> --> 
    <!--  -->
    <!-- <script src='<?php echo base_url();?>assets/plugins/notify/notify.min.js'></script> -->
    <!-- checar donde esta en local -->
    <!-- <script src='<?php echo base_url();?>assets/plugins/sweetalert/sweetalert.min.js'></script> -->
    <!-- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> -->
    <!-- <script type="text/javascript" src="<?php echo base_url()?>assets/plugins/doubleScroll/jquery.doubleScroll.js"></script>
    <style type="text/css">
        .main-header .sidebar-toggle:before {
            content: unset !important;
        }
        .skin-blue .main-header .navbar .sidebar-toggle {
            color: #fff;
            min-height: 50px;
        }
    </style> -->

    <!--<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/clientes.js"></script>-->
    <!-- <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
    <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
    <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
    <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>"> -->
    <!--...........................................Dropzone......................................................-->
    <!-- <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/dropzone/dropzone.css'?>">
    <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/dropzone/dropzone.js"></script> -->


    <!--_________________________________________________________________________________________________________-->

    <!--...........................................Gastos......................................................-->
    <!-- <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/gastos.js"></script> -->
    <!--<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/updateGasto.js"></script>-->
    <!--_________________________________________________________________________________________________________-->
<!-- </head> -->
<!-- <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
        <header class="main-header"> -->
            <!-- Logo -->
            <!-- <a href="" class="logo"> -->
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <!-- <span class="logo-mini">SMA</span> -->
                <!-- logo for regular state and mobile devices -->
                <!-- <span class="logo-lg">Soft MASBeauty</span>
            </a> -->
            <!-- Header Navbar: style can be found in header.less -->
            <!-- <nav class="navbar navbar-static-top"> -->
                <!-- Sidebar toggle button-->
                <!-- <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <i class="fas fa-bars"></i> -->
                    <!-- <span class="fa fa-bars">Toggle navigation</span> -->
                <!-- </a>

                <div class="navbar-custom-menu"> -->
                    <!-- Messages: style can be found in dropdown.less-->
                    <!-- <ul class="nav navbar-nav navbar-right">
                        <li class="">
                            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                <img src="" alt=""> 
                                <img src="" alt=""><?=$this->session->userdata('Usuario')?>                    
                                <span class=" fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-usermenu pull-right">
                                <li>
                                    <a href="<?=base_url('ayuda/Franquiciatario/preguntas'); ?>">Ayuda</a>
                                </li>
                                <li>
                                    <a  href="<?=base_url('acceso/acceso/logout_ci'); ?>">Salir</a>
                                </li>
                            </ul>
                        </li> 
                    </ul>
                </div>
            </nav>
        </header> -->
        <!-- <aside class="main-sidebar"> -->
            <!-- sidebar: style can be found in sidebar.less -->
            <!-- <section class="sidebar"> -->
                <!-- Sidebar user panel -->
                <!-- <div class="user-panel">
                    <div class="pull-left image">
                        <img src="/SM/assets/dist/img/MAS2.png" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        <h4>
                            <p>Menú</p>
                        </h4>
                    </div>
                </div> -->
                <!-- search form -->
                
                <!-- /.search form -->
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <!-- <ul class="sidebar-menu">
                    </br>
                    <li class="treeview">
                        <li>
                            <a  href="<?php echo base_url();?>acceso/acceso" style="color:white">
                                <i class="fa fa-home"></i> 
                                <span>Inicio</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>usuarios/Franquiciatario/usuariosF" style="color:white ">
                                <i class="fa fa-user"></i> 
                                <span>Usuarios</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>clientes/franquiciatario/clienteF" style="color:white">
                                <i class="fa fa-users"></i> 
                                <span>Clientes</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>productos/Franquiciatario/productoAdicionalA" style="color:white">
                                <i class="fa fa-shopping-cart"></i> 
                                <span>Productos</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>servicios/Franquiciatario/ServiciosAdicionalesF" style="color:white">
                                <i class="fa fa-tags"></i> 
                                <span>Servicios</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>promociones/franquiciatario/PromocionesF" style="color:white">
                                <i class="fa fa-gift"></i> 
                                <span>Promociones</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>agenda/franquiciatario/listacitasF" style="color:white">
                                <i class="fa fa-calendar-alt"></i>
                                <span> Agenda</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>caja/Franquiciatario/cajaF" style="color:white">
                                <i class="fa fa-hand-holding-usd"></i> 
                                <span>Caja</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>pagos/franquiciatario/pagosF/UltimasVentas" style="color:white ">
                                <i class="fa fa-credit-card"></i> 
                                <span>Pagos</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>gastos/Franquiciatario/GastosF" style="color:white">
                                <i class="fas fa-comment-dollar"></i>
                                <span> Gastos</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>reportes/Franquiciatario/reportesF" style="color:white">
                                <i class="fab fa-sellsy"></i> 
                                <span>Reportes</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo base_url();?>ayuda/Franquiciatario/preguntas" style="color:white">
                                <i class="fa fa-question-circle"></i> 
                                <span>Ayuda</span>
                            </a>
                        </li>
                        <li>
                            <a href="<?=base_url('acceso/acceso/logout_ci'); ?>" style="color:white"> 
                                <i class="fa fa-sign-out-alt"></i> 
                                <span>Salir</span>
                            </a>
                        </li>
                    </li>
                </ul>
            </section> -->
            <!-- /.sidebar -->
        <!-- </aside> -->

        <!-- Content Wrapper. Contains page content -->
        <!-- <div class="content-wrapper">
            <div class="content">                  -->





            </head>
         <!--<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/clientes.js"></script>-->
        <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
        <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
        <!--...........................................Dropzone......................................................-->
        <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/dropzone/dropzone.js"></script>
        <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/dropzone/dropzone.css'?>">
        <!--_________________________________________________________________________________________________________-->

        <!--...........................................Gastos......................................................-->
        <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/gastos.js"></script>
        <!--<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/updateGasto.js"></script>-->
        <!--_________________________________________________________________________________________________________-->
        <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
        <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
        <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
        <!-- Latest compiled and minified JavaScript -->
        <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
        </head>

                <div class="col-md-2 col-xs-3 pull-right div-citas"> 
                    <a href="<?=base_url()?>reportes/Franquiciatario/ReporteGastos">
                        <button type="button" class="btn btn-primary btn-info pull-right" id="gastosF" > GASTOS 
                        </button>
                    </a>

                    <!-- <a href="<?=base_url()?>reportes/Franquiciatario/ReporteGastos/view">
                        <button type="button" class="btn btn-primary btn-info pull-right" id="gastosF" > GASTOS 
                        </button>
                    </a> -->
                </div>  
                </br>
                <center>
                    <h1>Lista de Gastos</h1>
                </center>       
                <div class="container">
                    <div class="col-md-7 navbar-form navbar">
                        <label class="label-buscar">Buscar:</label>
                        <input type="text" class="form-control searchC"  id="query" name="query" />
                        <button type="button" class="btn btn-primary" style="visibility: hidden;">
                            <span class='glyphicon glyphicon-plus'></span>
                        </button>
                        <button data-toggle="modal" data-target="#modalGasto" type="button" id="agregar" name="agregar" class="btn btn-primary" style="outline: none;" onclick="deshabilitar();">
                            <span class='glyphicon glyphicon-plus' ></span>
                        </button>
                    </div>
                    <div class="col-md-12" id="cargando" style=" text-align: center;">
                        <div class="lds-spinner">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                        <center class="cargando2"> Cargando...</center>
                    </div>
                </div>
                <!-- <input type="text" class="col-md-12"> -->
                <table id="tabla-gastos" class="display up table tabla-general" style="width:100%">
                    <thead>
                        <tr>
                            <td><b>Fecha de registro</b></td>
                            <td><b>Tipo</b></td>
                            <td><b>Nombre de gasto</b></td>
                            <td><b>Cantidad</b></td>
                            <td><b>Precio</b></td>
                            <td><b>Total</b></td>
                            <td><b>Usuario logueado</b></td>
                            <td><b>Acciones</b></td>
                        </tr>
                    </thead>
                    <tbody id="tabla-gastosBody">
                        
                    </tbody>
                </table>

                <!-- Modal para inserción -->
                <div class="modal fade" id="modalGasto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header" style="background-color: #003CA6!important;">
                                <h3 class="modal-title" id="exampleModalLabel" style="color:#FFFFFF;" align="center">Registrar gasto</h3>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form id="formGasto" name="formGasto" enctype="multipart/form-data">
                                    <div class="box-body">
                                        <div class="form-group">
                                            <label for="tipoGasto" class="col-form-label" id="tipoG">Tipo de gasto
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label><br>
                                            <input type="radio" id="fijo" name="tipoGasto" value="fijo">
                                            <label for="Fijo">Fijo</label>&nbsp;&nbsp;
                                            <input type="radio" id="variable" name="tipoGasto" value="variable">
                                            <label for="Variable">Variable</label><br>
                                        </div>
                                        <div class="form-group">
                                            <label for="gasto" class="col-form-label">Nombre del gasto 
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label>
                                            <input type="text" class="form-control" id="txtgasto" name="txtgasto" placeholder="Nombre del gasto" onkeypress="return validaLetra(event)">
                                        </div>
                                        <div class="form-group">
                                            <label for="cantidad" class="col-form-label">Cantidad
                                                <i class="fas fa-exclamation-circle"></i> 
                                            </label>
                                            <input type="text" class="form-control" id="cantidadGasto" name="cantidadGasto" onchange="total();" placeholder="Cantidad" onkeypress="return valida(event)">
                                        </div>
                                        <div class="form-group">
                                            <label for="precio" class="col-form-label">Precio 
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label>
                                            <input type="text" class="form-control" id="precioGasto" name="precioGasto" onchange="total();" placeholder="Precio" onkeypress="return validaPunto(event)">
                                        </div><br>
                                        <div class="form-group" id="total" name="total" style="display: none;">
                                        </div>
                                        <div class="form-group">
                                            <label for="comprobante" class="col-form-label">Comprobante 
                                            </label>
                                            
                                            <!--<input type="file" name="file" id="file" >-->
                                            <!--<div  class="dropzone" id="myDropzoneArchivo" name="myDropzoneArchivo" >
                                                
                                            </div><br>-->
                                        </div>
                                    </div>
                                    <div class="dropzone" id="myDropzoneArchivo" name="myDropzoneArchivo">
                                        
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <div class="row"> 
                                    <div class="col-md-4 col-xs-4"> 
                                        <button type="button" class="btn btn-danger col-md-12 col-xs-12" data-dismiss="modal"> 
                                            <span class="glyphicon glyphicon-circle-arrow-left">Cerrar<br><br>
                                            </span>
                                        </button>
                                    </div>
                                    <div class="col-md-4 col-xs-4"> 
                                        <button type="submit" class="btn btn-primary btn-info col-md-12 col-xs-12" id="sendRegistro" name="sendRegistro" onclick="sendRegistroContinuo();">
                                            <span class="glyphicon glyphicon-floppy-disk">Guardar y<br> continuar
                                            </span>
                                        </button>
                                    </div>
                                    <div class="col-md-4 col-xs-4"> 
                                        <button type="submit" class="btn btn-primary col-md-12 col-xs-12" id="sendRegistro" name="sendRegistro" onclick="sendRegistro();">
                                            <span class="glyphicon glyphicon-floppy-disk">Guardar y<br> cerrar
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modal para modificación-->
                <div class="modal fade" id="modalUpdateGasto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header" style="background-color: #003CA6!important;">
                                <h3 class="modal-title" id="exampleModalLabel" style="color:#FFFFFF;" align="center">Modificar gasto</h3>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form id="formGastoUpdate" name="formGastoUpdate" enctype="multipart/form-data">
                                    <div class="box-body">
                                        <input type="text" class="form-control" id="idGastoUpdate" name="idGastoUpdate" style="display: none;">
                                        <div class="form-group">
                                            <label for="tipoGasto" class="col-form-label">Tipo de gasto
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label><br>
                                            <input type="radio" id="fijoUpdate" name="tipoGastoUpdate" value="fijo" checked>
                                            <label for="Fijo">Fijo</label>&nbsp;&nbsp;
                                            <input type="radio" id="variableUpdate" name="tipoGastoUpdate" value="variable">
                                            <label for="Variable">Variable</label><br>
                                        </div>
                                        <div class="form-group">
                                            <label for="gasto" class="col-form-label">Nombre del gasto 
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label>
                                            <input type="text" class="form-control" id="txtgastoUpdate" name="txtgastoUpdate" placeholder="Nombre del gasto" onkeypress="return validaLetra(event)">
                                        </div>
                                        <div class="form-group">
                                            <label for="cantidad" class="col-form-label">Cantidad
                                                <i class="fas fa-exclamation-circle"></i> 
                                            </label>
                                            <input type="text" class="form-control" id="cantidadGastoUpdate" name="cantidadGastoUpdate" onchange="total();" placeholder="Cantidad" onkeypress="return valida(event)">
                                        </div>
                                        <div class="form-group">
                                            <label for="precio" class="col-form-label">Precio 
                                                <i class="fas fa-exclamation-circle"></i>
                                            </label>
                                            <input type="text" class="form-control" id="precioGastoUpdate" name="precioGastoUpdate" onchange="total();" placeholder="Precio" onkeypress="return validaPunto(event)">
                                        </div><br>
                                        <div class="form-group" id="totalUpdate" name="totalUpdate">
                                        </div>
                                        <div class="form-group" id="contenedor" name="contenedor">
                                        </div>
                                        <div class="form-group">
                                            <label for="comprobante" class="col-form-label">Comprobante 
                                            </label>
                                            <!--<input type="file" name="fileUpdate" id="fileUpdate">-->
                                            <div  class="dropzone" id="myDropzoneUpdate" name="myDropzoneUpdate" >
                                                <!--<input type="file" name="fileUpdate" id="fileUpdate" style="display: none;">-->
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger col-md-4 col-xs-5 pull-left" data-dismiss="modal"> 
                                    <span class="glyphicon glyphicon-circle-arrow-left"></span>Cerrar
                                </button>
                                <button type="submit" class="btn btn-primary col-md-4 col-xs-5 pull-right"id="sendRegistroUpdate" name="sendRegistroUpdate" onclick="updateGasto();">
                                    <span class="glyphicon glyphicon-floppy-disk" ></span>Guardar
                                </button>
                            </div>
                        </div>
                  </div>
                </div>
            <!-- </div>
        </div> -->
  
        <!-- /.content-wrapper -->
        <!-- <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version 1.0</b>Todos los derechos son reservados.
                <br>
                <b>No.Registro : 03-2018-042410474300-01</b>
            </div>
            <strong>
                <a href="http://www.modelartspa.com/">
                    <img src="/SM/assets/dist/img/logo2.png" width="180" height="45" alt="">
                </a>
            </strong> 
        </footer>
    </div> -->
    <!-- ./wrapper -->

    <!-- jQuery 2.2.3 -->

    <!-- jQuery UI 1.11.4 -->

    <!-- <script src="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.js'?>" type="text/javascript"></script>  -->
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <!-- <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script> -->
    <!-- Bootstrap 3.3.6 -->
    <!-- <script src="<?php echo base_url();?>assets/bootstrap/js/bootstrap.min.js"></script> -->
    <!-- Morris.js charts -->

    <!-- <script src="<?php echo base_url();?>assets/plugins/morris/morris.min.js"></script> -->
    <!-- Sparkline -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/sparkline/jquery.sparkline.min.js"></script> -->
    <!-- jvectormap -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="<?php echo base_url();?>assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> -->
    <!-- jQuery Knob Chart -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/knob/jquery.knob.js"></script> -->
    <!-- daterangepicker -->

    <!-- <script src="<?php echo base_url();?>assets/plugins/daterangepicker/daterangepicker.js"></script> -->
    <!-- datepicker -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/datepicker/bootstrap-datepicker.js"></script> -->
    <!-- Bootstrap WYSIHTML5 -->

    <!-- Slimscroll -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/slimScroll/jquery.slimscroll.min.js"></script> -->
    <!-- FastClick -->
    <!-- <script src="<?php echo base_url();?>assets/plugins/fastclick/fastclick.js"></script> -->

    <!-- AdminLTE App -->
    <!-- <script src="<?php echo base_url();?>assets/dist/js/app.min.js"></script> -->
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <!-- <script src="<?php echo base_url();?>assets/dist/js/pages/dashboard.js"></script> -->

    <!-- AdminLTE for demo purposes -->

    <!--<script type="text/javascript">
        $(document).ready(function() {
        $('#tabla-gastos').DataTable( { 
            dom: 'lrtip',
            responsive: true,
            ServerSide: true,
            destroy: true,
            footer: true,
            processing: true,
            "lengthChange": false,
            "pageLength": 20,  
            "ajax":{
              "url":"<?php echo base_url();?>gastos/Franquiciatario/GastosF/gastos/",
              "type": 'POST'
            },
                "language": {
                  "lengthMenu": "Mostrar _MENU_ registros por pagina",
                  "zeroRecords": "No se encontraron resultados en su busqueda",
                  "searchPlaceholder": "Buscar registros",
                  "info": "Mostrando registros de _START_ al _END_ de un total de  _TOTAL_ registros",
                  "infoEmpty": "No existen registros",
                  "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                  "search": "Buscar:",
                  "paginate": {
                      "first": "Primero",
                      "last": "Último",
                      "next": "Siguiente",
                      "previous": "Anterior"
                  }
              }
              });
              
              $('#tabla-gastos').wrap("<div id='scrollbar-tabla' class='scrollbar-tabla'></div>");
              $('#scrollbar-tabla').doubleScroll({
                    resetOnWindowResize: true
                  });

              document.getElementById('cargando').classList.add('invisible');
              var table = $('#tabla-gastos').DataTable();
              $('#query').on( 'input', function () {
                  table.search( this.value ).draw();
              });
      });
    </script>-->
<!-- </body>
</html> -->
