<input type="hidden" id="url" value="<?=URL?>"/>
<input type="hidden" id="moneda" value="<?=Session::get('moneda')?>"/>
<input type="hidden" id="multiples_precios" value="<?=Session::get('multiples_precios')?>"/>
<input type="hidden" id="cod_ti" value="3"/>
<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h4 class="m-b-0 m-t-0">Ajustes</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?php echo URL; ?>ajuste" class="link">Inicio</a></li>
            <li class="breadcrumb-item"><a href="<?php echo URL; ?>ajuste" class="link">Restaurante</a></li>
            <li class="breadcrumb-item active">Productos</li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-lg-3">
        <div class="card">         
            <div class="card-body">
                <div class="message-box contact-box">
                    <h4 class="card-title">Categorías</h4>
                    <h2 class="add-ct-btn" id="step1"><button type="button" class="btn btn-circle btn-lg btn-orange waves-effect waves-dark btn-categoria-nuevo"><i class="ti-plus"></i></button></h2>
                    <form id="form-categoria" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="id_catg_categoria" id="id_catg_categoria">
                        <div id="display-categoria-nuevo" style="display: none">
                            <ul class="list-style-none">
                                <li class="divider"></li>
                            </ul>
                            <div class="row floating-labels m-t-40">
                                <div class="col-sm-12">
                                    <div class="ct-wizard-azzure" id="wizardProfile">
                                        <div class="picture-container">
                                            <div class="picture" style="width: 150px; height:150px">
                                                <img src="<?php echo URL; ?>public/images/productos/default.png" class="picture-src" id="wizardPicturePreview-2"/>
                                                <input type="hidden" name="imagen" id="imagen" value="default.png" />
                                                <input type="file" name="imagen" id="wizard-picture-2">
                                            </div>      
                                            <h6>Cambiar Imagen</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group f m-t-40 m-b-20 letNumMayMin">
                                        <input type="text" class="form-control input-mayus cbu ph-0" name="descripcion_categoria" id="descripcion_categoria" autocomplete="off" required>
                                        <span class="bar"></span>
                                        <label for="descripcion_categoria">Nombre</label>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group m-t-20 ent">
                                        <input type="text" class="form-control input-mayus cbu ph-0" name="orden_categoria" id="orden_categoria" autocomplete="off">
                                        <span class="bar"></span>
                                        <label for="orden_categoria">Orden</label>
                                    </div>
                                </div>
                                <div class="col-sm-12 m-t-20">
                                    <input type="hidden" name="hidden_estado_categoria" id="hidden_estado_categoria"/>
                                    <input type="checkbox" name="estado_categoria" id="estado_categoria" class="chk-col-green"/>
                                    <label for="estado_categoria">Activo</label>
                                </div>
                                <div class="col-sm-12 m-t-0">
                                    <input type="hidden" name="hidden_delivery_categoria" id="hidden_delivery_categoria"/>
                                    <input type="checkbox" name="delivery_categoria" id="delivery_categoria" class="chk-col-green"/>
                                    <label for="delivery_categoria">Delivery <i class="ti-info-alt text-warning font-10" data-original-title="¿Deseas mostrar esta presentación en tus deliverys?" data-toggle="tooltip" data-placement="top"></i></label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 m-b-10">
                                    <a class="btn btn-secondary btn-block btn-categoria-cancelar">Cancelar</a>
                                </div>
                                <div class="col-6 m-b-10 text-right">
                                    <button type="submit" class="btn btn-block btn-success">Aceptar</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <ul class=" nav nav-tabs tabs-vertical2 hidden-xs-down"  id="ul-cat" style="font-size: 13px; width: 100%!important;overflow-x: hidden;overflow-y: auto; height: 620px">
                        <div class="scroll_categoria"></div>
                    </ul>
                    <!-- <ul class="list-style-none display-categoria-list">
                        <li class="box-label"><a href="javascript:void(0)" class="link" onclick="listarProductos('%')">Todos</a></li>
                    </ul>
                    <ul class="list-style-none display-categoria-list" style="font-size: 13px;">
                        <li class="divider"></li>
                        <div class="scroll_categoria" id="ul-cat"></div>
                    </ul> -->
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-9">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header bg-light-inverse p-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="social-widget">
                                    <div class="soc-content">
                                        <div class="col-4 b-r">
                                            <h1><i class="mdi mdi-food-fork-drink text-warning"></i></h1>
                                            <h5 class="text-warning">Platos y bedidas</h5>                            
                                        </div>
                                        <div class="col-4 b-r">
                                            <a href="combo">
                                                <h1><i class="mdi mdi-food text-muted"></i></h1>
                                                <h5 class="text-muted">Combos</h5>
                                            </a>                                    
                                        </div>
                                        <div class="col-4">
                                            <a href="insumo">
                                                <h1><i class="mdi mdi-food-variant text-muted"></i></h1>
                                                <h5 class="text-muted">Insumos</h5>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>                   
                    </div>
                    <div class="card-body p-t-0 p-b-0 floating-labels">
                        <div class="row" style="margin-left: -20px; margin-right: -20px">
                            <!-- Column -->
                            <div class="col-lg-7 p-0">
                                <div class="row p-20">
                                    <div class="col-lg-3 mb-3 mb-sm-0">
                                        <button class="btn btn-primary btn-block btn-importar-producto" id="step2">Importar</button>
                                    </div>
                                    <div class="col-lg-8">
                                        <button class="btn btn-success btn-block btn-nuevo-producto" id="step2"><i class="fas fa-plus-circle"></i> Nuevo producto</button>
                                    </div>
                                    <div class="col-lg-12 m-t-20" id="filter_global">
                                        <div class="form-group m-b-0">
                                            <input class="form-control global_filter" id="global_filter" type="text" placeholder="Buscar producto">
                                            <span class="bar"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive b-t m-b-10" style="font-size: 13px; width: 100%!important;overflow-x: hidden;overflow-y: auto; height: 450px">
                                    <table class="table table-condensed table-hover stylish-table" width="100%" id="table-productos">
                                        <thead class="table-head">
                                            <th style="width: 75%;">Producto</th>
                                            <th style="width: 10%; text-align: right">Área</th>
                                            <th style="width: 10%; text-align: right">¿Transformable?</th>
                                            <th style="width: 10%; text-align: right">¿Activo?</th>
                                            <th style="width: 5%;"></th>
                                        </thead>
                                        <tbody class="tb-st"></tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- Column -->
                            <div class="col-lg-5 p-t-20 p-b-20 b-l" style="background: #fbfbfb;" id="step3">
                                <div id="sinPres">
                                    <div class="row text-center">
                                        <div class="col-sm-10 offset-sm-1">
                                            <h4><i class="ti ti-arrow-circle-left"></i><br>Agregue o seleccione un producto</h4>
                                            <h6>Debes agregar o seleccionar un producto para poder agregar o modificar sus presentaciones</h6>
                                        </div>
                                    </div>
                                </div>
                                <div id="conPres" style="display: none">
                                    <div id="head-p"></div>
                                    <div id="body-c"></div>
                                    <div class="col-lg-12 m-t-20" id="filter_global">
                                        <div class="form-group m-b-0">
                                            <input class="form-control global_filterPres" id="global_filterPres" type="text" placeholder="Buscar presentacion">
                                            <span class="bar"></span>
                                        </div>
                                    </div>
                                    <div class="table-responsive b-t m-b-10 mt-2" style="font-size: 13px; width: 100%!important;overflow-x: hidden;overflow-y: auto; height: 400px">
                                        <table class="table table-condensed table-hover stylish-table" width="100%" id="table-presentaciones">
                                            <thead class="table-head">
                                                <th style="width: 70%; background-color: #E8FEF0!important;">Nombre - Código</th>
                                                <th style="width: 10%; background-color: #E8FEF0!important; text-align: center">Favorito</th>
                                                <th style="width: 15%; background-color: #E8FEF0!important; text-align: right">Precio</th>
                                                <th style="width: 10%; background-color: #E8FEF0!important;"></th>
                                            </thead>
                                            <tbody class="tb-st" id=""></tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- <div id="head-p"></div>
                                <div id="body-c"></div>
                                <div id="body-p"></div> -->
                            </div>
                            <!-- Column -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal inmodal" id="modal-producto" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInTop">
        <form id="form-producto" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id_prod_producto" id="id_prod_producto">
            <div class="modal-header">
                <h4 class="modal-title">Detalle del producto</h4>
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
            </div>
            <div class="modal-body">
                <div class="row floating-labels">
                    <div class="col-md-12">
                        <div class="form-group display-flex">
                            <input class="form-control input-lg input-mayus" type="text" autocomplete="off" placeholder="Nombre" name="nombre_producto" id="nombre_producto" required="required"/>
                            <span class="bar"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="btn-group btn-group-toggle w-100" data-toggle="buttons">
                            <label class="btn waves-effect waves-light btn-secondary" id="transf" data-original-title="Producto que debes PREPARAR ANTES DE VENDER, Ejm: Ceviches, parrillas o tragos" data-toggle="tooltip" data-placement="top">
                                <input type="radio" name="id_tipo" value="1" autocomplete="off"> Transformado
                            </label>
                            <label class="btn waves-effect waves-light btn-secondary" id="ntransf" data-original-title="Producto que has COMPRADO PARA VENDER, Ejm: Gaseosas, chifles" data-toggle="tooltip" data-placement="top">
                                <input type="radio" name="id_tipo" value="2" autocomplete="off"> No Transformado
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row floating-labels m-t-40">
                    <div class="col-sm-12">
                        <div class="form-group m-b-40">
                            <select class="selectpicker form-control" name="id_areap_producto" id="id_areap_producto" data-style="form-control btn-default" data-live-search-style="begins" data-live-search="true" title="Seleccionar" data-size="5" required="required">
                                <?php foreach($this->AreaProduccion as $key => $value): ?>
                                    <option value="<?php echo $value['id_areap']; ?>"><?php echo $value['nombre']; ?></option>
                                <?php endforeach; ?> 
                            </select>
                            <span class="bar"></span>
                            <label for="id_areap_producto">Área de producción <i class="ti-info-alt text-warning font-10" data-original-title="Area donde se elabora el producto" data-toggle="tooltip" data-placement="top"></i></label>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group m-b-40">
                            <input name="notas_producto" id="notas_producto" class="form-control" data-role="tagsinput" placeholder="add">
                            <span class="bar"></span>
                            <label for="notas_producto">Notas <i class="ti-info-alt text-warning font-10" data-original-title="Escribe una o varias notas, Ejm: SIN SAL, POCA SAL" data-toggle="tooltip" data-placement="top"></i></label>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group m-b-40 cbu">
                            <input type="hidden" id="categoria"/>
                            <select class="selectpicker form-control" name="id_catg_producto" id="id_catg_producto" data-style="form-control btn-default" data-live-search-style="begins" data-live-search="true" title="Seleccionar" data-size="5" required="required">  
                            </select>
                            <span class="bar"></span>
                            <label for="id_catg_producto">Categoría <i class="ti-info-alt text-warning font-10" data-original-title="Categoría del producto" data-toggle="tooltip" data-placement="top"></i></label>
                        </div>
                    </div>
                    <div class="col-sm-12 m-t-10">
                        <input type="hidden" name="hidden_estado_producto" id="hidden_estado_producto"/>
                        <input type="checkbox" name="estado_producto" id="estado_producto" class="chk-col-green"/>
                        <label for="estado_producto">Activo</label>
                    </div>
                    <div class="col-sm-12 m-t-0">
                        <input type="hidden" name="hidden_delivery_producto" id="hidden_delivery_producto"/>
                        <input type="checkbox" name="delivery_producto" id="delivery_producto" class="chk-col-green"/>
                        <label for="delivery_producto">Delivery <i class="ti-info-alt text-warning font-10" data-original-title="¿Deseas mostrar esta presentación en tus deliverys?" data-toggle="tooltip" data-placement="top"></i></label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-success btn-guardar">Aceptar</button>
            </div>
        </form>
        </div>
    </div>
</div>

<div class="modal inmodal" id="modal-presentacion" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content animated bounceInTop">
        <form id="form-presentacion" method="post" enctype="multipart/form-data">
        <input type="hidden" name="nombre_producto_presentacion" id="nombre_producto_presentacion">
        <input type="hidden" name="id_prod_presentacion" id="id_prod_presentacion">
        <input type="hidden" name="id_pres_presentacion" id="id_pres_presentacion">
            <div class="modal-header">
                <h4 class="modal-title">Presentación del producto <span class="nomProductoPres"></span></h4>
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
            </div>


            <ul class="nav nav-tabs jusdtify-content-end customtab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#tab1" role="tab" aria-selected="true">Datos de venta</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#tab2" role="tab" aria-selected="false">Datos de Compra</a>
                </li>
                <li class="nav-item multiples_precios" style="display: none;">
                    <a class="nav-link" data-toggle="tab" href="#tab3" role="tab" aria-selected="false">Precios multiples</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1" role="tabpanel">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-5 b-r">
                                <div class="row m-t-20 m-b-20">
                                    <div class="col-sm-12">
                                        <div class="ct-wizard-azzure" id="wizardProfile">
                                            <div class="picture-container">
                                                <div class="picture" style="width: 150px; height:150px">
                                                    <img src="<?php echo URL; ?>public/images/productos/default.png" class="picture-src" id="wizardPicturePreview"/>
                                                    <input type="hidden" name="imagen" id="imagen2" value="default.png" />
                                                    <input type="file" name="imagen" id="wizard-picture">
                                                </div>      
                                                <h6>Cambiar Imagen</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row floating-labels">
                                    <div class="col-sm-12 m-t-10 m-b-10 text-center text-danger">
                                        <input type="hidden" name="hidden_favorito" class="text-danger" id="hidden_favorito"/>
                                        <input type="checkbox" name="favorito" id="favorito" class="chk-col-red text-danger"/>
                                        <label for="favorito" class="text-danger font-bold"><i class="fa fa-heart"></i> Favorito</label>
                                    </div>
                                    <div class="col-sm-6 m-t-10 m-b-10">
                                        <input type="hidden" name="hidden_estado_presentacion" id="hidden_estado_presentacion"/>
                                        <input type="checkbox" name="estado_presentacion" id="estado_presentacion" class="chk-col-green"/>
                                        <label for="estado_presentacion">Activo</label>
                                    </div>
                                    <div class="col-sm-6 m-t-10 m-b-10" id="tp-1" style="display: none">
                                        <input type="hidden" name="hidden_receta_presentacion" id="hidden_receta_presentacion" value=""/>
                                        <input type="checkbox" name="receta_presentacion" id="receta_presentacion" class="chk-col-green" />
                                        <label for="receta_presentacion">Tiene receta <i class="ti-info-alt text-warning font-10" data-original-title="¿Esta presentación requiere insumos o productos para su preparación?" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>                
                                    <div class="col-sm-6 m-t-10 m-b-10" id="tp-2" style="display: none">
                                        <input type="hidden" name="hidden_stock_presentacion" id="hidden_stock_presentacion"/>
                                        <input type="checkbox" name="stock_presentacion" id="stock_presentacion" class="chk-col-green" />
                                        <label for="stock_presentacion">Control Stock <i class="ti-info-alt text-warning font-10" data-original-title="¿Esta presentación requiere tener un control de entradas y salidas?" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>
                                    <div class="col-sm-6 m-t-10 m-b-10" id="">
                                        <input type="hidden" name="hidden_impuesto_presentacion" id="hidden_impuesto_presentacion" value=""/>
                                        <input type="hidden" name="igv_impuesto" id="igv_impuesto" value="<?php echo Session::get('igv'); ?>"/>
                                        <input type="checkbox" name="impuesto_presentacion" id="impuesto_presentacion" class="chk-col-green"/>
                                        <label for="impuesto_presentacion">Impuesto <?php echo Session::get('impAcr'); ?> <i class="ti-info-alt text-warning font-10" data-original-title="Esta opción te permite trabajar con productos exonerados a impuestos. La configuración 'Uso de ventas inafecta a impuestos' debe de estar inactiva" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>
                                    <div class="col-sm-6 m-t-10 m-b-10">
                                        <input type="hidden" name="hidden_delivery_presentacion" id="hidden_delivery_presentacion"/>
                                        <input type="checkbox" name="delivery_presentacion" id="delivery_presentacion" class="chk-col-green"/>
                                        <label for="delivery_presentacion">Delivery <i class="ti-info-alt text-warning font-10" data-original-title="¿Deseas mostrar esta presentación en tus deliverys?" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>
                                    <input type="hidden" name="hidden_impuesto_icbper" id="hidden_impuesto_icbper"/>
                                    <div class="col-sm-6 m-t-10 m-t-0">
                                        <input type="checkbox" name="impuesto_icbper" id="impuesto_icbper" class="chk-col-green"/>
                                        <label for="impuesto_icbper">Impuesto a la bolsa plástica <i class="ti-info-alt text-warning font-10" data-original-title="Se activará el impuesto a la bolsa plástica ICBPER" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>
                                    <input type="hidden" name="hidden_insumo_principal_presentacion" id="hidden_insumo_principal_presentacion"/>
                                    <?php if(Session::get('opc_02') == 1) { ?>
                                    <div class="col-sm-6 m-t-10 m-t-0">
                                        <input type="checkbox" name="insumo_principal_presentacion" id="insumo_principal_presentacion" class="chk-col-green"/>
                                        <label for="insumo_principal_presentacion">Insumo Princ. <i class="ti-info-alt text-warning font-10" data-original-title="¿Esta presentación contiene un insumo principal para su control de entradas y salidas?" data-toggle="tooltip" data-placement="top"></i></label>
                                    </div>
                                    <?php } ?>
                                </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="row floating-labels">
                                    <div class="col-md-12">
                                        <div class="form-group m-b-40">
                                            <input class="form-control input-lg input-mayus" type="text" autocomplete="off" name="presentacion_presentacion" id="presentacion_presentacion" placeholder="Nombre" required="required"/>
                                            <span class="bar"></span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="form-group m-b-40">
                                            <textarea name="descripcion_presentacion" id="descripcion_presentacion" class="form-control"></textarea>
                                            <span class="bar"></span>
                                            <label for="descripcion_presentacion">Descripción de la presentación <i class="ti-info-alt text-warning font-10" data-original-title="Escribe una descripción breve de la presentación" data-toggle="tooltip" data-placement="top"></i></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group f m-b-40 letNumMayMin">
                                            <input type="text" class="form-control input-mayus cbu" name="cod_prod_presentacion" id="cod_prod_presentacion" autocomplete="off">
                                            <span class="bar"></span>
                                            <label for="cod_prod_presentacion">Código</label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group f m-b-40 dec">
                                            <input type="text" class="form-control s" name="precio_presentacion" id="precio_presentacion" autocomplete="off" required>
                                            <span class="bar"></span>
                                            <label for="precio_presentacion">Precio venta 1 - <?php echo Session::get('moneda'); ?></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6" style="display: none">
                                        <div class="form-group f m-b-40 dec">
                                            <input type="text" class="form-control s" name="precio_presentacion2" id="precio_presentacion2" autocomplete="off" value="0.00" required>
                                            <span class="bar"></span>
                                            <label for="precio_presentacion2">Precio venta 2 - <?php echo Session::get('moneda'); ?></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6" id="tp-3" style="display: none">
                                        <div class="form-group f m-b-40 dec">
                                            <input type="text" class="form-control cbu" name="precio_delivery" id="precio_delivery" autocomplete="off">
                                            <span class="bar"></span>
                                            <label for="precio_delivery">Precio delivery - <?php echo Session::get('moneda'); ?> <i class="ti-info-alt text-warning font-10" data-original-title="Cantidad monetaria que se vende esta presentación solo para deliverys" data-toggle="tooltip" data-placement="top"></i></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6" id="tp-4" style="display: none">
                                        <div class="form-group m-b-40 ent">
                                            <input type="text" name="stock_min_presentacion" id="stock_min_presentacion" class="form-control cbu"autocomplete="off"/>
                                            <span class="bar"></span>
                                            <label for="stock_min_presentacion">Stock mínimo <i class="ti-info-alt text-warning font-10" data-original-title="Considere este valor para el control de stock" data-toggle="tooltip" data-placement="top"></i></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-6" id="tp-4-1" style="display: none">
                                        <div class="form-group m-b-40 ent">
                                            <input type="hidden" name="hidden_stock_limit" id="hidden_stock_limit"/>
                                            <input type="checkbox" name="stock_limit" id="stock_limit" class="chk-col-green"/>
                                            <label for="stock_limit">limitar venta <i class="ti-info-alt text-warning font-10" data-original-title="¿Deseas limitar venta acorde al stock en tus ventas?" data-toggle="tooltip" data-placement="top"></i></label>
                                        </div>
                                    </div> 
                                    <div class="col-sm-6" id="tp-4">
                                        <div class="form-group m-b-40 ent">
                                            <input type="text" name="ordenins" id="ordenins" class="form-control cbu"autocomplete="off"/>
                                            <span class="bar"></span>
                                            <label for="stock_min_presentacion">Nº de orden</label>
                                        </div>
                                    </div>
                                </div>
                                <div id="mensaje-ins" style="margin-bottom: 10px"></div> 
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab2" role="tabpanel">
                    <br>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-5 b-r">
                                <div class="row floating-labels">
                                    <div class="col-sm-6 m-t-10 m-b-10" id="">
                                        <input type="hidden" name="hidden_impuesto_presentacion_compra" id="hidden_impuesto_presentacion_compra" value=""/>
                                        <input type="hidden" name="igv_impuesto" id="igv_impuesto" value="<?php echo Session::get('igv'); ?>"/>
                                        <input type="checkbox" name="impuesto_presentacion_compra" id="impuesto_presentacion_compra" class="chk-col-green"/>
                                        <label for="impuesto_presentacion_compra">Impuesto <?php echo Session::get('impAcr'); ?> <br> compra </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="row floating-labels">
                                    <div class="col-sm-6">
                                        <div class="form-group f m-b-40 dec">
                                            <input type="text" class="form-control s" name="precio_presentacion_compra" id="precio_presentacion_compra" autocomplete="off" required>
                                            <span class="bar"></span>
                                            <label for="precio_presentacion_compra">Precio compra - <?php echo Session::get('moneda'); ?></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab3" role="tabpanel">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-5">
                                        <input class="form-control input-lg input-mayu" type="text" id="nombre" placeholder="Nombre">
                                    </div>
                                    <div class="col-5">
                                        <input class="form-control s" type="number" id="precio" placeholder="Precio">
                                    </div>
                                    <div class="col-2">
                                        <input type="button" class="add-row btn btn-outline-success btn-sm" value="Agregar precio">
                                    </div>      
                                </div>
                                <table class="full-width table table-strisped mt-2 tb_precios">
                                    <thead class="table-info">
                                        <tr>
                                            <td width="45%" class="font-bold text-center">Nombre</td>
                                            <td width="45%" class="font-bold text-center">Precio</td>
                                            <td width="5%" class="font-bold text-center">Acciones</td>
                                        </tr>
                                    </thead>
                                    <tbody> </tbody>
                                </table>
                                <div id="procesoGuardarPrecio" style="display: none"></div>
                                <button type="button" class="btn btn-outline-success" id="guardar"> Guardar precios</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>





            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-success btn-guaxrdar">Aceptar</button>
            </div>
        </form>
        </div>
    </div>
</div>
<div class="modal long-modal" id="modal-receta" tabindex="-1" role="dialog" aria-labelledby="longmodal" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content animated bounceInTop">
        <form id="form-receta" method="post" class="form-receta">
            <div class="modal-header">
                <h4 class="modal-title">Detalle de la receta:  <span class="nomProductoPres"></span></h4>
                    <h2 class="add-ct-btn text-right">
                        <div class="ml-auto">
                            <div class="btn-group">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fas fa-download"></i> Descargar receta
                            </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="" href="#">
                                        <a class="dropdown-item p-t-0 p-b-0" title="Descargar Excel" id="btnExcel" onclick="exportTableToExcel('TablaReceta')" receta="" style="cursor: pointer;">
                                            <span>
                                                <i class="fas fa-file-excel"></i> 
                                                Descargar en excel
                                            </span>
                                        </a>
                                    </a>


                                    <!-- <a class="#" onclick="exportTableToExcel('TablaReceta')" id="btnExcel" receta="">Formato Excel</a> -->
                                    <!-- <a class="" href="javascript:void();" id="pdf"></a> -->
                                </div>
                            </div>
                        </div>
                    </h2>
            </div>
            <div class="modal-body" style="background:#f1f1f1;">
                <div class="row floating-labels m-t-0">
                    <div class="col-sm-12">
                        <div class="form-group m-b-0">
                            <input type="text" name="buscar_ingrediente" id="buscar_ingrediente" class="form-control bg-t" autocomplete="off" placeholder="Búsqueda"/>
                            <span class="bar"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div><hr class="m-t-0 m-b-0"></div>
            <div class="modal-body list-ingredientes" style="display: none">
                <ul class="list-group">
                    <li class="list-group-item" style="background:#f1f1f1; font-size: 14px;">
                        <label>Insumo:</label> <span id="insumo"></span> - <label>Unidad de Medida:</label> <span class="label label-warning" id="medida"></span>
                    </li>
                    <li class="list-group-item floating-labels">
                    <div class="row" style="margin-bottom: -14px">
                    <input type="hidden" name="id_pres_receta" id="id_pres_receta"/>
                    <input type="hidden" name="id_ins_receta" id="id_ins_receta"/>
                    <input type="hidden" name="id_tipo_ins_receta" id="id_tipo_ins_receta"/>

                    <div class="col-sm-2">
                        <div class="form-group m-b-0">
                            <input type="text" name="cant_receta" id="cant_receta" class="form-control" style="text-align: center;" autocomplete="off" />
                            <span class="bar"></span>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group">
                            <select name="id_med_receta" id="id_med_receta" class="selectpicker form-control" data-live-search="true" autocomplete="off" data-size="5">
                            </select>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <small>Equivale a:<br><strong><span id="valor_ing">0</span> - <span id="desc_medida"></span></strong></small>
                    </div>
                    <div class="col-sm-2">
                        <small><br>
                            <div class="form-check mt-1">
                                <input class="form-check-input" type="checkbox" id="checkbox_principal" name="checkbox_principal">
                                <label class="form-check-label" for="checkbox_principal">Principal</label>
                            </div>
                        </small>
                    </div>

                    <div class="col-sm-2">
                        <div class="text-right">
                            <button type="submit" class="btn btn-sm btn-circle btn-orange"><i class="ti-plus"></i></button>
                            <button type="button" class="btn btn-sm btn-danger btn-eliminar"><i class="fas fa-trash"></i></button>
                        </div>
                    </div>
                </div> 
                    </li>
                </ul>
            </div>
            <div class="list-ingredientes" style="display: none"><hr class="m-t-0 m-b-0"></div>
        </form>
            <div class="modal-body modal-lg p-0">
                <div class="table-responsive scroll_rseceta" style="overflow-y:scroll; height:400px;">
                    <table id="TablaReceta" class="table stylish-table m-l-0 m-r-0" width="100%">
                        <thead class="table-head">
                            <tr>
                                <th class="text-center">Tipo</th>
                                <th class="text-center">Categoría</th>
                                <th class="text-center">Nombre</th>
                                <th class="text-center">Cantidad</th>
                                <th class="text-center">Unidad <br> Medida</th>
                                <th class="text-center">Costo <br> Unitario</th>
                                <th class="text-center">Costo <br> total</th>
                                <th class="text-center">Principal</th>
                                <th class="text-right">Acciones</th>
                            </tr>
                        </thead>
                        <tbody class="tb-st" id="table-receta"></tbody>
                        <tfoot>
                            <tr>
                                <th colspan="3" class="text-right">Total Items</th>
                                <th colspan="2" id="total_items" class="text-left">0</th>
                                <th colspan="2" class="text-right">Total Costo receta</th>
                                <th id="total_receta">0.00</th>
                                <th colspan="2"></th>
                            </tr>
                        </tfoot>
                    </table>   
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-cerrar-receta">Aceptar</button>
            </div>
        </div>
    </div>
</div>
<!-- modal import -->

<div class="modal inmodal" id="modal-import" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content animated bounceInTop">
        <form id="form-import" method="post" enctype="multipart/form-data">
        <input type="hidden" name="id_prod_producto" id="id_prod_producto">
            <div class="modal-header">
                <h4 class="modal-title">IMPORTAR PRODUCTOS</h4>
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
            </div>
            <div class="modal-body">
                <div class="row floating-labels">
                    <div class="col-md-12">
                        <span class="ont-12">
                            Desde aquí puedes importar nuevos productos:
                        </span>
                    </div>                    
                </div>
                <div class="row mt-3">
                    <div class="col-md-12">
                        <div id="yourBtn" onclick="getFile()">Seleccione un archivo (xlsx)</div>
                        <div style='height: 0px;width: 0px; overflow:hidden;'>
                        <!-- type="file" name="name"  id="name" -->
                            <input id="upfile" type="file" value="upload" onchange="sub(this) " accept=".xls,.xlsx" />
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12">
                    <a class="text-muted font-12 mr-auto" href="<?php echo URL; ?>/public/excel/productos.xlsx">Descargar formato de ejemplo para importar</a>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-success btn-guardar">Aceptar</button>
            </div>
        </form>
        </div>
    </div>
</div>

<!--fin -->
<style>
    #yourBtn {
  position: relative;
  /* top: 150px; */
  font-family: calibri;
  /* width: 150px; */
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px dashed #BBB;
  text-align: center;
  /* background-color: #DDD; */
  cursor: pointer;
}
</style>
<script type="text/javascript">
function getFile() {
  document.getElementById("upfile").click();
}

function sub(obj) {
  var file = obj.value;
  var fileName = file.split("\\");
  document.getElementById("yourBtn").innerHTML = fileName[fileName.length - 1];
  document.myForm.submit();
  event.preventDefault();
}


$(function() {
    $('#config').addClass("active");
    function filterGlobal () {
    $('#table-productos').DataTable().search( 
        $('#global_filter').val()
    ).draw();
    }
    $('input.global_filter').on( 'keyup click', function () {
        filterGlobal();
    } );
});
$(function() {
    $('#config').addClass("active");
    function filterGlobalPres () {
    $('#table-presentaciones').DataTable().search( 
    $('#global_filterPres').val()
).draw();
    }
    $('input.global_filterPres').on('keyup click', function () {
    filterGlobalPres();
} );
});
</script>
