@extends('layouts.defaultcliente')
@section('content')
<!-- Modal Accion Factura -->
<div class="modal fade" id="accionFactura" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="accionFacturaLabel">Descarga y envío de Factura</h5>
        </div>
        <div class="modal-body">  
            <div class="row">       
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
                    <button class="btn btn-info" onclick="descargar('xml')"><i class="fa fa-file-code" style="font-size:40px"></i><br/>Descargar XML</button>
                    <input type="hidden" id="seriefolio"/>
                </div>
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
                    <button class="btn btn-danger" onclick="descargar('pdf')"><i class="fa fa-file-pdf" style="font-size:40px"></i><br/>Descargar PDF</button>
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                    <div class="form-group">
                        <label style="font-size:1.1em">Correo del cliente:</label>
                        <div style="text-align:right"><input type="text" style="border:#888 1px solid; margin-bottom:5px; padding: 5px; width:100%" id="correocliente"></div>
                        <div><button class="btn btn-primary btn-sm" onclick="enviarFactura()">Enviar</button>&nbsp;&nbsp;<span sytle="" id="mensajeMail"></span></div>
                    </div>
                </div>
            </div> 
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="accionFacturaClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    <div class="col-12 col-md-12">
        <div class="card">
            <div class="card-body">                    
                <div class="row">
                    <div class="col-6 col-sm-6 col-md-3 col-lg-2 col-xl-2">     
                        <span class="x-label">FOLIO:</span>
                        <div class="input-group">
                            <input type="text" class="form-control x-form-control-sm" style="padding:5px !important" onkeypress="searchRemision(event)" id="folio" autocomplete="off" />
                            <input type="text" style="display:none" id="idRemisionHiddenF">
                        </div>   
                    </div>
                    <div class="col-3 col-sm-6 col-md-2 col-lg-1 col-xl-1">
                        <button class="btn btn-primary" onclick="getRemisionPrediction()">Buscar</button>
                    </div>
                    <div class="col-3 col-sm-6 col-md-2 col-lg-1 col-xl-1">
                        <button class="btn btn-secondary ms-1" onclick="limpiarInputs()">Nuevo</button>
                    </div>
                </div>
                <div class="row" style="height:300px; overflow:auto">                
                    <div class="col-md-12">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Código</th>
                                    <th>Descripción</th>
                                    <th>Uni. Medida</th>
                                    <th>Cto. Unit.</th>
                                    <th>Cant.</th>
                                    <th>Subtotal</th>
                                    <th>IVA</th>
                                    <th>TOTAL</th>
                                </tr>
                            </thead>
                            <tbody id="detalleRemision">
                                
                            </tbody>
                        </table>
                    </div>     
                </div>      
                <div class="row">
                    <div class="col-12">
                        <hr/>
                    </div>
                </div>          
                <div class="row" style="padding-top:20px">
                    <div class="col-12 col-sm-12 col-md-7 col-lg-8 col-xl-8">
                        <div class="row">
                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    <span class="x-label">Nombre o razón social:</span>
                                    <input type="text" class="x-form-control" id="clienteF" autocomplete="off" />
                                    <input type="text" style="display:none" id="clienteHiddenF">
                                </div>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <div class="form-group">
                                    <span class="x-label">RFC:</span>
                                    <input type="text" class="x-form-control" id="rfcF" autocomplete="off" />
                                </div>
                            </div>
                            <div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                <div class="form-group">
                                    <span class="x-label">C.P.:</span>
                                    <input type="number" maxlength="5" class="x-form-control" id="codigopostalF"autocomplete="off" />
                                </div>
                            </div>
                            <div class="col-12 col-sm-3 col-md-3 col-lg-2 col-xl-2">
                                <div class="form-group">
                                    <span class="x-label">Forma Pago:</span>
                                    <select class="x-form-control" id="formapagoF"></select>
                                    <!-- <input type="text" class="x-form-control" id="formapagoF" readonly autocomplete="off" /> -->
                                </div>
                            </div>
                            <div class="col-12 col-sm-9 col-md-9 col-lg-10 col-xl-10">
                                <div class="row">
                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                        <div class="form-group">
                                            <span class="x-label">Uso de CFDI:</span>
                                            <select class="x-form-control" id="usocfdif"></select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                        <div class="form-group">
                                            <span class="x-label">Régimen Fiscal:</span>
                                            <select class="x-form-control" id="regimenFiscal"></select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>  
                    <div class="col-4 col-sm-6 col-md-2 col-lg-2 col-xl-2">
                        <div style="float:left; margin-right:5px">
                            <button type="button" class="btn btn-success" style="margin:3px" onclick="facturarRemision()" id="btnFacturar" disabled>
                                <i class="mdi mdi-check" style="font-size:3.4em"></i>
                                <br/>
                                Facturar
                            </button>
                            <button type="button" class="btn btn-success" style="margin:3px; display:none;" onclick="DescargarFactura()" id="btnDescargarFactura">
                                <i class="mdi mdi-arrow-down-bold" style="font-size:3.4em"></i>
                                <br/>
                                Descargar
                            </button>
                        </div>                   
                    </div> 
                    <div class="col-8 col-sm-6 col-md-3 col-lg-2 col-xl-2">
                        <div class="row">
                            <div class="col-6 col-sm-6 col-md-6">
                                Subtotal:
                            </div>
                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="subtotal">
                                $ 0.00
                            </div>                    
                            <div class="col-6 col-sm-6 col-md-6">
                                Desc.:
                            </div>
                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="descuento">
                                $ 0.00
                            </div>                    
                            <div class="col-6 col-sm-6 col-md-6">
                                I.V.A:
                            </div>
                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="iva">
                                $ 0.00
                            </div>                   
                            <div class="col-6 col-sm-6 col-md-6">
                                <b>TOTAL:</b>
                            </div>
                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="total">
                                <b>$ 0.00</b>
                            </div>
                        </div>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('jspage')
<script src="jsprod/facturacioncliente.js"></script>
@stop