<?php $__env->startSection('content'); ?>

    <div class="sixteen wide tablet sixteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">REALIZAR UNA VENTA</h4>
            
            <form class="ui form" id="frmNuevo" autocomplete="off"> 
                
                <div class="inline four fields">
                    <div class="ten wide field">
                    </div>

                    <div class="field datos_comprobante" >
                        <input type="hidden" id="tipo_comprobante" name="id_tipo_comprobante" value="2">
                        <input type="hidden" id="tipo_documento" name="id_tipo_documento" value="2">
                        <input type="hidden" id="descuento_global" name="descuento_global" value="0.00">

                        <input type="hidden" id="valor_icbper"  value="<?php echo e($empresa->valor_icbper); ?>">
                        <input type="hidden" id="porcentaje_detraccion" name="porcentaje_detraccion" value="<?php echo e($empresa->porcentaje_detraccion); ?>">
                        <input type="hidden" id="porcentaje_retencion"  name="porcentaje_retencion"  value="<?php echo e($empresa->porcentaje_retencion); ?>">
                         <input type="hidden"  name="id_sujeto_detraccion"  value="<?php echo e($empresa->id_sujeto_detraccion); ?>">
                          <input type="hidden" name="id_medios_pago"  value="<?php echo e($empresa->id_medios_pago); ?>">


                        <div class="ui fluid tiny black button pointing dropdown item" id="select_comprobante_venta">
                            <span class="text">BOLETA</span><i class="dropdown icon"></i>
                            <div class="menu border_shadow">
                                <?php $__currentLoopData = $tipo_comprobante; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="item" data-value="<?php echo e($data->id_tipo_comprobante); ?>"><?php echo e($data->nombre); ?></div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                            </div>
                        </div>
  
                        <div class="ui large white label" id="serie_comprobante"><?php echo e($serie); ?></div>-
                        <div class="ui large white label" id="numero_comprobante"><?php echo e($numero); ?></div>             
                    </div>
                    <div class="two wide field"></div>
                </div>
                <br>

                <div class="four fields">
                    
                    <div class="two wide field"></div>

                    <div class="one wide field" id="select_doc" style="display: block;;">
                        <div >
                            <select class="ui fluid small input dropdown"  name="tipo_doc2" >
                                <option value="DNI">DNI</option>
                                <option value="RUC">RUC</option>
                            </select>
                        </div>
                    </div>

                    <div class="one wide field" id="ruc_doc" style="display: none;">
                        <div class="ui fluid large white label" id="tipo_doc">RUC</div>
                    </div>


                    <div class="three wide field">
                        <div class="ui action small input" >
                              <input type="text" id="numero_documento" name="numero_documento"  placeholder="Buscar..." maxlength="8">
                              <div class="ui icon button" id="loading_doc" title="Clic para Consultar"><i class="search icon"></i>&nbsp;SUNAT</div>
                        </div>
                    </div>
                </div>

                <div class="three fields">
                    <div class="three wide field">
                        <div class="ui fluid large white label" id="nomb">Nombre del cliente</div>
                    </div>
                    <div class="eleven wide field">
                        <div class="ui small input">
                            <input type="text" id="nombre_cliente" name="nombre" maxlength="200" oninput="$.upperCase(this)">
                        </div>  
                    </div>
                    <div class="two wide field">
                        <div class="ui fluid small green button btn_buscar_cliente" title="Clic para ver lista de clientes registrados"><i class="search icon"></i>BUSCAR</div>
                    </div>
                </div>

                <div class="four fields">
                    <div class="three wide field">
                        <div class="ui fluid large white label">Direccion</div>
                    </div>
                    <div class="eight wide field">
                        <div class="ui small input" id="dir_dis">
                            <input type="text" name="direccion" id="direccion" maxlength="200" oninput="$.upperCase(this)">
                        </div>  
                    </div>
                    <div class="three wide field">
                        <select class="ui fluid small input dropdown" id="tipo_venta" name="tipo_venta">
                            <option value="NORMAL">Venta Normal</option>
                            <option value="DETRACCION">Venta Sujeta a Detraccion (<?php echo e($empresa->porcentaje_detraccion); ?>%)</option>
                            <option value="RETENCION">Venta con Retencion (<?php echo e($empresa->porcentaje_retencion); ?>%)</option>
                            
                        </select> 
                    </div>
                    <div class="two wide field">
                        <select class="ui fluid small input dropdown" name="tipo_pago">
                            <option value="EFECTIVO">Al Contado</option>
                            <option value="CREDITO">Al Credito</option>
                            
                        </select> 
                    </div>
                </div>

                

                <div class="five fields">
                    <div class="three wide field">
                        <div class="ui fluid large white label">Observacion</div>
                    </div>
                    <div class="eight wide field">
                        <div class="ui small input" id="dir_dis">
                            <input type="text" name="observacion" maxlength="200" oninput="$.upperCase(this)">
                        </div>  
                    </div>
                  
                    <div class="three wide field" id="fecha_pago" style="visibility: hidden;">
                        <div class="ui small input">
                            <input type="text" id="fecha_venci" name="fecha_pago" readonly placeholder="Fecha de vencimiento">
                        </div> 
                    </div> 

                    <div class="two wide field" id="btn_cuotas" style="visibility: hidden;">
                        <div class="ui fluid small green button btn_agregar_cuotas" title="Clic para agregar numero de cuotas"><i class="plus icon"></i>Nro. Cuotas</div>
                    </div>
                </div>

                <br> <br>

                <div class="four fields">
                    <div class="three wide field">
                        <div class="ui fluid large white label">Buscar producto</div>
                    </div>
                    <div class="eight wide field">
                        <select class="ui search selection " name="id_prod">
                            
                        </select> 
                    </div>
                    
                    <div class="three wide field">
                        <div class="ui icon small input" id="loading_input">
                            <input type="text" id="codigo_barras" maxlength="100" placeholder="CODIGO DE BARRAS" onkeyup="$.buscarCodigoBarras()">
                            <i class="search icon"></i>
                        </div> 
                    </div> 
                    <div class="two wide field">
                        <div class="ui fluid small green button btn_buscar_producto" title="Clic para ver lista de productos"><i class="search icon"></i>VER TODO</div>
                    </div>
                </div>


                <br>
                    
                <table class="ui celled table">
                    <thead>
                        <tr>
                            <th class="center aligned">Producto</th>
                            <th class="center aligned" data-tooltip="Cantidad a vender" data-position="top center" data-inverted="">Cantidad</th>
                            <th class="center aligned" data-tooltip="Precio de venta unitario" data-position="top center" data-inverted="">Precio S/</th>
                             <th class="center aligned" data-tooltip="Monto para descuento" data-position="top center" data-inverted="">Dscto S/</th>  
                            <th class="center aligned">Subtotal S/</th>
                            <th class="center aligned">Acción</th>
                        </tr>
                    </thead>
                    <tbody id="tbody"></tbody>
                </table>

                <div class="form_footer">
                    
                 
                    <a href="#" class="btn_nuevo_producto ui primary basic button" style="float: left;">(+) Registrar nuevo producto</a> 
                
                    <div class="ui right floated teal icon button  btn_calculadora" style="margin-left: 15px; float: left;"><i class="calculator icon"></i> Calculadora</div>
                   

                    <div class="ui right floated" style="float: right;">
                        <div class="ui labeled  mini input">
                            <label class="ui red basic label" style="width: 110px;">GRAVADO S/</label>
                            <input type="text" value="0.00" name="total_gravado" id="total_gravado" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div> <br> 
                        <div class="ui labeled  mini input">
                            <label class="ui blue basic label" style="width: 110px;">IGV S/</label>
                            <input type="text" value="0.00" name="total_igv" id="total_igv" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> 
                        <div class="ui labeled  mini input">
                            <label class="ui green basic label" style="width: 110px;">EXONERADO S/</label>
                            <input type="text" value="0.00" name="exonerado_total" id="total_exonerado" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> 
                        <div class="ui labeled  mini input">
                            <label class="ui orange basic label" style="width: 110px;">INAFECTO S/</label>
                            <input type="text" value="0.00" name="inafecto_total" id="total_inafecto" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> 
                  
                        <div class="ui labeled  mini input">
                            <label class="ui yellow basic label" style="width: 110px;">ICBPER S/</label>
                            <input type="text" value="0.00" name="icbper_total" id="total_icbper" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> 
                        <div class="ui labeled  mini input">
                            <label class="ui brown basic label" style="width: 110px;">DETRACCION S/</label>
                            <input type="text" value="0.00" name="detraccion_total" id="total_detraccion" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> 
                        <div class="ui labeled  mini input">
                            <label class="ui grey basic label" style="width: 110px;">RETENCION S/</label>
                            <input type="text" value="0.00" name="retencion_total" id="total_retencion" size="7" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> <br> 

                        <div class="ui labeled small input">
                            <label class="ui pink label">TOTAL VENTA S/</label>
                            <input type="text" name="total_venta" id="total_venta" size="6" readonly style="width: 0%; font-weight: bold; ">
                        </div>  <br> <br> 

                        <div class="ui right floated primary button btn_registrar"><i class="check icon"></i> EMITIR COMPROBANTE</div> 
                     </div>  
            
                </div>

            </form>

        </div>
    </div>

    <!--start register modal -->
    <div class="ui small basic modal" id="register_modal">
        <div class="ui icon header"><i class="circular inverted white dollar sign icon"></i>Registrar Venta</div>
        <div class="content" style="text-align: center; font-size: 16px">
          <p>¿Desea realizar la venta de estos productos?</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button" title="Haga clic para salir"><i class="remove icon"></i>Cancelar</div>
            <div class="ui green ok inverted button" title="Haga clic para registrar venta"> <i class="checkmark icon"></i>Registrar</div>
        </div>
    </div>
    <!--end register modal -->

    <!--start nuevo producto modal -->
    <div class="ui modal" id="nuevo_producto_modal">
        <div class="header">Registrar Nuevo Producto / Servicio</div>     
        <div class="content">
            <div class="ui disabled inverted dimmer" id="loader_producto">
                <div class="ui text loader">Procesando...</div>
            </div>
            <form class="ui form" id="frmNuevoProducto" autocomplete="off">
                
                <input type="hidden" name="id_tipo_presentacion" value="1">
                <input type="hidden" name="tipo_impuesto" value="IGV">
                <input type="hidden" name="tipo_producto" value="Generico">
                
                <div class="two fields">
                    <div class="twelve wide field">
                        <label>Nombre o Descripcion</label>
                        <div class="ui small input ">
                          <input type="text" name="nombre" maxlength="800" oninput="$.upperCase(this)">
                        </div>
                    </div>
                    <div class="four wide field">
                        <label>Precio de Venta</label>
                        <div class="ui labeled small input">
                            <label class="ui label">S/</label>
                            <input type="text" name="precio" maxlength="11">
                        </div>  
                    </div>
                </div>  
                <div class="four fields">
                    <div class="four wide field">
                        <label>Codigo de Barras</label>
                        <div class="ui small input ">
                          <input type="text" name="codigo_barras" maxlength="100" oninput="$.upperCase(this)">
                        </div>
                    </div>
                    <div class="four wide field">
                        <label>Unidad de Medida</label>
                        <select class="ui small search selection dropdown" name="id_unidad_medida">
                            <?php $__currentLoopData = $unidad_medida; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $unidad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($unidad->id_unidad_medida); ?>"><?php echo e($unidad->nombre); ?> (<?php echo e($unidad->abreviatura); ?>)</option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>  
                    </div>
                    <div class="four wide field">
                        <label>Situacion Impuesto</label>
                        <select class="ui small search selection dropdown" name="situacion_impuesto">
                            <option value="AFECTO">Afecto</option>
                            <option value="INAFECTO">Inafecto</option>
                            <option value="EXONERADO">Exonerado</option>
                        </select>  
                    </div>
                    <div class="four wide field">
                        <label>Valor de Impuesto</label>
                        <div class="ui right labeled small input">
                            <input type="text" name="valor_impuesto" id="valor_impuesto" value="<?php echo e($empresa->valor_impuesto); ?>" maxlength="8" readonly>
                            <label class="ui label">%</label>
                        </div>  
                    </div>
                </div> 
            </form>
        </div>
        <div class="actions" >
            <div class="ui left floated black right labeled icon deny button" style="margin-bottom: 1em">Cerrar<i class="times icon"></i></div>
            <div class="ui right floated primary button btn_registrar_producto"><i class="plus icon"></i>AGREGAR</div>
        </div>
    </div>
    <!--end nuevo producto  modal --> 

    <!--start buscar producto modal -->
    <div class="ui standard large modal" id="buscar_producto_modal">
        <div class="header">Buscar Productos</div>
        <div class="scrolling content">
            <div class="ui disabled inverted dimmer" id="loader_busqueda">
                <div class="ui text loader">Procesando...</div>
            </div>
            <div class="ui action small input"  autocomplete="off">
                <input type="text" id="buscar_producto" name="buscar_producto" placeholder="Producto a buscar...">
                <div class="ui icon button" id="btn_buscar_prod" title="Clic para buscar"><i class="search icon"></i></div>
            </div> 
            <table class="ui celled striped table" id="tabla_productos">
                <thead>
                    <tr>
                        <th class="head_table">N°</th>
                        <th class="head_table">Cod Barras</th>
                        <th class="head_table">Producto</th>  
                        <th class="head_table">Stock</th>                  
                        <th class="head_table">Precio por MENOR S/</th>
                        <th class="head_table">Precio por MAYOR S/</th>
                    </tr>
                </thead>
                <tbody id="tbody_productos">
                   <?php /**/ $i = 1/**/ ?>
                    <?php $__currentLoopData = $producto->sortBy('producto.nombre'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <tr data-table="<?php echo e($row->id_producto); ?>">
                        <td><?php echo e($i); ?></td>
                        <td><?php echo e($row->producto->codigo_barras); ?></td>
                        <td><?php echo e($row->producto->nombre); ?> <?php echo e($row->producto->descripcion); ?> </td>
                        <td><?php echo e($row->stock < 1000001 ? 'AGOTADO' : $row->stock - 1000000); ?></td>
                        <td>
                            <div class="ui mini vertical animated positive button btn_seleccionar_producto" title="Click para seleccionar este producto" data-id="<?php echo e($row->id_producto); ?>" data-mayor="false">
                                <div class="hidden content">Añadir</div>
                                <div class="visible content"><?php echo e($row->producto->precio); ?></div>
                            </div>
                        </td>
                        <td>
                            <?php if($row->producto->precio_mayorista != null): ?>
                                 <?php if($row->producto->precio_mayorista > 0): ?>
                                <div class="ui mini vertical animated orange button btn_seleccionar_producto" title="Click para seleccionar este producto" data-id="<?php echo e($row->id_producto); ?>" data-mayor="true">
                                    <div class="hidden content">Añadir</div>
                                    <div class="visible content"><?php echo e($row->producto->precio_mayorista); ?></div>
                                </div>
                                <?php endif; ?>
                            <?php endif; ?>
                        </td>
                    </tr>
                    <?php /**/ $i++ /**/ ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </tbody>
            </table>
        </div>
        <div class="actions" >
            <div class="ui left floated red right labeled icon deny button" style="margin-bottom: 1em">Cerrar<i class="times icon"></i></div>
        </div>
    </div>
    <!--end buscar producto modal -->

    <!--start buscar cliente modal -->
    <div class="ui standard large modal" id="buscar_cliente_modal">
        <div class="header">Buscar Clientes</div>
        <div class="scrolling content">
  
            <div class="ui action small input"  autocomplete="off">
                <input type="text" id="buscar_cliente" name="buscar_cliente" placeholder="Cliente a buscar...">
                <div class="ui icon button" id="btn_buscar_cli" title="Clic para buscar"><i class="search icon"></i></div>
            </div> 
            <table class="ui celled striped table" id="tabla_clientes">
                <thead>
                    <tr>
                        <th class="head_table">N°</th>
                        <th class="head_table">Nombre</th>
                        <th class="head_table">Documento</th>
                        <th class="head_table">Numero</th>
                        <th class="head_table">Acciones</th>
                    </tr>
                </thead>
                <tbody id="tbody_clientes">
                   <?php /**/ $i = 1/**/ ?>
                    <?php $__currentLoopData = $clientes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <tr data-table="<?php echo e($row->id_cliente); ?>">
                        <td><?php echo e($i); ?></td>
                        <td><?php echo e($row->nombre); ?></td>
                        <td><?php echo e($row->tipo_documento->nombre); ?></td>
                        <td><?php echo e($row->numero_documento); ?></td>

                        <td>                            
                            <div class="ui mini vertical animated positive button btn_seleccionar_cliente" title="Seleccionar este cliente" data-nombre="<?php echo e($row->nombre); ?>" data-documento="<?php echo e($row->numero_documento); ?>" data-direccion="<?php echo e($row->direccion); ?>">
                                <div class="hidden content">Elegir</div>
                                <div class="visible content"><i class="check icon"></i></div>
                            </div>
                        </td>
                    </tr>
                    <?php /**/ $i++ /**/ ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </tbody>
            </table>
        </div>
        <div class="actions" >
            <div class="ui left floated red right labeled icon deny button" style="margin-bottom: 1em">Cerrar<i class="times icon"></i></div>
        </div>
    </div>
    <!--end buscar cliente modal -->
        
    <!--start calculadora modal -->    
    <div class="ui mini modal" id="calculadora_modal">
        <i class="close icon"></i>
        <div class="content" >

            <div style="text-align: center !important;">
                <div class="ui labeled small input">
                    <label class="ui grey label">EFECTIVO &nbsp;</label>
                    <input type="text" id="efectivo" size="5" style="width: 0%">
                </div> 
            </div>
            <br>
            <div style="text-align: center !important;">
                <div class="ui labeled small input">
                    <label class="ui brown label">A COBRAR&nbsp;</label>
                    <input type="text" id="total" size="5" readonly style="width: 0%">
                </div> 
            </div>
            <div class="ui divider"></div>
            <div style="text-align: center !important;">
                <div class="ui labeled small input">
                    <label class="ui pink label">VUELTO &nbsp; S/</label>
                    <input type="text" id="vuelto" size="5" readonly style="width: 0%">
                </div> 
            </div>


        </div>

    </div>
    <!--end calculadora modal -->


    <!--start cuotas credito modal -->
    <div class="ui tiny modal" id="cuotas_modal"  >
        <div class="header">Numero de Cuotas del Credito</div>
        <div class="scrolling content" style="height: 320px !important;">
            <form class="ui form" id="frmCuotas" autocomplete="off"> 
                <div>
                    Seleccione el Numero de Cuotas : 
                    <select class="ui small input  dropdown" name="numero_cuotas" id="numero_cuotas">
                        
                        <option value="1"> 1 Cuota</option>
                        <option value="2"> 2 Cuotas</option>
                        <option value="3"> 3 Cuotas</option>
                        <option value="4"> 4 Cuotas</option>
                    </select>  
                </div> 


                <table class="ui celled striped table" id="tabla_cuotas">
                    <thead>
                        <tr>
                            <th class="head_table">N° Cuota</th>
                            <th class="head_table">Fecha de Vencimiento</th>
                        </tr>
                    </thead>
                    <tbody id="tbody_cuotas">
                        
                        <tr class="rows" id="1">
                            <td><input type="hidden" name="numero_cuota[]" value="1"/>1</td>
                            <td><div class="ui small input"><input type="text" class="fecha_fut2" readonly name="fecha_pago_cuota[]" id="cuota1" placeholder="Ingrese Fecha"></div></td>
                        </tr>

                    </tbody>
                </table>
            </form>
        </div>
        <div class="actions" >
            <div class="ui left floated blue right labeled icon  button" id="btn_cerrar_modal_cuota" style="margin-bottom: 1em">Listo<i class="check icon"></i></div>
        </div>
    </div>
    <!--end cuotas credito modal -->




<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script src="<?php echo e(asset('js/venta/nuevo.js')); ?>"></script>

     <script type="text/javascript">
        $(document).ready(function() {

            var currentDate = new Date();
            currentDate.setDate(currentDate.getDate() + 30);
            var formattedDate = $.datepicker.formatDate('yy-mm-dd', currentDate);
            $("#cuota1").val(formattedDate);

        });
    </script>
<?php $__env->stopSection(); ?>



<?php echo $__env->make('layout.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>