@extends('layouts.app', ['activePage' => 'productos', 'menuParent' => 'consultas', 'titlePage' => __('CFDI Retencion')])

@section('content')
<style>
  #fixed-bar {
bottom: 0;
        height: 34px;
        padding: 13px 0 4px;
        position: fixed;
        width: 100%;
        z-index: 5000;
}
 .subDiv{
    position: absolute;
    bottom: 10px;
    width: 100%;
  }
  .table-responsive {
    max-height:400px;
}

thead th {
  font-size: 0.6em;
  padding: 1px !important;
  height: 15px;
}
.table td {
  padding: 0;
  font-size: 0.6em;
  padding: 1px !important;
  height: 15px;
  border: none !important;
  border-right: none !important;
}

.inputsrounder{
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
     border-radius: 9px;
     border: 1px solid #2d9fd9;
     /*color: #a0d18c;*/
     width: 250px;
     height: 30px;
     padding-left: 10px;
    }
    
.inputsrounder:focus {
     outline: none;
     border: .5px solid #a0d18c;
     /*color: #2d9fd9;*/
}
.accordion-button:before {
    order: -1; 
    margin-left: 0; 
    margin-right:0.5em; 
}
@media only screen and (max-width: 600px) {
  .lista {
    height: 120vh !important;
  }
}

 textarea.responsive-textarea {
    width: 100%;
    resize: vertical;
  }
</style>
<input type="hidden" id="concartaporte">
@if (isset($data['venta']))
  <input type="hidden" id="idVentaCargada" value="{{ $data['venta']->id }}">
  <input type="hidden" id="tipoVentaCargada" value="{{ $data['venta']->tipo_documento }}">
  @if ($data['venta']->factura==null)
    <input type="hidden" id="idDocHv" value="">
  @else
    <input type="hidden" id="idDocHv" value="{{ $data['venta']->factura->id }}">
  @endif
  
@else
  <input type="hidden" id="idVentaCargada" value="">
  <input type="hidden" id="idDocHv" value="">
  <input type="hidden" id="tipoVentaCargada" value="">
@endif

<input type="hidden" id="soloventa">
<input type="hidden" id="dias_vigencia_csd" value="{{ $data['dias_vigencia_csd']['dias'] }}">
<input type="hidden" id="idPrefact">
<div class="content">
  <div class="container-fluid">
    <input type="hidden" id="nomEmpresa" value="{{ $data['empresa']->nombreorganizacion }}">
    <div class="row">
      <div class="col-md-9">
        <div class="card lista" style="height: 70vh; margin-bottom: 1%;">
          <div class="col-12">
            <br>
            <div class="row">
              <div class="col-md-4 col-sm-12">
                <div class="form-group filled bmd-form-group">
                  <label>Cliente/Receptor:<span class="text-danger">*</span></label>
                                <div class="input-group" style="margin-top: 0%">

                                  <div class="input-group-prepend">
                                      <span class="input-group-text pl-0" onclick="newCliente();" title="Agregar nuevo cliente" style="cursor:pointer;">
                                          <i class="material-icons">person_add</i>
                                      </span>
                                  </div>
                                  <select  id="buscaCliente" class="selectpicker"  data-style="select-with-transition" data-live-search="true">
                                    <option value="0">-Selecciona Cliente/Receptor-</option>
                                    @foreach ($data['clientes'] as $c)
                                      <option value="{{ $c->id }}">{{ $c->razon_social }}</option>
                                    @endforeach
                                  </select>
                    
                                </div>
                    </div>
              </div>
               <!--<div class="col-md-1">
                 <span class="input-group-text pl-0" onclick="newCliente();" title="Agregar nuevo cliente" style="cursor:pointer;">
                                          <i class="material-icons">person_add</i>
                                      </span>
              </div>
              <div class="col-md-3 col-sm-10">
                <div class="form-group filled bmd-form-group">
                  <label>Cliente:<span class="text-danger">*</span></label>
                  <select  id="buscaCliente" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    @foreach ($data['clientes'] as $c)
                      <option value="{{ $c->id }}">{{ $c->razon_social }}</option>
                    @endforeach
                  </select>
                </div>
              </div>-->
             
              <div class="col-md-2 col-sm-12">
                <div class="form-group filled bmd-form-group" style="margin-top: 6%">
                  <label>RFC:<span class="text-danger">*</span></label>
                  <input type="text" class="form-control" id="rfc" disabled>
                </div>
              </div>
              <div class="col-md-2  col-sm-6">
                <div class="form-group filled bmd-form-group">
                <label>Tipo:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="tipodocumento" data-width="100%" data-style="select-with-transition" data-live-search="true" id="tipo" onchange="getSerie();">
                  @foreach ($data['tipos_documentos'] as $t)
                    <option value="{{ $t->id }}">{{ $t->tipo }}</option>
                  @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-2 col-sm-6">
                <div class="form-group filled bmd-form-group">
                  <label>Serie:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="serie" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    @foreach ($data['series'] as $s)
                      <option value="{{ $s->id }}">{{ $s->serie }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-2">
                <div class="form-group filled bmd-form-group">
                  <label>Moneda:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="moneda" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="tipoCambio();"> 
                    @foreach ($data['monedas'] as $u)
                      <option value="{{ $u->id }}">{{ $u->nombre }}</option>
                    @endforeach
                  </select>
                </div>
              </div>

            </div>
            <div class="row">
              <div class="col-md-3">
                <div class="form-group filled bmd-form-group">
                  <label>Uso de CFDI:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="usocfdi" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    @foreach ($data['usocfdi'] as $u)
                      <option value="{{ $u->id }}">{{ $u->c_usocfdi }} - {{ $u->descripcion }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group filled bmd-form-group">
                  <label>Forma Pago:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="metodopago" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="revisaMP();">
                    @foreach ($data['formapago'] as $fp)
                      <option value="{{ $fp->idFormapago }}" clave="{{ $fp->claveSat }}">{{ $fp->claveSat }} - {{ $fp->nombre }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
               <div class="col-md-3">
                <div class="form-group filled bmd-form-group">
                  <label>Método de Pago:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="formapago" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="PUE">PUE</option>
                    <option value="PPD">PPD</option>
                  </select>
                </div>
              </div>
              <div class="col-md-2" >
                <div class="form-group filled bmd-form-group">
                  <label>Condiciones pagos:</label>
                  <select class="selectpicker" id="plazo" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    @foreach ($data['plazos'] as $u)
                      <option value="{{ $u->id }}">{{ $u->nombre }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-1 mt-2">
                <button class="btn btn-primary btn-xsm" title="Crear nuevo expediente" onclick="nuevoPlazo()"><i class="material-icons">add</i></button>
              </div>
            </div>
            <div class="row" style="display: none;">
              <div class="col-md-3 col-sm-6">
                <button class="btn btn-primary btn-sm btn-block btn-outline" onclick="buscaProd();"><i class="fa fa-search" aria-hidden="true"></i>
Busca Producto</button>
              </div>
              <!--<div class="col-md-3 col-sm-6">
                <button class="btn btn-primary btn-sm btn-block btn-outline" onclick="agregaProd();"> <i class="fa fa-plus" aria-hidden="true"></i>
Agrega Producto</button>
              </div>-->


            @foreach ($data['empresa']->retenciones as $imp)
              <div class="col-md-2 col-sm-6">
                <div class="form-check form-check-inline">
                  <div class="form-check">
                        <label class="form-check-label">
                          @if ($imp->impuesto->impuesto=='IVAR')
                            <input class="form-check-input impuescheck ivasrets" type="radio" id="check_{{ $imp->id_impuesto }}" impuesto="{{ $imp->impuesto->impuesto }}" value="{{ $imp->impuesto->tasa }}" onclick="calculaTotales();" name='ivasretenidos' idimpuesto="{{ $imp->id_impuesto }}">
                          @else
                            <input class="form-check-input impuescheck isrcheck" type="checkbox" id="check_{{ $imp->id_impuesto }}" impuesto="{{ $imp->impuesto->impuesto }}" value="{{ $imp->impuesto->tasa }}" onclick="calculaTotales();" idimpuesto="{{ $imp->id_impuesto }}">
                          @endif
                            
                            {{ $imp->impuesto->impuesto }} {{ $imp->impuesto->tasa }}%
                            <span class="form-check-sign">
                                <span class="check"></span>
                            </span>
                        </label>
                    </div>
                </div>
              </div>
            @endforeach
            
            @if($data['empresa']->ish =='1') 
                <div class="col-md-3 col-sm-6">
                    <div class="input-group" title="Seleccionar tipo de documento">
                        <div class="input-group-prepend">
                            <span class="input-group-text">
                            ISH
                            </span>
                        </div>
                        <select id="porcentajeISH" class="selectpicker" data-width="50%" data-style="select-with-transition" data-live-search="true" onchange="calculaTotales();">
                            <option value="0" idish="0">No Aplica</option>
                            @foreach ($data['empresa']->ishs->where('estatus',1) as $ish)
                              <option value="{{ $ish->porcentaje }}" idish="{{ $ish->id }}">{{ $ish->porcentaje }}%</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            @else
              <div class="col-md-3 col-sm-6" style="display: none;">
                <div class="input-group" title="Seleccionar tipo de documento">
                    <div class="input-group-prepend">
                        <span class="input-group-text">
                        ISH
                        </span>
                    </div>
                    <select id="porcentajeISH" class="selectpicker" data-width="50%" data-style="select-with-transition" data-live-search="true" onchange="calculaTotales();">
                        <option value="0" idish="0">No Aplica</option>
                    </select>
                </div>
              </div>
            @endif



            </div>
            <div class="row" style="height: 45vh;overflow: auto;border-bottom: 0px solid gray;display: none;">
              <div class="col-12">
                <div class="table-responsive">
                  <table class="table table-sm table-hover no-cellpadding">
                    <thead class="h-25">
                      <tr style="border-bottom: solid; color: #0170ff;" >
                        <th style="width: 10%;">Código</th>
                        <th style="width: 40%;">Descripción</th>
                        <th style="width: 5%;">Cantidad</th>
                        <th style="width: 10%;">Precio U.</th>
                        <th style="width: 10%;"> Subtotal</th>
                        <!--<th>Impuestos</th>
                        <th>Importe</th>-->
                        <th style="width: 10%;">
                          <span class="input-group-text pl-0" style="color: #0170ff; cursor: pointer;" title="Descuento % o monto">
                            Desc.  <i class="fa fa-dollar text-info modo-ganancia" id="modo-descuento" data-modo="cantidad" data-servicio="descuento"></i>
                          </span>

                        </th>
                        <th style="width: 2%;">Acciones</th>
                      </tr>
                    </thead>
                    <tbody id="bodyItems">
                      <tr contador="1" class="itemsFact" id="itemList_1">
                        <td>
                          <input class="itemsInput inputsrounder" type="text" style="width: 100%;" id="code_1" contador="1">
                        </td>
                        <td>
                          <input type="text" style="width: 100%;" id="desc_1" class="inputsrounder">
                        </td>
                        <td>
                          <input type="number" style="width: 100%;" id="cant_1" class="inputsrounder" onkeyup="calculaTotales();">
                        </td>
                        <td>
                          <input type="number" style="width: 100%;" id="precio_1" class="inputsrounder" onkeyup="calculaTotales();">
                        </td>
                        <td>
                          <input type="text" style="width: 100%;" id="subtotal_1" class="inputsrounder" readonly>
                        </td>
                        <td>
                          <input type="number" style="width: 100%;" id="descuento_1" class="inputsrounder" onkeyup="calculaTotales(1);">
                        </td>
                        <td>
                          <button class="btn btn-link btn-xsm mr-1" onclick="removeItem0(1);"><i class="material-icons">close</i></button>
                        </td>
                        <!--<td>
                          <input type="number">
                        </td>-->
         
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="row muestra" style="height: 45vh;overflow: auto;border-bottom: 0px solid gray;">
              <div class="col-12">
                <div class="card bg-default border-default" style="max-width: 100%">
                  <div class="card-body text-primary">
                    <div class="row muestra">
                      <div class="col-4">
                        <div class="form-group filled bmd-form-group">
                          <label>Clave:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="clave_ret" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                           @foreach ($data['claves_retencion'] as $c)
                            @if($c->clave=='18')
                             <option value="{{ $c->clave }}" selected>({{ $c->clave }}) {{ $c->descripcion }}</option>
                            @else 
                              <option value="{{ $c->clave }}">({{ $c->clave }}) {{ $c->descripcion }}</option>  
                            @endif
                           @endforeach
                          </select>
                        </div>
                      </div>
                      <div class="col-8">
                        <div class="form-group filled">
                          <label class="">Concepto<span class="text-danger">*</span></label>
                          <input type="text" class="form-control" id="concepto_ret">
                        </div>
                      </div>
                    </div>           
                    <div class="row muestra">
                      <div class="col-4">
                        <div class="form-group filled bmd-form-group">
                          <label>Ejercicio:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="ejercicio_ret" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                           <option value="2026">2026</option> 
                           <option value="2025">2025</option>
                           <option value="2024">2024</option>
                           <option value="2023">2023</option>
                           <option value="2022">2022</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-4">
                        <div class="form-group filled bmd-form-group">
                          <label>Mes Inicial:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="mes_inicio_ret" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                            <option value="01">Enero</option>
                            <option value="02">Febrero</option>
                            <option value="03">Marzo</option>
                            <option value="04">Abril</option>
                            <option value="05">Mayo</option>
                            <option value="06">Junio</option>
                            <option value="07">Julio</option>
                            <option value="08">Agosto</option>
                            <option value="09">Septiembre</option>
                            <option value="10">Octubre</option>
                            <option value="11">Noviembre</option>
                            <option value="12">Diciembre</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-4">
                        <div class="form-group filled bmd-form-group">
                          <label>Mes Final:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="mes_fin_ret" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                            <option value="01">Enero</option>
                            <option value="02">Febrero</option>
                            <option value="03">Marzo</option>
                            <option value="04">Abril</option>
                            <option value="05">Mayo</option>
                            <option value="06">Junio</option>
                            <option value="07">Julio</option>
                            <option value="08">Agosto</option>
                            <option value="09">Septiembre</option>
                            <option value="10">Octubre</option>
                            <option value="11">Noviembre</option>
                            <option value="12">Diciembre</option>                         
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-12">
                        <h4 class="card-title" style="color:black !important;">Totales</h4>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-12">
                        <div class="card">
                          <div class="card-body">
                            <div class="row">
                              <div class="col-3">
                                <div class="form-group filled">
                                  <label class="">Total<span class="text-danger">*</span></label>
                                  <input type="text" class="form-control" id="total_ret" onkeyup="calculaTotalesRet();">
                                </div>
                              </div>
                              <div class="col-3">
                                <div class="form-group filled">
                                  <label class="">Total Gravado<span class="text-danger">*</span></label>
                                  <input type="text" class="form-control" id="gravado_ret">
                                </div>
                              </div>
                              <div class="col-3">
                                <div class="form-group filled">
                                  <label class="">Total Excento<span class="text-danger">*</span></label>
                                  <input type="text" class="form-control" id="excento_ret">
                                </div>
                              </div>
                              <div class="col-3">
                                <div class="form-group filled">
                                  <label class="">Total Retenido<span class="text-danger">*</span></label>
                                  <input type="text" class="form-control" id="retenido_ret">
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-12">
                        <h4 class="card-title" style="color:black !important;">Agrega Impuestos</h4>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-3">
                        <div class="form-group filled">
                          <label class="">Base<span class="text-danger">*</span></label>
                          <input type="text" class="form-control" id="base_ret">
                        </div>
                      </div>
                      <div class="col-3">
                        <div class="form-group filled">
                          <label class="">Tipo Impuesto<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="tipo_impuesto_ret" data-width="100%" data-style="select-with-transition" data-live-search="true">
                        @foreach ($data['impuestos2'] as $key => $i)
                          <option value="{{ $i->c_impuesto }}" idimpuesto="{{ $i->id }}">{{ $i->impuesto }}</option>
                        @endforeach
                          </select>
                        </div>                        
                      </div>
                      <div class="col-3">
                        <div class="form-group filled">
                          <label class="">Monto<span class="text-danger">*</span></label>
                          <input type="text" class="form-control" id="monto_ret">
                        </div>
                      </div>
                      <div class="col-2">
                        <div class="form-group filled">
                          <label class="">Tipo Pago<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="tipo_pago_ret" data-width="100%" data-style="select-with-transition" data-live-search="true">
                            <option value="01">Pago definitivo IVA</option>
                            <option value="02">Pago definitivo IEPS</option>
                            <option value="03">Pago definitivo ISR</option>
                            <option value="04">Pago provisional ISR</option> 
                          </select>
                        </div>                        
                      </div>
                      <div class="col-1">
                        <button class="btn btn-primary btn-sm" onclick="agregaImpuestoRet();">Agregar</button>
                      </div>
                    </div>
                    <div class="row" style="height: 30vh;overflow: auto;background-color: #F5F5F5;">
                      <div class="col-12">
                         <div class="table-responsive">
                           <table class="table table-hover">
                             <thead>
                               <tr class="bg-primary text-white">
                                 <th>Base</th>
                                 <th>Tipo Impuesto</th>
                                 <th>Monto</th>
                                 <th>Tipo Pago</th>
                                 <th></th>
                               </tr>
                             </thead>
                             <tbody id="tableBoduImpuesRetecniones">

                             </tbody>
                           </table>
                         </div>
                      </div>
                    </div>
                    <!--<div class="row">
                      <div class="col-12">
                        <h5 class="card-title" style="color:black !important;">Pagos a Extranjeros</h5>
                      </div>
                    </div> -->
                    <div class="row">
                      <div class="col-3">
                        <div class="form-group filled bmd-form-group">
                          <label>Es Benificisiario del cobro:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="es_beneficiario" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                            <option value="1">Si</option>
                            <option value="0">No</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <div class="form-group filled">
                          <label class="">Pais <span class="text-danger">*</span></label>
                          <select class="selectpicker" id="pais_retencion" data-width="100%" data-style="select-with-transition" data-live-search="true">
                            @foreach ($data['paises'] as $r)
                              <option value="{{ $r->clave }}">{{ $r->pais }} ({{ $r->clave }})</option>
                            @endforeach
                          </select>
                        </div>
                      </div>
                      <div class="col-3">
                        <div class="form-group filled bmd-form-group">
                          <label>Concepto:<span class="text-danger">*</span></label>
                          <select class="selectpicker" id="clave_contribuyente" data-width="100%" data-style="select-with-transition" data-live-search="true" >
                            @foreach ($data['claves_contribuyente']  as $e)
                              <option value="{{ $e->clave }}">{{ $e->descripcion }}</option>
                            @endforeach
                          </select>
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group filled">
                          <label class="">Descripcion<span class="text-danger">*</span></label>
                          <input type="text" class="form-control" id="conceptos_retenciones">
                        </div>
                      </div>
                    </div>          
                  </div>
                </div>
              </div>
            </div>
            <!--<div class="row align-items-stretch" style="height: 100px;">
              <div class="col-1">
                <button class="btn btn-primary btn-sm" onclick="getLeyendas();">Notas</button>
              </div>
              <div class="col-11">
                <div class="form-group filled bmd-form-group">
                  <textarea class="form-control border rounded h-100" id="notas" rows="4" cols="12"></textarea>
                </div>
              </div>
            </div>-->
            <!--<div class="row">
              <div class="col-1">
                <button class="btn btn-primary btn-sm" onclick="getLeyendas();">Notas</button>
              </div>
              <div class="col-8">
                <div class="form-group filled bmd-form-group">
                  <textarea class="form-control form-outline" id="notas" cols="12" rows="2"></textarea>
                </div>
              </div>
            </div>-->
          </div>
        </div>
        <!--  end card  -->
        <div class="card bg-default border-default" style="max-width: 100%; margin-top: 0;">
          <div class="card-body">
            <div class="row align-items-stretch" style="height: 100px;">
              <div class="col-1">
                <button class="btn btn-primary btn-sm" onclick="getLeyendas();">Notas</button>
              </div>
              <div class="col-11">
                <div class="form-group filled bmd-form-group">
                  <textarea class="form-control border rounded h-100" id="notas" rows="4" cols="12"></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end col-md-12 -->
      <div class="col-md-3">
        <div class="card" style="height: 85vh;">
          <div class="col-md-12" >
            <div class="row cardsEstatus" id="estatusNueva">
              <div class="col-12">
                <div class="card bg-primary">
                <div class="card-body">
                <p class="h5">Estatus: Nueva</p>
                <p class="h6">Nueva</p>
                </div>
                </div>
              </div>
            </div>
            <div class="row cardsEstatus" style="display: none;" id="estatusGenerada">
              <div class="col-12">
                <div class="card bg-warning">
                <div class="card-body">
                <p class="h5">Estatus: Generada</p>
                <p class="h6">Pendiente de pago</p>
                <p class="idDocumento">FF-459</p>
                </div>
                </div>
              </div>
            </div>
            <div class="row cardsEstatus" style="display: none;" id="estatusPagada"> 
              <div class="col-12">
                <div class="card bg-success">
                <div class="card-body">
                <p class="h5">Estatus: Pagada</p>
                <p class="h6">Pagada</p>
                <p class="idDocumento">FS-459</p>
                </div>
                </div>
              </div>
            </div>

            <div class="row cardsEstatus" style="display: none;" id="estatusCancelada">
              <div class="col-12">
                <div class="card bg-danger">
                <div class="card-header">
                <h4>Estatus: Cancelada</h4>
                </div>
                <div class="card-body">
                <p class="idDocumento">FS-459</p>
                </div>
                </div>
              </div>
            </div>

             <div class="row cardsEstatus" style="display: none;" id="estatusProcesoCancelada">
              <div class="col-12">
                <div class="card bg-warning">
                <div class="card-header">
                <h4>Estatus: Proceso de Cancelacion</h4>
                </div>
                <div class="card-body">
                <p class="idDocumento">FS-459</p>
                </div>
                </div>
              </div>
            </div>

            <div class="row" style="height: 4vh;">
                  <div class="col-6" align="left">
                    <h5>Subtotal:</h5>
                  </div>
                  <div class="col-6" align="right" id="subtotalLabel">$0.00</div>
                </div>
                <div class="row" style="height: 4vh;">
                  <div class="col-6" align="left">
                    <h5>Descuento:</h5>
                  </div>
                  <div class="col-6" align="right" id="descuentoLabel">$0.00</div>
                  <input type="hidden" id="descuentodescuento">
                </div>

                <div class="row" style="height: 4vh;">
                  <div class="col-6" align="left">
                    <h5>IVA 16%:</h5>
                  </div>
                  <div class="col-6" align="right" id="ivaLabel">$0.00</div>
                </div>
                <div class="row" style="height: 4vh; display: none;" id="divIvaRet">
                  <div class="col-6" align="left">
                    <h5 id="IVAretDisplay">IVA Ret:</h5>
                  </div>
                  <div class="col-6" align="right" id="IvaRetLabel">$0.00</div>
                </div>
                <div class="row" style="height: 4vh; display: none;" id="divIsr">
                  <div class="col-6" align="left">
                    <h5 id="ISRDisplay">ISR:</h5>
                  </div>
                  <div class="col-6" align="right" id="isrLabel">$0.00</div>
                </div>
                <div class="row" style="height: 4vh; display: none;" id="divIsh">
                  <div class="col-6" align="left">
                    <h5 id="ISHDisplay">ISH:</h5>
                  </div>
                  <div class="col-6" align="right" id="ishLabel">$0.00</div>
                </div>
                <div class="row" style="display: block;" style="height: 3vh;">
                  <input type="hidden" id="totalInputHidden">
                  <input type="hidden" id="IvaInputHidden">

                </div>
                <div class="row" style="height: 3vh;">
                  <div class="col-6" align="left">
                    <h3>Total</h3>
                  </div>
                  <div class="col-6" align="right">
                    <h3 id="totalLabel">$0.00</h3>
                    <input type="hidden" id="totaltotal">
                  </div>
                </div>
       
                <div class="row" align="center">
                  <div class="col-md-12">
                    <div class="card">
                                        <div class="card-header" align="center">
                    <h4 class="card-title">Acciones</h4>
                  </div>
                  <div class="card-body">
                                      <div class="col-md-12">
                    <div class="row">
                      <div class="col-md-12">
                        <!--<button class="btn btn-success btn-block btn-sm" align="center" id="btnFactura">Timbrar</button>
                        <button class="btn btn-success btn-block btn-sm" align="center" id="btnVenta" style="display:none;">Guardar</button>
                        <button class="btn btn-success btn-block btn-sm" align="center" id="btnVentaTimbrar" onclick="timbrarPrefactura();" style="display:none;">Timbrar</button>-->
                        <button class="btn btn-success btn-block btn-sm" align="center" id="btnRetencion">Timbrar</button>

                      </div>
                    </div>
                    <div class="row" id="divProgramar" style="display: none;">
                      <div class="col-md-12">
                        <button class="btn btn-info btn-block btn-sm" align="center" id="btnProgramar" onclick="modalPrgramar();">Programar Factura</button>
                      </div>
                    </div>
                    <div class="row" id="divTimbrarPrefact" style="display: none;">
                      <div class="col-md-12">
                        <button class="btn btn-success btn-block btn-sm" align="center" id="btnTimbraPrefact" onclick="timbrarPrefactura();"> Timbrar Pre-Factura</button>
                      </div>
                    </div>
                    <div class="row" id="divPrefactura" style="display:none;">
                      <div class="col-md-12">
                        <button class="btn btn-primary btn-block btn-sm" align="center" id="btnPreFactura">Pre-Facturar</button>
                      </div>
                    </div>
                    <div class="row" id="divArchivos" style="display: none;">
                      <div class="col-md-4">
                        <button class="btn btn-block btn-sm" title="Enviar" onclick="enviabutton()"><i class="fa fa-envelope" aria-hidden="true"></i></button>
                      </div>
                      <div class="col-md-4">
                        <a class="btn btn-block btn-sm" href="#" id="btnXmlView" target="_blank"><i class="fa fa-file-code" aria-hidden="true"></i> </a>
                      </div>
                      <div class="col-md-4">
                        <a class="btn btn-block btn-sm" href="#" id="btnPdfView" target="_blank"><i class="fa fa-file-pdf" aria-hidden="true"></i> </a>
                      </div>
                    </div>
                    <div class="row" id="divAcciones">
                      <div class="col-md-12">
                        <!--<button class="btn btn-primary btn-block btn-sm" align="center" id="btnAcciones" onclick="relaciones();">Acciones</button>-->
                        <div class="btn-group dropup btn-block">
                          <button type="button" class="btn btn-primary btn-block btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Acciones
                          </button>
                          <div class="dropdown-menu btn-block">
                            <a class="dropdown-item" href="javascript:;" onclick="relaciones(1);">UUID Relacionados</a>
                            <a class="dropdown-item" href="javascript:;" onclick="aplicacionNotas(2);">Aplicacion Notas de Crédito</a>
                            <!--<a class="dropdown-item" href="javascript:;" onclick="cartaPorte();">Carta Porte</a>-->
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="row" id="divDiasTimbrado">
                      <div class="col-md-12">
                        <div class="form-group filled bmd-form-group">
                          <select  id="diasTimbrado" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="0">Hoy</option>
                                <option value="1">1 día</option>
                                <option value="2">2 días</option>
                                <option value="3">3 días</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <!--<div class="row">
                      <div class="col-md-4">
                         <button class="btn btn-default text-left" ><i class="fa fa-file-pdf" aria-hidden="true"></i> PDF</button>
                      </div>
                      <div class="col-md-4">
                        <button class="btn btn-default text-left" ><i class="fa fa-file-code" aria-hidden="true"></i> XML</button>
                      </div>
                      <div class="col-md-4">
                        <button class="btn btn-default text-left" ><i class="fa fa-envelope" aria-hidden="true"></i>Enviar</button>
                      </div>
                    </div>-->
                    <div class="row" id="divDeposito" style="display:none;">
                      <div class="col-md-12">
                        <button class="btn btn-default btn-sm btn-block" align="center" id="btnDeposito" onclick="aplicarDeposito();">aplicar Depósito</button>
                      </div>
                    </div>
                    <div class="row" id="divCancelar" style="display:none;">
                      <div class="col-md-12">
                        <button class="btn btn-danger btn-sm btn-block" align="center" id="btnPagar" onclick="cancelarModal();">Cancelar</button>
                      </div>
                    </div>
                    <div class="row" id="divNuevodocumento" style="display:none;">
                      <div class="col-md-12">
                        <button class="btn btn-primary btn-sm btn-block" align="center" id="btnRestaurar" onclick="restaurar();">Nueva</button>
                      </div>
                    </div>
                  </div>
                  </div>
                    </div>
                  </div>
                </div>

          </div>
        </div>
      </div>
    </div>
    <!-- end row -->
  </div>
</div>
    


<div class="modal fade" id="modalBuscaProducto">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Busca Producto</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-10">
                      <div class="form-group filled bmd-form-group">
                        <label>Nombre</label>
                        <input type="text" class="form-control form-control-sm" id="buscadorProducto">
                      </div>
                    </div>
                    <div class="col-1">
                      <div class="form-group filled bmd-form-group">
                        <button class="btn btn-primary btn-sm" title="Nuevo Cliente" onclick="newProducto();">
                          <i class="fa fa-plus" aria-hidden="true"></i>
                        </button>
                      </div>
                    </div>
                </div>
                <div class="row" style="height: 50vh;overflow: auto;">
                    <div class="col-12">
                        <div class="table-sm table-responsive">
                            <table class="table table-hover table-sm" id="tableBuscadorProductos">
                                <thead>
                                  <tr style="border-bottom: solid; color: #0170ff ;">
                                      <th width="10%">Código</th>
                                      <th>Descripción</th>
                                      <th width="15%">Precio</th>
                                      <th width="5%"></th>
                                  </tr>
                                </thead>
                                <tbody id="tableBuscadorProductosBody">
                                  @foreach ($data['productos'] as $p)
                                   <tr>
                                     <td>{{ $p->codigo }}</td>
                                     <td>{{ $p->descripcion }}</td>
                                     <td>{{ number_format($p->subtotal,2) }}</td>
                                     <td><button class="btn btn-primary btn-sm" onclick="agregaProdBuscador('{{ $p->codigo }}')">+</button></td>
                                   </tr>
                                  @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalNewCliente">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Cliente/Receptor</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-8">
            <div class="form-group filled">
              <label class="">Nombre/Razon Social<span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="razon_social_c" style="text-transform:uppercase">
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">RFC<span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="rfc_c" tyle="text-transform:uppercase" maxlength="13" onblur="validaRFC();">
            </div>
          </div>
        </div>
        <div class="row" id="rowsExtranjeros" style="display: none;">
          <div class="col-md-6">
            <div class="form-group filled">
              <label class="">CIF:<span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="cif"  style="text-transform:uppercase" maxlength="13">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group filled">
              <label class="">Regimen Fiscal <span class="text-danger">*</span></label>
              <select class="selectpicker" id="regimen" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="0">-Selecciona-</option>
                @foreach ($data['regimen'] as $r)
                  <option value="{{ $r->id }}">{{ $r->descripcion }} ({{ $r->c_regimenfiscal }})</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group filled">
            <label class="">Uso de CFDI <span class="text-danger">*</span></label>
            <select class="selectpicker" id="usocfdi_c" data-width="100%" data-style="select-with-transition" data-live-search="true">
              <option value="0">-Selecciona-</option>
              @foreach ($data['usocfdi'] as $r)
                <option value="{{ $r->id }}">{{ $r->descripcion }} ({{ $r->c_usocfdi }})</option>
              @endforeach
            </select>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Correo <span class="text-danger">*</span></label>
              <input type="email" class="form-control" id="correo_c">
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Telefono</label>
              <input type="text" class="form-control" id="telefono">
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Contacto</label>
              <input type="text" class="form-control" id="contacto">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled">
              <label class="">Direccion</label>
              <input type="text" class="form-control" id="direccion">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Pais <span class="text-danger">*</span></label>
              <select class="selectpicker" id="pais" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="getEstado();">
                @foreach ($data['paises'] as $r)
                  <option value="{{ $r->idpais }}">{{ $r->pais }} ({{ $r->clave }})</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-3">
            <div class="form-group filled">
              <label class="">Estado</label>
              <select class="selectpicker" id="estado" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="getMunicipios();">
                <option value="0">-Selecciona-</option>
                @foreach ($data['estados'] as $r)
                  <option value="{{ $r->idestado }}">{{ $r->estado }}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-1">
            <button class="btn btn-sm" onclick="agregarPEM(2);">+</button>
          </div>
          <div class="col-md-3">
            <div class="form-group filled">
              <label class="">Municipio</label>
              <select class="selectpicker" id="municipios" data-width="100%" data-style="select-with-transition" data-live-search="true">
                <option value="0">-Selecciona-</option>
                @foreach ($data['municipios'] as $r)
                  <option value="{{ $r->idmunicipio }}">{{ $r->municipio }}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-1">
            <button class="btn btn-sm" onclick="agregarPEM(3);">+</button>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Código Postal <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="codigo_postal">
            </div>
          </div>
           <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Cuenta Bancaria</label>
              <input type="text" class="form-control" id="cuenta_bancaria">
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Forma de Pago: <span class="text-danger">*</span></label>
              <select class="selectpicker" id="metodo_pago" data-width="100%" data-style="select-with-transition" data-live-search="true">
                @foreach ($data['formapago'] as $fp)
                  <option value="{{ $fp->idFormapago }}">{{ $fp->claveSat }} - {{ $fp->nombre }}</option>
                @endforeach
              </select>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardarCliente();">Guardar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalNewProducto">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Nuevo Producto</h4>
        <input type="hidden" id="idproducto">
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-3">
            <div class="form-group filled">
              <label class="">Código: <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="codigo">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled">
              <label class="">Descripción: <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="descripcion">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3">
            <div class="form-group filled" style="padding-top: 2%">
              <label class="">Clave SAT: <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="clavesat" maxlength="8" required>
            </div>
          </div>
          <div class="col-md-3">
            <div class="form-group filled">
              <label class="">Clave Unidad SAT: <span class="text-danger">*</span></label>
              <select id="unidadsat" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                @foreach ($data['unidad'] as $key => $i)
                  <option value="{{ $i->id }}">{{ $i->clave_unidad_sat }} - {{ $i->descripcion }}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-md-2">
            <div class="form-group filled"> 
            <button class="btn btn-primary btn-sm" onclick="nuevaUnidad()">+</button>
            </div>
          </div>
          <div class="col-md-4">
            <div class="form-group filled">
              <label class="">Tipo de IVA: <span class="text-danger">*</span></label>
              <select id="tipoIva" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true"> 
                @foreach ($data['impuestos'] as $key => $i)
                  <option value="{{ $i->id }}">{{ ($i->impuesto=='IVAE') ? 'Exento' : number_format($i->tasa,2).'%' }}</option>
                @endforeach
              </select>
            </div>
          </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <label class="p-0 m-0" for="totalHotel">Subtotal:</label>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text pl-0">
                            <i class="fa fa-dollar"></i>
                        </span>
                    </div>
                    <input type="number" class="form-control" id="subtotal" placeholder="0.00">
                </div>
            </div>
        </div>  


      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardaProd();">Guardar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalNuevaUnidad">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Nueva Unidad</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label>Unidad SAT:<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="clave_unidadsat" maxlength="4">
          </div>
        </div>
         <div class="row">
          <div class="col-12">
            <label>Descripción:<span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="descUsat">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardaUnidadSAT();">Guardar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalTipoCambio" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Tipo de Cambio</h4>
      </div>
      <div class="modal-body">
        <div class="row">
              <div class="col-md-12">
                <div class="form-group filled bmd-form-group">
                  <label>Tipo de Cambio:<span class="text-danger">*</span></label>
                  <input type="text" class="form-control" id="tipo_cambio">
                </div>
              </div>
        </div>
      </div>
      <div class="modal-footer">
        <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>-->
        <button type="button" class="btn btn-primary" onclick="validaTP();">Guardar</button>
      </div>
    </div>
  </div>
</div>



<!--<div id='modalComprobanteFact' class="modal fade modalEsc" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModalCompro">Factura</h4>
                <input type="hidden" id="idDocComprobante">
            </div>
            <div class="modal-body">
                <div class="row" style="display: none;">
                    <div class="col-12">
                        <button class="btn btn-primary btn-sm" id="btnBoucher" onclick="verDocu(2)">Voucher</button>
                        <button class="btn btn-primary btn-sm" id="btnNota" onclick="verDocu(1)" style="display:none;">Nota de Venta</button>
                        <button class="btn btn-primary btn-sm" id="btnFactView" onclick="verDocu(3)" style="display:none;">Factura</button>
                        <input type="hidden" id="urlPdfFact">
                    </div>
                </div>
                <div class="row rTouch">
                    <div class="col-md-12">
                        <iframe id="frameComprobanteFact" src="" frameborder="0" style="float:left;height:250px;width:100%;"></iframe>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <div class="col-md-12">
                <div class="row">
                    <div class="col-6">
                    
                        <label>Correo Cliente:<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="emailClienteM">
           
                    </div>
                    <div class="col-6">
                    
                        <label>Asunto:<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="asuntoClienteM">
           
                    </div>
                </div>
  
                <div class="row">
                            <div class="col-12">
                    
                        <label>Cuerpo:<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="cuerpoClienteM">
           
                    </div>
                </div>
                <div class="row" align="right">
                    <div class="col-12" align="right">
                      <button class="btn btn-primary btn-block" onclick="enviarFactura();"> Enviar</button>
                        <button class="btn btn-warning btn-block" data-dismiss="modal" onclick="reloadPage();">Cerrar</button>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>-->


<div class="modal fade" id="modalComprobante2">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Enviar Correo</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
<div class="row">
            <div class="col-8">
          <div class="row">
            <div class="col-sm-2">
              <label>Para:<span class="text-danger">*</span></label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="emailClienteM">
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col-sm-2">
              <label>CC:</label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="cc">
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col-sm-2">
              <label>Asunto:<span class="text-danger">*</span></label>
            </div>
            <div class="col-sm-10">
               <input type="text" class="form-control" id="asuntoModal">
            </div>
          </div>
          <br>
          <div class="row">
            <textarea class="summernote" id="notasfacturaModal" style="width: 100%;" cols="12" rows="6"></textarea>
          </div>
        </div>
        <div class="col-4">
          <div class="row" style="height: 100px;">
            <div class="col-12 d-flex justify-content-center">
                 <div class="d-flex align-items-center">
                  <span class="text-center">
                    <a href="" id="downloadPdf" download>
                      <i class="fa-regular fa-file-pdf fa-2xl"></i><br>
                      Descargar PDF
                    </a>
                  </span>
              </div>
            </div>
          </div>
          <div class="row" >
            <div class="col-12 d-flex justify-content-center">
                 <div class="d-flex align-items-center">
                  <span class="text-center">
                    <a href="" id="downloadXml" download>
                      <i class="fa-regular fa-file-code fa-2xl"></i><br>
                      Descargar XML
                    </a>
                  </span>
              </div>
            </div>
          </div>

        </div>
</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="enviarFactura();">Enviar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalAplicaDeposito">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Nuevo depósito</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-3 isnt-filled" style="margin-top: 3px;">
            <div class="form-group">
              <label>Fecha de Pago: <span class="text-danger">*</span> </label>
              <input type="text" class="form-control datetimepicker " id="fecha" placeholder="10/01/2022" />
            </div>
          </div>
          <div class="col-md-3">
             <div class="form-group filled bmd-form-group">
                  <label>Forma de Pago:<span class="text-danger">*</span></label>
                  <select  id="fpp" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    @foreach ($data['formapago'] as $fp)
                      <option value="{{ $fp->idFormapago }}">{{ $fp->claveSat }} - {{ $fp->nombre }}</option>
                    @endforeach
                  </select>
              </div>
          </div>
          <div class="col-md-3">
             <div class="form-group filled bmd-form-group">
                  <label>Moneda:<span class="text-danger">*</span></label>
                  <select  id="monedaPago" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    @foreach ($data['monedas'] as $u)
                      <option value="{{ $u->id }}">{{ $u->nombre }}</option>
                    @endforeach
                  </select>
              </div>
          </div>
          <div class="col-md-3 isnt-filled" style="margin-top: 3px;">
            <div class="form-group">
              <label>Tipo Cambio:  </label>
              <input type="text" class="form-control" id="tipo_cambioPago"  />
            </div>
          </div>
          <!--<div class="col-md-3">
              
                  <button class="btn btn-primary" onclick="verNotasCredito();">Agregar Facturas</button>
              
          </div>-->
          <!--<div class="col-md-3"></div>-->
        </div>
        <div class="row">
                    <div class="col-md-3">
              
                  <button class="btn btn-primary btn-sm" onclick="verNotasCredito();">Agregar Factura</button>
              
          </div>
        </div>
        <hr>

        <div class="row">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-striped table-bordered table-hover">
                <thead>
                  <tr>
                    <th width="3%"></th>
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Moneda</th>
                    <th>Tipo Cambio</th>
                    <th>Saldo</th>
                    <th width="10%">Monto A Pagar</th>
                  </tr>
                </thead>
                <tbody id="bodyTablePagos">

                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="row col-md-12 text-center justify-content-center mb-3">
          <!--<div class="col-md-4">
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
              <h6>Monto total</h6>
            </div>
            <div class="h5 mb-0 font-weight-bold text-gray-800" id="labelMontoSD">$0.0</div>
          </div>
          <div class="col-md-4">
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
              <h6>Saldo pendiente</h6>
            </div>
            <div class="h5 mb-0 font-weight-bold text-gray-800" id="labelPendienteSD">$0.0</div>
          </div>-->
          <div class="col-md-12">
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1" align="right">
              <h6>Total Depósito</h6>
            </div>
            <div class="h5 mb-0 font-weight-bold text-gray-800" id="labelPagadoSD" align="right">$0.0</div>
          </div>
        </div>
      </div>
      <input type="hidden" id="idPagoRealizado">
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardarPago();" id="btn_generarPago">Generar</button>
        <button type="button" class="btn btn-success" onclick="timbrarPago();" id="btn_timbrarPago">Timbrar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade modalEsc" id="modalCancelar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Cancelacion Factura</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <!--<input type="hidden" id="idDocHv">
        <input type="hidden" id="idVentaHv">-->
        <div class="row">
          <div class="col-12">

            <label for="motivo_cancelacion" class="ms-0">Motivo Cancelacion:<span class="text-danger">*</span></label>
            <select class="form-control form-control-sm" id="motivo_cancelacion" onchange="muestraRel();">
              <option value="01">(01) Comprobantes emitidos con errores con relación</option>
              <option value="02" selected>(02) Comprobantes emitidos con errores sin relación</option>
              <option value="03">(03) No se llevó a cabo la operación</option>
              <option value="04">(04) Operación nominativa relacionada en una factura global</option>
            </select>

          </div>
        </div>
        <div class="row" id="uuidRelaCancelRow" style="display: none;">
          <div class="col-3">
            <label>Serie:<span class="text-danger">*</span></label>
            <input type="text" class="form-control form-control-sm" id="serieRelaCancel">
          </div>
          <div class="col-3">
            <label>Folio:<span class="text-danger">*</span></label>
            <input type="text" class="form-control form-control-sm" id="folioRelaCancel">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregaFacturaCancelacion();" id="btnMuestraFacRelaCancel" style="display: none;">Agregar Factura</button>
        <button type="button" class="btn btn-danger" onclick="cancelaDocumento();">Cancelar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalRelaciones">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="titleRelaciones">Relaciones</h4>
        <h4 class="modal-title" id="titleNotacCredito">Aplica a Nota de Credito</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <input type="hidden" id="tipoAccion">
        <div class="row">
          <div class="col-12">
            <label>Relacion:</label>
            <select id="tipoRelacion" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
              <option value="0">-Selecciona-</option>
               @foreach ($data['tipos_relacion'] as $key => $i)
                  <option value="{{ $i->c_tiporelacion }}">{{ $i->c_tiporelacion }} - {{ $i->descripcion }}</option>
                @endforeach
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr>
                    
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>UUID</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody id="divBodyRelacionados">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="verFacturas();">Agregar Factura</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">Guardar</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalFacturasRelacion">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Facturas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" style="height: 50vh;overflow: auto;">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Fecha</th>
                    <th>Importe</th>
                    <th>Saldo</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody id="bodyFacturas">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarFact();" id="btnAgregaFact">Agregar</button>
        <button type="button" class="btn btn-primary" onclick="agregarFact2();" id="btnAgregaFactCancelacion">Agregar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalAplicaciones">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Aplicacion Nota de Crédito</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <h5 id="comprobanteName"></h5>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Notas de Crédito aplicadas</label>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Monto</th>
                    <th>Fecha</th>
                  </tr>
                </thead>
                <tbody id="divBodyAplicados">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="verNotasCredito();">Agregar Nota</button>
        <button type="button" class="btn btn-primary" onclick="aplicarNotaCredito();">Aplicar</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalAplicacionNotas">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Facturas</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        <div class="row" style="height: 50vh;overflow: auto;">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr style="border-bottom: solid; color: #0170ff;">
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Fecha</th>
                    <th>Moneda</th>
                    <th>Forma Pago</th>
                    <th>Método Pago</th>
                    <th>Importe</th>
                    <th>Saldo</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody id="bodyFacAplicadas">

                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregarNota();">Agregar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalLeyendas">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Leyendas Documentos</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label>Leyenda</label>
            <select id="leye" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
              <option value="0">-Selecciona-</option>
              @foreach ($data['documentos_leyenda'] as $f)
                <option value="{{ $f->id }}" ley="{{ base64_encode(utf8_decode($f->leyenda)) }}">{{ substr($f->leyenda,0,30).'...' }}</option>
              @endforeach
            </select>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="agregaLeyenda();">Agregar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalProgramar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Programar Factura</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">  
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Frecuencia:</label>
                   <select id="periocidadF" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="muestraanio();">
                    <option value="1">Mensual</option>
                    <option value="2">Anual</option>
                  </select>
                </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Fecha Inicio:<span class="text-danger">*</span></label>
                  <input type="text" class="form-control datetimepicker" id="fechaInicioPrograma">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Repeticiones:<span class="text-danger">*</span></label>
                  <input type="text" class="form-control" id="periocidad">
                </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Concepto:<span class="text-danger">*</span></label>
                  <input type="text" class="form-control" id="concepto_programa">
                </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Complementar concepto:</label>
                   <!--<select id="complementoConcepto" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    <option value="1">Fecha Completa</option>
                    <option value="2">Mes y Año</option>
                  </select>-->
                </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
                <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Mes:</label>
                   <select id="complementoConceptoMes" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    <option value="1">ENERO</option>
                    <option value="2">FEBRERO</option>
                    <option value="3">MARZO</option>
                    <option value="4">ABRIL</option>
                    <option value="5">MAYO</option>
                    <option value="6">JUNIO</option>
                    <option value="7">JULIO</option>
                    <option value="8">AGOSTO</option>
                    <option value="9">SEPTIEMBRE</option>
                    <option value="10">OCTUBRE</option>
                    <option value="11">NOVIEMBRE</option>
                    <option value="12">DICIEMBRE</option>
                  </select>
                </div>
          </div>
          <div class="col-md-6" id="anioconcepto" style="display: none;">
              <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Año:</label>
                   <select id="complementoConceptoAnio" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">-Selecciona-</option>
                    <option value="2024">2025</option>
                    <option value="2026">2026</option>
                    <option value="2027">2027</option>
                    <option value="2028">2028</option>
                    <option value="2029">2029</option>
                    <option value="2030">2030</option>
                  </select>
                </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardarFactProgramada();">Guardar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalEstado" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModal">Agregar estado</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="material-icons">clear</i>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group col-md-12 ">
                    <label for="examplePass" class="bmd-label-floating ">Descripción: <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="descripcionestado">
                </div>
                <div class="form-group col-md-12">
                    <label for="examplePass" class="bmd-label-floating ">Clave: <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="claveestado">
                </div>
                <div class="col-md-12">
                    <select id="id_pais" class="selectpicker" data-width="100%" data-style="select-with-transition" title="País:" data-live-search="true">
                        @foreach($data['paises'] as $p)
                        <option value="{{$p->idpais}}" nombre="{{$p->pais}}">{{$p->pais}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarEstamuni(2);">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalMunicipio" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="titleModal">Agregar municipio</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="material-icons">clear</i>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group col-md-12 ">
                    <label for="examplePass" class="bmd-label-floating ">Descripción: <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="descripcionmunicipio">
                </div>

                <div class="col-md-12">
                    <select id="id_estado" class="selectpicker" data-width="100%" data-style="select-with-transition" title="Estado:" data-live-search="true">
                        @foreach($data['estados'] as $es)
                        <option value="{{$es->idestado}}">{{$es->estado}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarEstamuni(3);">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalPlazo">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Nuevo Plazo</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
          <div class="row">
            <div class="form-group col-md-12 ">
              <label for="examplePass" class="bmd-label-floating ">Descripción: <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="descPlazo">
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-12 ">
              <label for="examplePass" class="bmd-label-floating ">Dias: <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="diasPlazo">
            </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="guardarPlazo();">Guardar</button>
      </div>
    </div>
  </div>
</div>

@include('operaciones.carta_porte')
<style>
  td {
    font-size: .8em !important;
  }

  table>thead>tr>th {
    font-size: .95em !important;
  }

  /* #gridFacturas>tbody>tr {
    cursor: pointer;
  } */

  #gridFacturas {
    display: block;
    /* overflow-x: auto; */
    /* overflow-y: auto; */
    /* height: 500px; */
    overflow: scroll;
  }

  #gridFacturasPendientes {
    display: block;
    height: 400px;
    overflow: scroll;
  }

  #tableDeposito {
    display: block;
    height: 200px;
    overflow: scroll;
  }

  /* table>thead>tr>th {
    font-size: .8em !important;
  }

  table>tbody>tr>td {
    font-size: .8em !important;
  } */
  #swal2-content{
    color: red;
  }
</style>

@endsection 

@push('js')
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

<script>
$(document).ready(function() {
    //loadGrid();
    if($('#idVentaCargada').val()!=''){
        cargaVenta($('#idVentaCargada').val());
    }

    if($('#dias_vigencia_csd').val() < 16){
        Swal.fire({
              title: 'El certificado esta apunto de caducar. Quedan :'+$('#dias_vigencia_csd').val()+' dias.',
              type: 'warning',
              timer: 7000
          })
          
    }
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'clear']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        // ['height', ['height']],
        ['table', ['table']],
        // ['insert', ['link', 'picture', 'video', 'hr']],
        // ['view', ['fullscreen', 'codeview', 'help']],
        // ['misc', ['undo', 'redo']]
      ]
    });
    $(document).on('click', '.modo-ganancia', function(event) {
        var $this = $(this); // Cache del elemento para optimización
        var modoActual = $this.data('modo'); // Uso de data-* para atributos personalizados
        var nuevoModo = modoActual == 'cantidad' ? 'porcentaje' : 'cantidad';
        console.log(nuevoModo)
        $this.data('modo', nuevoModo); 
        $this.toggleClass('fa-dollar fa-percent');

        if(nuevoModo=='porcentaje'){
          
        }else{
          
        }
        calculaTotales();
        return false; // Evitar el comportamiento por defecto del enlace

    });

$('.ivasrets').mousedown(function(e){

  var $self = $(this);
  if( $self.is(':checked') ){
    var uncheck = function(){
      setTimeout(function(){$self.removeAttr('checked');},0);
    };
    var unbind = function(){
      $self.unbind('mouseup',up);
    };
    var up = function(){
      uncheck();
      unbind();
    };
    $self.bind('mouseup',up);
    $self.one('mouseout', unbind);
  }
});

$('input[type=radio]').click(function(){

    if (this.previous) {
        this.checked = false;
    }
    this.previous = this.checked;
});
    var date = new Date();
    $('.datetimepicker').datetimepicker({
      "defaultDate": new Date(),
      format: 'YYYY-MM-DD',
      icons: {
        time: "fa fa-clock-o",
        date: "fa fa-calendar",
        up: "fa fa-chevron-up",
        down: "fa fa-chevron-down",
        previous: 'fa fa-chevron-left',
        next: 'fa fa-chevron-right',
        today: 'fa fa-screenshot',
        clear: 'fa fa-trash',
        close: 'fa fa-remove'
      }
    });

});
$( "#buscaCliente" ).on( "change", function() {
    getRfc()
} );


/*$(document).keyup(function(event) {
    if ($(".itemsInput___").is(":focus") && event.key == "Enter") {
      //idcontador = $(this).attr('contador')

      idcontador = $(this).attr('contador')
      alert($(this).val())
      $.ajax({
        url: '{{ url('facturacion/operaciones/busca_producto_codigo') }}',
        type: 'POST',
        dataType: 'json',
        data: {codigo: $(".itemsInput").is(":focus").val()},
      })
      .done(function(resp) {
        console.log(resp);
        if(resp.estatus > 0){
          $('#desc_'+idcontador).val(resp.data.descripcion)
          $('#cant_'+idcontador).val(1)
          $('#precio_'+idcontador).val(resp.data.subtotal)
          $('#subtotal_'+idcontador).val(resp.data.subtotal)
          
        }else{
          Swal.fire({
              title: 'El producto no existe',
              type: 'warning',
              timer: 7000
          })
          return false;
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
    }
});*/
let clicando = false
$('#btnFactura,#btnVenta,#btnPreFactura').click(function(){
  console.log($(this).attr('id'))
  console.log('847477575757')
  if(clicando==false){
    clicando = true
    var idcliente = $('#buscaCliente').val()
    if(idcliente=='0'){
      Swal.fire({
              title: 'Selecciona un cliente',
              type: 'warning',
              timer: 1000
          })
      clicando = false
      return false;
    }
    var $this = $('#modo-descuento'); // Cache del elemento para optimización
    var modoDescuento = $this.data('modo'); 
    var tipodocumento = $('#tipodocumento').val()
    var serie = $('#serie').val()
    var moneda = $('#moneda').val()
    var tipo_cambio = $('#tipo_cambio').val()
    var usocfdi = $('#usocfdi').val()
    var metodopago = $('#metodopago').val()
    var formapago = $('#formapago').val()
    var descuentoTotal =$('#descuentodescuento').val()

    var ivaret = $('input[name=ivasretenidos]:checked').val()
    var ivaretId = 0
    if(ivaret === undefined){
      ivaret = 0
      ivaretId = 0
    }else{
      ivaretId = $('input[name=ivasretenidos]:checked').attr('idimpuesto')
    } 
    var tieneIsr = $('.isrcheck').is(':checked')
    if(tieneIsr){
      isr = $('.isrcheck').val()
      isrId = $('.isrcheck').attr('idimpuesto')
    }else{
      isr = 0;
      isrId = 0;
    }
   


    ish = $('#porcentajeISH').val()
    ishId = $('#porcentajeISH option:selected').attr('idish');
    

    //var tieneIsh = $('.ishcheck').is(':checked')
    /*if(tieneIsh){
      //alert('tiene')
      ish = $('.ishcheck').val()
      ishId = $('.ishcheck').attr('idimpuesto')
    }else{
      //alert('no tiene')
      ish = 0;
      ishId = 0;
    }*/

    var items = new Array
    contador = 0;
    $('.itemsFact').each(function(index, el) {
        id = $(this).attr('contador')
        if($('#code_'+id).val() != ''){
          dat = {
            idprod: $('#code_'+id).attr('idprod'),
            codigo: $('#code_'+id).val(),
            nombre : $('#desc_'+id).val(),
            cantidad : $('#cant_'+id).val(),
            precio_unitario : $('#precio_'+id).val(),
            iva: $('#code_'+id).attr('iva'),
            ivar: ivaret,
            isr: isr,
            descuento: $('#descuento_'+id).val(),
            ivaret_id: ivaretId,
            isr_id: isrId,
            factor: $('#code_'+id).attr('factor'),
          }
          items.push(dat)
          contador++;
        }
    });
    if(contador < 1){
       Swal.fire({
              title: 'Agrega al menos un producto',
              type: 'warning',
              timer: 1000
          })
        clicando = false
          return false;
    }
    
    if(metodopago==null){
      Swal.fire({
              title: 'Selecciona un metodo de pago.',
              type: 'warning',
              timer: 1000
          })
        clicando = false
          return false;
    }
    console.log(items)
    console.log(modoDescuento)

        var tipoRelacionCfdi = $('#tipoRelacion').val()
        var relaciones = new Array()
        if(tipoRelacionCfdi!='0'){
            $(".agregadas_relacionadas").each(function() {
                if($(this).attr('uuid')!=''){
                     relaciones.push($(this).attr('uuid'))
                }
            })
        }
        if(tipoRelacionCfdi!='0'){
            if(relaciones.length==0){
                        Swal.fire({
                            title: 'Agrega al menos una factura para relacionar',
                            type: 'error',
                            timer: 7000
                        })
                        return false;
            }
        }
     
     
      //alert(isr)
      //clicando = false
      //return false;
    $('#loadingLoad').modal('show')
    var accion  = $(this).attr('id')
    if(accion=='btnPreFactura'){
      tipodocumento='4'
    }
    var obser = $('#notas').val();
    if(tipodocumento=='2' || tipodocumento=='4'){
      url = '{{ url('facturacion/operaciones/guardar') }}'
    }else{
      url = '{{ url('facturacion/operaciones/timbrar_sin_venta') }}'
    } 
    if($('#concartaporte').val()=='1'){
      console.log('entro')
      var dataCartaPorte = {};
      dataCartaPorte['generales'] = {};
      dataCartaPorte['generales']['IdCCP'] = $('#IdCCP').val();
       console.log('icccc')
      dataCartaPorte['generales']['TranspInternac'] = $('#transInternacional').val();
      console.log(dataCartaPorte)
      var totalKm = 0
      
      var ubicaciones = new Array
      contaubis = 0
      $('.ubiAdded').each(function(index, el) {
          idUbi = $(this).attr('idubi')
          if($('#ubi_'+idUbi).val()!=0){
            dat = {
              TipoUbicacion: ($('#ubi_'+idUbi).val() == 1) ? 'Origen' : 'Destino',
              IDUbicacion: $('#folio_'+idUbi).val(),
              RFCRemitenteDestinatario: $('#rfc_'+idUbi).val(),
              NombreRemitenteDestinatario: $('#nombre_'+idUbi).val(),
              FechaHoraSalidaLlegada: $('#fechasalida_'+idUbi).val(),
              DistanciaRecorrida: $('#km_'+idUbi).val(),
              cp: $('#cp_'+idUbi).val(),
              estado: $('#estadoubi_'+idUbi).val(),
              pais: $('#paisubi_'+idUbi).val()
            }
            ubicaciones.push(dat)
            contaubis++;
            totalKm+=parseFloat($('#km_'+idUbi).val())
          }
      });
      if(contaubis==0){
        Swal.fire({
                title: 'Agregar ubicaciones a la carta porte.',
                type: 'error',
                timer: 7000
            })
             clicando = false
            return false;
      }
      dataCartaPorte['ubicaciones'] = ubicaciones;
      dataCartaPorte['generales']['TotalDistRec'] = totalKm

       var mercancias = new Array
       contamerca = 0 
      $('.mercaAdded').each(function(index, el) {
          idMerca = $(this).attr('idmerca')
          if($('#codigo_'+idMerca).val()!=0){
            unisat = $('#unidad_'+idMerca).val().split(" - ")
            dat = {
              BienesTransp: $('#folio_'+idMerca).val(),
              Descripcion: $('#desc_'+idMerca).val(),
              Cantidad: $('#cantidad_'+idMerca).val(),
              ClaveUnidad: unisat[0],
              PesoEnKg: $('#peso_'+idMerca).val(),
              Unidad: unisat[1],
              //Dimensiones: $('#folio_'+idMerca).val(),
              //ValorMercancia: $('#folio_'+idMerca).val(),
              //Moneda: $('#folio_'+idMerca).val(),
            }
            contamerca++;
            mercancias.push(dat)
          }
      });
      if(contamerca==0){
        Swal.fire({
                title: 'Agregar mercancías a la carta porte.',
                type: 'error',
                timer: 7000
            })
             clicando = false
            return false;
      }
      dataCartaPorte['mercancias'] = mercancias;

      dataCartaPorte['figuraTransportista'] = {};
      dataCartaPorte['figuraTransportista']['TipoFigura'] = $('#tipoOperador').val();
      dataCartaPorte['figuraTransportista']['RFCFigura'] = $('#rfcOperador').val();
      dataCartaPorte['figuraTransportista']['NumLicencia'] = $('#noLicencia').val();
      dataCartaPorte['figuraTransportista']['NombreFigura'] = $('#nombreOperador').val();
      dataCartaPorte['figuraTransportista']['NumRegIdTribFigura'] = $('#idfiscal').val();
      
      dataCartaPorte['autotransporte'] = {};
      dataCartaPorte['autotransporte']['permisoSCT'] = $('#autotransportePermiso').val();
      dataCartaPorte['autotransporte']['numeroPermisoSCT'] = $('#autotransporteNumero').val();
      
      dataCartaPorte['vehiculo'] = {};;
      dataCartaPorte['vehiculo']['ConfigVehicular'] = $('#configVehicular option:selected').attr('clave')
      dataCartaPorte['vehiculo']['PesoBrutoVehicular'] = $('#pesoBruto').val();
      dataCartaPorte['vehiculo']['PlacaVM'] = $('#placaVehicular').val();
      dataCartaPorte['vehiculo']['AnioModeloVM'] = $('#anioVehiculo').val();
      dataCartaPorte['vehiculo']['aseguradora'] = $('#aseguradora').val();
      dataCartaPorte['vehiculo']['poliza'] = $('#poliza').val();

      dataCartaPorte['totales_mercancias'] = {};
      dataCartaPorte['totales_mercancias']['PesoBrutoTotal'] = $('#brutoTotal').val();
      dataCartaPorte['totales_mercancias']['UnidadPeso'] = $('#unidadPeso option:selected').attr('clave')
      dataCartaPorte['totales_mercancias']['NumTotalMercancias'] = $('#totalMercancias').val();
      dataCartaPorte['totales_mercancias']['IDOrigen'] = $('#poloOrigen option:selected').attr('folio')
      dataCartaPorte['totales_mercancias']['IDDestino'] = $('#poloDestino option:selected').attr('folio')

    }else{
      var dataCartaPorte = '';
    }
    var plazo = $('#plazo').val()

    $.ajax({
      url: url,
      type: 'POST',
      dataType: 'json',
      data: {
        items: items,
        idcliente: idcliente,
        tipodocumento: tipodocumento,
        serie: serie,
        moneda: moneda,
        usocfdi: usocfdi,
        metodopago: metodopago,
        formapago: formapago,
        total: $('#totaltotal').val(),
        mododescuento: modoDescuento,
        descuento_total: descuentoTotal,
        relaciones: relaciones,
        tipoRelacionCfdi: tipoRelacionCfdi,
        ivaret: ivaret,
        isr: isr,
        accion: accion,
        obser: obser,
        tipoVentaCargada : $('#tipoVentaCargada').val(),
        idVentaCargada: $('#idVentaCargada').val(),
        tipo_cambio: tipo_cambio,
        dias_timbrado: $('#diasTimbrado').val(),
        tienecartaporte: $('#concartaporte').val(),
        cartaporte: dataCartaPorte,
        plazo: plazo,
        ish: ish,
        ishId: ishId,
      },
    })
    .done(function(resp) {
      console.log("success");
      $('#loadingLoad').modal('hide')

      if(tipodocumento=='1' || tipodocumento=='3'){

        if(resp.success==1){
            $('#divProgramar').show()
            $('#divPrefactura').hide()
            $('#divDiasTimbrado').hide()
            
            data = {
              items: items,
              idcliente: idcliente,
              tipodocumento: tipodocumento,
              serie: serie,
              moneda: moneda,
              usocfdi: usocfdi,
              metodopago: metodopago,
              formapago: formapago,
              total: $('#totaltotal').val(),
              mododescuento: modoDescuento,
              descuento_total: descuentoTotal,
              obser: obser,
              plazo: plazo,
              ish: ish,
              ishId: ishId,
            }
            guardarVenta(data,resp);
             clicando = false
             $('#soloventa').val('')
        }else{
          setTimeout(() => {
                $('#loadingLoad').modal('hide')
            }, 1000);
            Swal.fire({
                title: resp.error+' - '+resp.mensaje,
                type: 'error',
                timer: 7000
            })
             clicando = false
            return false;
        }
      }else{
        if(resp.estatus > 0){
          $('#idPrefact').val(resp.estatus)
          $('.cardsEstatus').hide()
          if(tipodocumento!='2'){
  
            $('#btnFactura').hide()
            $('#btnPreFactura').hide()
             $('#divDiasTimbrado').hide()
            if(accion=='btnPreFactura'){
              //$('#divPrefactura').show()
              timbrar(resp.estatus,1);

            }else{
              timbrar(resp.estatus,0);

            }
            $('#soloventa').val('')
                         clicando = false
          }else{
               $('#urlPdfFact').val(resp.rutapdf)
               $('#soloventa').val(resp.estatus)
               $('#btnVentaTimbrar').show()
               $('#btnVenta').hide()
               
               $('#idPrefact').val(resp.estatus)
              modalComprobanteFact2(resp.rutapdf, resp.estatus,2,resp.seriefolio)
              Swal.fire({
                              title: 'Exito!',
                              text: 'Venta guardado con Exito!',
                              type: 'success',
                              icon: 'success',
                              timer: 7000
                          })
          }
              $('#estatusGenerada').show()
              $('.idDocumento').html(resp.seriefolio)
              $('#divArchivos').show()
              $('#divDeposito').show()
              $('#divCancelar').show()
              $('#divNuevodocumento').show()
              
          clicando = false
        }
      }

    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
})

$(document).on('keypress','.itemsInput',function(event){
    if(event.keyCode===13){
      idcontador = $(this).attr('contador')
      eee = $(this)
      $.ajax({
        url: '{{ url('facturacion/operaciones/busca_producto_codigo') }}',
        type: 'POST',
        dataType: 'json',
        data: {codigo: $(this).val()},
      })
      .done(function(resp) {
        console.log(resp);
        if(resp.estatus > 0){
          $('#desc_'+idcontador).val(resp.data.descripcion)
          $('#cant_'+idcontador).val(1)
          $('#precio_'+idcontador).val(parseFloat(resp.data.subtotal).toFixed(2))
          $('#subtotal_'+idcontador).val(parseFloat(resp.data.subtotal).toFixed(2))
          $('#code_'+idcontador).attr('idprod',resp.data.id)
          $.each(resp.data.impuestos, function(index, val) {
             $(eee).attr('iva',val.impuesto.tasa)
             $(eee).attr('factor',val.impuesto.factor)
          });
          calculaTotales();
        }else{
          Swal.fire({
              title: 'El producto no existe',
              type: 'warning',
              timer: 1000
          })
          return false;
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
      
    }
})


 $('#buscadorProducto').on('keypress', function(event){
        if (event.keyCode ===13){
            //if($('#buscadorProducto').val()!=''){
              $.ajax({
                url: '{{ url('facturacion/operaciones/busca_producto') }}',
                type: 'POST',
                dataType: 'json',
                data: {term: $('#buscadorProducto').val()},
              })
              .done(function(resp) {
                console.log(resp);
                $('#tableBuscadorProductosBody').html('')
                if(resp.data.length > 0){
                  var html = '';
                  $('#tableBuscadorProductosBody').html('')
                  $.each(resp.data, function(index, val) {
                     html+='<tr>'
                     html+='<td>'+val.codigo+'</td>'
                     html+='<td>'+val.descripcion+'</td>'
                     html+='<td>'+numberFormat(val.subtotal)+'</td>'
                     html+='<td><button class="btn btn-primary btn-sm" onclick="agregaProdBuscador(\''+val.codigo+'\')">+</button></td>'
                     html+='</tr>'
                  });
                  $('#tableBuscadorProductosBody').html(html)

                }
              })
              .fail(function() {
                console.log("error");
              })
              .always(function() {
                console.log("complete");
              });
              
            //}
        }
  })
function agregaProd(){


    contador = 0
        $('.itemsFact').each(function(index, el) {
            contador ++;
        });
    contador =  parseFloat(contador) + 1
                      html = '<tr class="itemsFact" contador="'+contador+'" id="itemList_'+contador+'">'
                       html+= '<td>'
                         html+= '<input type="text" class="itemsInput inputsrounder" style="width: 100%;" id="code_'+contador+'" contador="'+contador+'">'
                       html+= '</td>'
                       html+=' <td>'
                       html+=   '<input type="text" style="width: 100%;" id="desc_'+contador+'" class="inputsrounder">'
                       html+= '</td>'
                       html+='<td>'
                       html+=   '<input type="number" style="width: 100%;" id="cant_'+contador+'" class="inputsrounder" onkeyup="calculaTotales();">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="precio_'+contador+'" class="inputsrounder" onkeyup="calculaTotales();">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="text" style="width: 100%;" id="subtotal_'+contador+'" class="inputsrounder" readonly>'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="descuento_'+contador+'" class="inputsrounder" onkeyup="calculaTotales();">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=  '<button class="btn btn-link btn-xsm mr-1" onclick="removeItem('+contador+');"><i class="material-icons">close</i></button>'
                       html+= '</td>'
                      html+='</tr>'

          $('#bodyItems').append(html)
}

function buscaProd(){
  $('#modalBuscaProducto').modal('show')
}
function getRfc(){
  var idCliente = $('#buscaCliente').val()
  $.ajax({
    url: '{{ url('facturacion/operaciones/get_cliente') }}',
    type: 'POST',
    dataType: 'json',
    data: {id: idCliente},
  })
  .done(function(resp) {
    console.log(resp);
    if(resp.estatus > 0){
      $('#rfc').val(resp.data.rfc)
      $('#emailClienteM').val(resp.data.correo)
      $('#usocfdi').val(resp.data.id_usocfdi)
      $('#usocfdi').selectpicker("refresh");
      $('#metodopago').val(resp.data.id_metodo_pago)
      $('#metodopago').selectpicker("refresh");
      $('#tipo').focus();
      revisaMP();
    }else{
        Swal.fire({
            title: resp.msj,
            type: 'warning',
            timer: 7000
        })
        return false;
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
 function numberFormat(num){
    return new Intl.NumberFormat('en-US', {
                            style: 'currency',
                            currency: 'USD'
                        }).format(num)
  }
  function newCliente(){

    $('#razon_social_c').val('');
    $('#rfc_c').val('');
    $('#regimen').val(0).selectpicker("refresh");;
    $('#usocfdi_c').val(0).selectpicker("refresh");;
    $('#correo_c').val('');
    $('#telefono').val('');
    $('#contacto').val('');
    $('#direccion').val();
    $('#estado').val(0).selectpicker("refresh");;
    $('#municipio').val(0).selectpicker("refresh");;
    $('#codigo_postal').val('');
    $('#cuenta_bancaria').val('');
    
  $('#modalNewCliente').modal('show')
  }
function guardarCliente(){
  var id = ''
  var razon_social = $('#razon_social_c').val();
  if(razon_social==''){
    Swal.fire({
                title: 'Agrega una rázon social.',
                type: 'warning',
                timer: 2000
            })
    $('#razon_social_c').focus()
    return false;
  }
  if(razon_social=='Publico en General' || razon_social=='publico en general'){
    Swal.fire({
                title: 'La rázon social Publico en General es invalida.',
                type: 'warning',
                timer: 2000
            })
    $('#razon_social_c').focus()
    return false;
  }
  var rfc = $('#rfc_c').val();
  if(rfc==''){
    Swal.fire({
                title: 'El RFC se encuentra vacio.',
                type: 'warning',
                timer: 2000
            })
    $('#rfc_c').focus()
    return false;
  }
  var cif = $('#cif').val()
  if(rfc=='XEXX010101000' && cif==''){
    Swal.fire({
                title: 'El CIF se encuentra vacio.',
                type: 'warning',
                timer: 2000
            })
    $('#cif').focus()
    return false;
  }
  
  var regimen = $('#regimen').val();
  if(regimen=='0' || regimen==''){
     Swal.fire({
                title: 'Selecciona un regimen fiscal.',
                type: 'warning',
                timer: 2000
            })
    $('#regimen').focus()
    return false;
  }
  var usocfdi = $('#usocfdi_c').val();
  if(usocfdi=='0'){
    Swal.fire({
                title: 'Selecciona un Uso de CFDI.',
                type: 'warning',
                timer: 2000
            })
    $('#usocfdi_c').focus()
    return false;
  }
  var correo = $('#correo_c').val();
  if(correo==''){
    Swal.fire({
                title: 'El correo se encuentra vacio.',
                type: 'warning',
                timer: 2000
            })
    $('#correo_c').focus()
    return false;
  }
  var metodopago = $('#metodo_pago').val()
  if(metodopago==''){
  Swal.fire({
                title: 'Agrega metodo de pago.',
                type: 'warning',
                timer: 2000
            })
    $('#metodo_pago').focus()
    return false;
  }
  var telefono = $('#telefono').val();
  var contacto = $('#contacto').val();
  var direccion = $('#direccion').val();
  var estado = $('#estado').val();
  var municipio = $('#municipios').val();
  var codigo_postal = $('#codigo_postal').val();
  if(codigo_postal==''){
    Swal.fire({
                title: 'El codigo postal se encuentra vacio.',
                type: 'warning',
                timer: 2000
            })
    $('#codigo_postal').focus()
    return false;
  }
  var pais = $('#pais').val()
  var cuenta_bancaria = $('#cuenta_bancaria').val()
  
  $.ajax({
    url: '{{ url('catalogo/guardar_cliente') }}',
    type: 'POST',
    dataType: 'json',
    data: {
      id: id,
      razon_social: razon_social,
      rfc: rfc,
      regimen: regimen,
      usocfdi: usocfdi,
      correo: correo,
      telefono: telefono,
      contacto: contacto,
      direccion: direccion,
      estado: estado,
      municipio: municipio,
      codigo_postal: codigo_postal,
      pais: pais,
      cuenta_bancaria: cuenta_bancaria,
      metodopago: metodopago,
      cif: cif,
    },
  })
  .done(function(resp) {
    console.log("success");
    if(resp.estatus > 0){
      $('#modalNewCliente').modal('hide')
        Swal.fire({
                title: 'Guardado Correctamente',
                type: 'success',
                timer: 2000
            })
        html = '<option value="'+resp.estatus+'">'+razon_social+'</option>'
        $('#buscaCliente').append(html)
        $('#buscaCliente').val(resp.estatus).selectpicker("refresh");
        getRfc()
    }else{

         Swal.fire({
                title: resp.mensaje,
                type: 'warning',
                timer: 4000
            })
         $('#rfc_c').focus();
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  

}
function newProducto(){
    $('#idproducto').val('');
    $('#descripcion').val('');
    $('#codigo').val('');
    $('#subtotal').val('');
    $('#clavesat').val('');
    $('.impuescheck').prop( "checked", false )

  $('#modalNewProducto').modal('show')
}
function guardaProd(){
  
  var codigo = $('#codigo').val()
  var desc = $('#descripcion').val()
  var clavesat = $('#clavesat').val()
  var unidadsat = $('#unidadsat').val()
  var subtotal = $('#subtotal').val()
  var id = $('#idproducto').val()
  var tipoIva = $('#tipoIva').val()
  
  if(codigo==''){
     $('#codigo').focus();
      Swal.fire({
          title: 'El Código esta vacio.',
          type: 'warning',
          timer: 2000
      })
     return false;
  }
  if(desc==''){
     $('#descripcion').focus();
      Swal.fire({
          title: 'La Descripción esta vacia.',
          type: 'warning',
          timer: 2000
      })
     return false;
  }
  if(clavesat==''){
     $('#clavesat').focus();
      Swal.fire({
          title: 'La clave producto SAT esta vacia.',
          type: 'warning',
          timer: 2000
      })
     return false;
  }
  if(clavesat.length < 8){
    Swal.fire({
          title: 'La clave producto SAT debe contenter 8 dígitos.',
          type: 'warning',
          timer: 2000
      })
     return false;
  }

  $.ajax({
    url: '{{ url('catalogo/guarda_producto') }}',
    type: 'POST',
    dataType: 'json',
    data: {
      id: id,
      codigo: codigo,
      desc: desc,
      clavesat: clavesat,
      unidadsat: unidadsat,
      subtotal: subtotal,
      tipoIva: tipoIva,
    },
  })
  .done(function(resp) {
    console.log("success");
    if(resp.estatus > 0){

            html='<tr>'
               html+='<td>'+codigo+'</td>'
               html+='<td>'+desc+'</td>'
               html+='<td>'+numberFormat(subtotal)+'</td>'
               html+='<td><button class="btn btn-primary btn-sm" onclick="agregaProdBuscador(\''+codigo+'\')">+</button></td>'
            html+='</tr>'
            $('#tableBuscadorProductosBody').append(html)
        Swal.fire({
                title: 'Producto guardado con Exito',
                type: 'success',
                timer: 2000
            })
      $('#modalNewProducto').modal('hide')
      return false;
    }else{
       Swal.fire({
                title: resp.msj,
                type: 'error',
                timer: 10000
            })
       return false;
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  

}
function calculaTotales(tienedesc=1){
  var subtotalGeneral = 0
  var iva = 0;
  var $this = $('#modo-descuento'); // Cache del elemento para optimización
  var modoActual = $this.data('modo'); 
  var descuentototal = 0;
  var IvaRTasa = 0;
  var IsrTasa = 0;
  var IshTasa = 0;
  var isr = 0;
  var ivaR = 0
  IvaRTasaDisplay = ''
  IsrTasaDisplay = ''
  IshTasaDisplay = ''
  setTimeout(() => {
      $('.impuescheck').each(function(index, el) {

          if($(this).is(':checked')){
            console.log('entroooooooooooooooo')
            if($(this).attr('impuesto')=='IVAR'){
              IvaRTasa = $(this).val()
              IvaRTasaDisplay = $(this).val()
               console.log('entroooooooooooooooo retenido')
            }
            if($(this).attr('impuesto')=='ISR'){
              IsrTasa = $(this).val()
              IsrTasaDisplay = $(this).val()
            }
            /*if($(this).attr('impuesto')=='ISH'){
              IshTasa = $(this).val()
              IshTasaDisplay = $(this).val()
            }*/
          }
          
      });
      if($('#porcentajeISH').val()!='0'){
        IshTasa = $('#porcentajeISH').val()
        IshTasaDisplay = $('#porcentajeISH').val()
      }
  

  IvaRTasa = parseFloat(IvaRTasa / 100);
  IsrTasa = parseFloat(IsrTasa / 100);
  IshTasa = parseFloat(IshTasa / 100);
  console.log('TasaIVARET='+IvaRTasa)
  $('.itemsFact').each(function(index, el) {
    console.log(modoActual)
      idcontador = $(this).attr('contador')
      //console.log($('#code_'+idcontador).attr('idprod'))
      if($('#code_'+idcontador).val() !=''){
        var ivaTasa = $('#code_'+idcontador).attr('iva')
        console.log('IVA_____'+ivaTasa)
        if(ivaTasa=='EXE'){
            ivaTasa = 0
        }
        var cantidad = $('#cant_'+idcontador).val()
        var precio = $('#precio_'+idcontador).val()
        var descuento = $('#descuento_'+idcontador).val()
        if(cantidad==''){
          cantidad = 0;
        }
        if(precio==''){
          precio = 0;
        }
        if(descuento==''){
          descuento = 0;
        }
        subtotal = parseFloat(precio) * parseFloat(cantidad)

        $('#subtotal_'+idcontador).val(parseFloat(subtotal).toFixed(2))
        //console.log(modoActual)
        if(modoActual=='cantidad'){
          //console.log(subtotal +' '+descuento)
          if(parseFloat(subtotal) < parseFloat(descuento)){
            descuento = 0;
            $('#descuento_'+idcontador).val('')
            Swal.fire({
                title: 'El descuento no puede ser del 100%.',
                type: 'warning',
                timer: 1000
            })
          }
          //subtotal = parseFloat(subtotal) - parseFloat(descuento)
        }else{
          if(parseFloat(descuento) > 99){
            descuento = 0;
            $('#descuento_'+idcontador).val('')
            Swal.fire({
                title: 'El descuento no puede ser del 100%.',
                type: 'warning',
                timer: 1000
            })
          }
          descuento = parseFloat(descuento) / 100
          descuento = parseFloat(subtotal) * parseFloat(descuento);
          //subtotal = parseFloat(subtotal) - parseFloat(descuento)
        }


        ivaProd = (parseFloat(subtotal) - parseFloat(descuento)) * (parseFloat(ivaTasa) / 100)
        ivaRProd = (parseFloat(subtotal) - parseFloat(descuento)) * parseFloat(IvaRTasa)
        isrProd = (parseFloat(subtotal) - parseFloat(descuento)) * parseFloat(IsrTasa)

        descuentototal+=parseFloat(descuento);
        subtotalGeneral += parseFloat(subtotal);
        isr += parseFloat(isrProd)
        ivaR += parseFloat(ivaRProd)
        iva += parseFloat(ivaProd);
      }
  });
  

  if(parseFloat(ivaR) > 0){
    $('#divIvaRet').show()
    $('#IVAretDisplay').html('IVA '+IvaRTasaDisplay+'%:')
    
  }else{
    $('#divIvaRet').hide()
  }
  if(parseFloat(isr) > 0){
    $('#divIsr').show()
    $('#ISRDisplay').html('ISR Ret '+IsrTasaDisplay+'%:')
    
  }else{
    $('#divIsr').hide()
  }

  if(parseFloat(IshTasa) > 0){
    $('#divIsh').show()
    $('#ISHDisplay').html('ISH '+IshTasaDisplay+'%:')
    ish = (parseFloat(subtotalGeneral) - parseFloat(descuentototal)) * parseFloat(IshTasa)
  }else{
    $('#divIsh').hide()
    ish = 0
  }
  $('#descuentoLabel').html(numberFormat(descuentototal))
  $('#subtotalLabel').html(numberFormat(subtotalGeneral))
  $('#ivaLabel').html(numberFormat(iva))
  $('#IvaRetLabel').html(numberFormat(ivaR))
  $('#isrLabel').html(numberFormat(isr))
  $('#ishLabel').html(numberFormat(ish))
  
  
  total = parseFloat(subtotalGeneral) + parseFloat(iva) - parseFloat(descuentototal) - parseFloat(isr) - parseFloat(ivaR) + parseFloat(ish)
  $('#totalLabel').html(numberFormat(total))
  $('#totaltotal').val(total)
  $('#descuentodescuento').val(descuentototal)
}, 300);
}
function agregaProdBuscador(codigo){

      $.ajax({
        url: '{{ url('facturacion/operaciones/busca_producto_codigo') }}',
        type: 'POST',
        dataType: 'json',
        data: {codigo: codigo},
      })
      .done(function(resp) {
        console.log(resp);
        if(resp.estatus > 0){
            contador = 0
            $('.itemsFact').each(function(index, el) {
                contador++;
            })
            if(contador==1 && $('#code_'+contador).val()==''){
                $('#code_'+contador).val(codigo);
                $('#desc_'+contador).val(resp.data.descripcion)
                $('#cant_'+contador).val(1)
                $('#precio_'+contador).val(parseFloat(resp.data.subtotal).toFixed(2))
                $('#subtotal_'+contador).val(parseFloat(resp.data.subtotal).toFixed(2))
                $('#code_'+contador).attr('idprod',resp.data.id)
       
                //if(resp.data.impuestos.length > 0){
                  $.each(resp.data.impuestos, function(index, val) {
                     $('#code_'+contador).attr('iva',val.impuesto.tasa)
                     $('#code_'+contador).attr('factor',val.impuesto.factor)
                  });
               /* }else{
                  $('#code_'+contador).attr('iva','EXE')
                }*/

            }else{
               contador =  parseFloat(contador) + 1
                      html = '<tr class="itemsFact" contador="'+contador+'" id="itemList_'+contador+'">'
                       html+= '<td>'
                         html+= '<input type="text" class="itemsInput inputsrounder" style="width: 100%;" id="code_'+contador+'" contador="'+contador+'" value="'+codigo+'" idprod="'+resp.data.id+'" idprod="0">'
                       html+= '</td>'
                       html+=' <td>'
                       html+=   '<input type="text" style="width: 100%;" id="desc_'+contador+'" value="'+resp.data.descripcion+'" class="inputsrounder">'
                       html+= '</td>'
                       html+='<td>'
                       html+=   '<input type="number" style="width: 100%;" id="cant_'+contador+'" onkeyup="calculaTotales();" value="1" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="precio_'+contador+'" onkeyup="calculaTotales();" value="'+parseFloat(resp.data.subtotal).toFixed(2)+'" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="text" style="width: 100%;" id="subtotal_'+contador+'" value="'+parseFloat(resp.data.subtotal).toFixed(2)+'" class="inputsrounder" readonly>'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="descuento_'+contador+'" onkeyup="calculaTotales();" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=  '<button class="btn btn-link btn-xsm mr-1" onclick="removeItem('+contador+');"><i class="material-icons">close</i></button>'
                       html+= '</td>'
                      html+='</tr>'
 
                  $('#bodyItems').append(html)
                /*$.each(resp.data.impuestos, function(index, val) {
                   $('#code_'+contador).attr('iva',val.impuesto.tasa)
                });*/
                //if(resp.data.impuestos.length > 0){
                  $.each(resp.data.impuestos, function(index, val) {
                    $('#code_'+contador).attr('iva',val.impuesto.tasa)
                    $('#code_'+contador).attr('factor',val.impuesto.factor)
                  });
               // }else{
                 // $('#code_'+contador).attr('iva','EXE')
                //}
            }
          calculaTotales();
          //$('#modalBuscaProducto').modal('hide')
        }else{
          Swal.fire({
              title: 'El producto no existe',
              type: 'warning',
              timer: 1000
          })
          return false;
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
}
function removeItem(id){
  $('#itemList_'+id).remove()
  calculaTotales();
}
function removeItem0(id){
  $('#itemList_'+id).remove()
  calculaTotales();
}

function timbrar(idventa,prefact=0){
  $('#loadingLoad').modal('show')
  $.ajax({
    url: '{{ url('facturacion/operaciones/timbrar') }}',
    type: 'POST',
    dataType: 'json',
    data: {id: idventa},
  })
  .done(function(resp) {
    console.log("success");
    $('#loadingLoad').modal('hide')
      if(resp.success==1){
          if(prefact==0){
            $('#divProgramar').show()
          }else{
            $('#divProgramar').show()
            $('#btnFactura').show()
          }
          
          $('#divPrefactura').hide()
          
          guardarFactura(resp,prefact)
      }else{
          Swal.fire({
              title: resp.error+' - '+resp.mensaje,
              type: 'error',
              timer: 7000
          })

          return false;
      }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
}
function nuevaUnidad(){
  $('#modalNuevaUnidad').modal()
}
function guardaUnidadSAT(){

  var  desc = $('#descUsat').val()
  var  unidad = $('#clave_unidadsat').val()
  if(desc=='' || unidad==''){
      Swal.fire({
          title: 'Existen campos vacios.',
          type: 'warning',
          timer: 2000
      })
     return false;
  }
  $.ajax({
    url: '{{ url('catalogo/guarda_unidad_sat') }}',
    type: 'POST',
    dataType: 'json',
    data: {
      desc: desc,
      unidad: unidad,
    },
  })
  .done(function(resp) {
    console.log(resp);
    if(resp.estatus > 0){
       Swal.fire({
                title: 'Guardado Correctamente.',
                type: 'success',
                timer: 2000
            })
        option = '<option value="'+resp.estatus+'">'+unidad+' - '+desc+'</option>'
        $('#unidadsat').append(option)
        $('#unidadsat').val(resp.estatus)
        $('#unidadsat').selectpicker("refresh");
        $('#modalNuevaUnidad').modal('hide')
        return false
    }else{
            Swal.fire({
                title: 'Ya existe una unidad con ese codigo.',
                type: 'warning',
                timer: 2000
            })
       return false;
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
function getSerie(){
  if($('#tipodocumento').val()==2){
    $('#btnFactura').hide()
    $('#btnVenta').show()
    $('#divPrefactura').hide()
    $('#divAcciones').hide()
  }else if($('#tipodocumento').val()==4){
    $('#btnFactura').hide()
    $('#btnVenta').hide()
    $('#divPrefactura').show()
    $('#divAcciones').show()
  }else{
    $('#btnFactura').show()
    $('#btnVenta').hide()
    $('#divPrefactura').hide()
    $('#divAcciones').show()
  }
  $.ajax({
    url: '{{ url('facturacion/operaciones/get_serie_tipo') }}',
    type: 'POST',
    dataType: 'json',
    data: {tipo: $('#tipodocumento').val()},
  })
  .done(function(resp) {
    console.log("success");
    if(resp.estatus > 0){
      var html = ''
      $('#serie').html('')
      $.each(resp.data, function(index, val) {
         html+='<option value="'+val.id+'">'+val.serie+'</option>'
      });
      $('#serie').html(html).selectpicker("refresh");
    }else{

      $('#serie').html('')
       Swal.fire({
                title: 'Ni existen folios para este tipo de documento.',
                type: 'warning',
                timer: 2000
            })
       return false;
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
function restaura(){
  $('.cardsEstatus').hide()
  $('#estatusNueva').show()
  $('.idDocumento').html('')
  $('#divArchivos').hide()
  $('#divDeposito').hide()
  $('#divCancelar').hide()

  $('#divTimbrarPrefact').hide()
}
function tipoCambio(){
  if($('#moneda').val()!='1'){
    $('#modalTipoCambio').modal('show')
  }else{
    $('#modalTipoCambio').modal('hide')
    $('#tipo_cambio').val('')
  }
}
function validaTP(){
  if($('#tipo_cambio').val()==''){
      Swal.fire({
                title: 'Agrega tipo de cambio.',
                type: 'warning',
                timer: 2000
            })
       return false;
  }else{
      $('#modalTipoCambio').modal('hide')
  }
} 

function guardarFactura(respuesta,prefact=0) {
    console.log(respuesta)
    $('#loadingSave').modal('show')
    $.ajax({
            url: '{{ url("facturacion/operaciones/guardar_factura")}}',
            type: 'POST',
            dataType: 'json',
            data: {
                respuesta: respuesta
            },
        })
        .done(function(resp) {
            console.log("success");
            //$('#emailClienteM').val('');
            if (resp.id > 0) {
              $('#idDocHv').val(resp.id)
                $('#modaldatosFact').modal('hide')
                // $('#loadingSave').modal('hide')
                // Swal.fire({
                //     title: 'Se guardo correctamente!',
                //     type: 'success',
                //     timer: 2000
                // })
                agregaAPagos(respuesta,resp.id );
                showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', 'Se ha guardado correctamente.')
                //$('#emailClienteM').val(resp.correo);
                seriefolioString = respuesta.datos['Serie']+'-'+respuesta.datos['Folio']
                makePdf(respuesta.datos['xmlNameFile'], respuesta.datos['idVenta'],0,respuesta.datos['ine'],respuesta.datos['comentarios'],prefact,seriefolioString);
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            setTimeout(() => {
                $('#loadingSave').modal('hide')
            }, 2000);
        });

}
    /*function makePdf(nameXml, idventa, concoche = 0,ine,comentarios,prefactura=0,seriefolio) {

        nameXml = nameXml + '.xml'
        $.ajax({
                url: '../operaciones/xml_pdf',
                type: 'POST',
                dataType: 'json',
                data: {
                    nameXml: nameXml,
                    idventa: idventa,
                    concoche: concoche,
                    ine: ine,
                    comentarios: comentarios,
                    prefactura: prefactura,
                },
            })
            .done(function(resp) {
                console.log(resp);

                if (resp.estatus > 0) {
                    $('#urlPdfFact').val(resp.urlPdf)
                    $('#btnFactView').show()
                    modalComprobanteFact2(resp.urlPdf, idventa,0,seriefolio)
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }*/
    function modalComprobanteFact2(src, idventa,tipo=0,seriefolio){

        $.ajax({
          url: '{{ url("operaciones/get_leyenda_correo") }}',
          type: 'POST',
          dataType: 'json',
          data: {idtipodocumento: $('#tipodocumento').val()},
        })
        .done(function(resp) {

          $('#idDocComprobante').val(idventa)
          $('#modalFactura').modal('hide')
          $('#modalFactura').modal('hide')
          $('#loadingSave').modal('hide')
          $('#btnPdfView').prop('href',src)
          $('#downloadPdf').prop('href',src)
          setTimeout(() => {
                $('#loadingLoad').modal('hide')
          }, 1000);
          result = src.replace(".pdf", ".xml");
          $('#btnXmlView').prop('href',result)
          $('#downloadXml').prop('href',result)
          if($('#tipodocumento').val()=='3'){
            asdocu = 'Nota de Credito'
          }else{
            asdocu = 'Factura'
          }
          if(tipo!=0){
            asdocu = 'Nota de venta'
          }
          console.log(seriefolio)
          $('#asuntoModal').val('Asunto: '+asdocu+' '+seriefolio+' - '+$('#nomEmpresa').val())

          if(tipo==0){
            tipoString = 'factura'
          }else{
            tipoString = 'nota de venta'
          }

          if(resp.data!=null){

            araSerfol  = seriefolio.split('-')
            leyenda = resp.data.leyenda
            let out = leyenda.replaceAll('[nombrecliente]', $( "#buscaCliente option:selected" ).text());
            out = out.replaceAll('[serie]', araSerfol[0]);
            out = out.replaceAll('[folio]', araSerfol[1]);
             $("#notasfacturaModal").summernote("code", out);
            asunto = resp.data.asunto
            if(asunto!=null){
              let out2 = asunto.replaceAll('[nombrecliente]', $( "#buscaCliente option:selected" ).text());
              out2 = out2.replaceAll('[serie]', araSerfol[0]);
              out2 = out2.replaceAll('[folio]', araSerfol[1]);
              $('#asuntoModal').val(out2)
            }
            
            
          }else{
            $("#notasfacturaModal").summernote("code", 'Estimado/a '+$( "#buscaCliente option:selected" ).text()+',<br><br>Adjunto te envío la '+tipoString+' '+seriefolio+'.<br><br>Para cualquier consulta, estoy a tu disposición.<br><br>Saludos.<br>'+$('#nomEmpresa').val());
          }
          
          //$('#notasfacturaModal').val()
           $('#modalComprobante2').modal('show')   

        })
        .fail(function() {
          console.log("error");
        })
        .always(function() {
          console.log("complete");
        });
        

    }
    function modalComprobanteFact(src, idventa,tipo=0) {
        //src ='/Applications/MAMP/htdocs/intesystemautolavado/public/pdf/ticket.pdf'
        $('#btnBoucher').show()
        $('#btnNota').hide()
        var sizeWidth = 0;
        var sizeheight = 0;
        ticket = 1
        if (ticket) {
            sizeWidth = 325;
            sizeheight = 450;
        } else {

            sizeWidth = $('#tb1238-u', window.parent.document).width() - 100;
            sizeheight = $('#tb1238-u', window.parent.document).height() - 50;

        }
        $('#idDocComprobante').val(idventa)
        $('#modalFactura').modal('hide')
         $('#modalFactura').modal('hide')
        $('#loadingSave').modal('hide')
        $('#frameComprobanteFact').attr({
            'src': src
        });

        
        $('#btnPdfView').prop('href',src)

        result = src.replace(".pdf", ".xml");
        $('#btnXmlView').prop('href',result)



        if(tipo=='0'){
            $('#titleModalCompro').html('Factura')
        }else{
            $('#titleModalCompro').html('Nota de Venta')
        }
        $('#modalComprobanteFact').modal({
            backdrop: 'static'
        });
        $('#modalComprobanteFact').modal('show')

    }
  function restaurar(){
    $('#buscaCliente').val(0)
    $('#buscaCliente').selectpicker("refresh");
    $('#rfc').val('')
    $('#usocfdi').val(0)
    $('#usocfdi').selectpicker("refresh");
    $('#tipodocumento').val(1)
    $('#tipodocumento').selectpicker("refresh");
    $('#tipoRelacion').val(0)
    $('#tipoRelacion').selectpicker("refresh");
    $('#metodopago').val(1)
    $('#metodopago').selectpicker("refresh");
    $('.itemsFact').each(function(index, el) {
        contador = $(this).attr('contador')
        if(parseInt(contador) > 1){
          $(this).remove()
        }
    });
    $('.inputsrounder').val('')
    $('.cardsEstatus').hide()
    $('#estatusNueva').show()
    $('.idDocumento').html('')
    $('#divArchivos').hide()
    $('#divPrefactura').show()
    $('#divDeposito').hide()
    $('#divCancelar').hide()
    $('#divNuevodocumento').hide()
     $('#divProgramar').hide()
     $('#notas').val('')
     $('.agregadas_relacionadas').remove()
     $('#idPagoRealizado').val('')
     $('#btn_generarPago').show()
     $('#btn_timbrarPago').hide()
     $('#tipoVentaCargada').val('')
    $('#divPrefactura').show()
    $('#btnPreFactura').show()
    $('#divDiasTimbrado').show()
    getSerie();
    calculaTotales();
    
  }
  function guardarVenta(datajax,respfact){
    $.ajax({
      url: '{{ url('facturacion/operaciones/guardar') }}',
      type: 'POST',
      dataType: '',
      data: datajax,
    })
    .done(function(resp) {
      console.log('guardar venta')
      console.log(respfact);
      if(resp.estatus){
        $('.cardsEstatus').hide()
       
            $('#btnFactura').hide()
            $('#btnPreFactura').hide()
          
         Swal.fire({
                              title: 'Exito!',
                              text: 'Venta guardado con Exito!',
                              type: 'success',
                              icon: 'success',
                              timer: 7000
                          })
$('#estatusGenerada').show()
              $('.idDocumento').html(resp.seriefolio)
              $('#divArchivos').show()
              $('#divDeposito').show()
              $('#divCancelar').show()
              $('#divNuevodocumento').show()
        respfact.datos.idVenta = resp.estatus
        guardarFactura(respfact)
      }
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function relaciones(tipo){
    if(tipo=='1'){
        $('#titleRelaciones').show()
        $('#titleNotacCredito').hide()
        $('#tipoRelacion').val('0')
    }else{
        $('#titleRelaciones').hide()
        $('#titleNotacCredito').show()
        $('#tipoRelacion').val('01')
    }
    $('#tipoAccion').val(tipo)
    $('#tipoRelacion').selectpicker("refresh");
    $('#modalRelaciones').modal('show')
  }
  function verFacturas(cancelacion=0){
    var cliente = $('#buscaCliente').val()
    var tipo = $('#tipoAccion').val();
    $.ajax({
      url: '{{ url('facturacion/operaciones/get_facturas_cliente') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_cliente: cliente, tipo: tipo},
    })
    .done(function(resp) {
      console.log(resp);
      var html = ''
      if(cancelacion==0){
        tipoinput = 'checkbox'
        nameinput = ''
          $('#btnAgregaFact').show()
          $('#btnAgregaFactCancelacion').hide()
      }else{
        tipoinput = 'radio'
        nameinput = ' name="ceccanecl"'
          $('#btnAgregaFact').hide()
          $('#btnAgregaFactCancelacion').show()
      }
      $('#bodyFacturas').html(html)
      $.each(resp.facturas, function(index, val) {
          html+='<tr>'
          html+='<td>'+val.serie+'</td>'
          html+='<td>'+val.folio+'</td>'
          html+='<td>'+val.fecha_emision+'</td>'
          html+='<td>'+numberFormat(val.monto)+'</td>'
          html+='<td>'+numberFormat(val.saldo)+'</td>'
          html+='<td><input class="form-check-input rrela" type="'+tipoinput+'" id="che_'+val.id+'"  value="'+val.id+'" serie="'+val.serie+'" folio="'+val.folio+'" uuid="'+val.uuid+'"'+nameinput+'></td>'
          html+='</tr>'
      });
      $('#bodyFacturas').append(html)
      $('#modalFacturasRelacion').modal()
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function agregarFact(){
    var html = ''
    $('.rrela').each(function(index, el) {
        if ($(this).is(':checked')) {
            html+='<tr id="facrel_'+$(this).val()+'" uuid="'+$(this).attr('uuid')+'" class="agregadas_relacionadas">'
            html+='<td>'+$(this).attr('serie')+'</td>'
            html+='<td>'+$(this).attr('folio')+'</td>'
            html+='<td>'+$(this).attr('uuid')+'</td>'
            html+='<td><button class="btn btn-link btn-xsm mr-1" onclick="removeFact('+$(this).val()+')"><i class="material-icons">close</i></button></td>'
            html+='</tr>'
        }

    });
    $('#divBodyRelacionados').html(html)
    $('#modalFacturasRelacion').modal('hide')
  }
  function removeFact(id){
    $('#facrel_'+id).remove()
  }
  function cargaVenta(id){

    $.ajax({
      url: '{{ url('facturacion/operaciones/get_venta') }}',
      type: 'POST',
      dataType: 'json',
      data: {id: id},
    })
    .done(function(resp) {
      console.log(resp);
      $('#buscaCliente').val(resp.data.id_cliente).selectpicker("refresh");
      getRfc()
      $('#tipodocumento').val(resp.data.tipo).selectpicker("refresh");
      $('#metodopago').val(resp.data.id_metodo_pago).selectpicker("refresh");
      $('#formapago').val(resp.data.forma_pago).selectpicker("refresh");
      $('#notas').val(resp.data.observaciones);
      contador = 0
      $('#bodyItems').html('')
      $.each(resp.data.items, function(index, val) {
                  contador++;
                       html = '<tr class="itemsFact" contador="'+contador+'" id="itemList_'+contador+'">'
                       html+= '<td>'
                         html+= '<input type="text" class="itemsInput inputsrounder" style="width: 100%;" id="code_'+contador+'" contador="'+contador+'" value="'+val.producto.codigo+'" idprod="'+val.id_producto+'" idprod="0">'
                       html+= '</td>'
                       html+=' <td>'
                       html+=   '<input type="text" style="width: 100%;" id="desc_'+contador+'" value="'+val.descripcion+'" class="inputsrounder">'
                       html+= '</td>'
                       html+='<td>'
                       html+=   '<input type="number" style="width: 100%;" id="cant_'+contador+'" onkeyup="calculaTotales();" value="'+val.cantidad+'" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="precio_'+contador+'" onkeyup="calculaTotales();" value="'+parseFloat(val.precio_unitario).toFixed(2)+'" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="text" style="width: 100%;" id="subtotal_'+contador+'" value="'+parseFloat(val.subtotal).toFixed(2)+'" class="inputsrounder" readonly>'
                       html+= '</td>'
                       html+= '<td>'
                       html+=   '<input type="number" style="width: 100%;" id="descuento_'+contador+'" onkeyup="calculaTotales();" class="inputsrounder">'
                       html+= '</td>'
                       html+= '<td>'
                       html+=  '<button class="btn btn-link btn-xsm mr-1" onclick="removeItem('+contador+');"><i class="material-icons">close</i></button>'
                       html+= '</td>'
                      html+='</tr>'
                  $('#bodyItems').append(html)
                $.each(val.impuestos, function(index2, val2) {
                  if(val2.impuesto_nombre.impuesto=='IVA'){
                    $('#code_'+contador).attr('iva',val2.impuesto_nombre.tasa)
                    $('#code_'+contador).attr('factor',val2.impuesto_nombre.factor)
                  }
                  $('#check_'+val2.id_impuesto).prop('checked', true)
                });
      });
       $('#btn_generarPago').show()
          $('#btn_timbrarPago').hide()
      calculaTotales();
      $('.cardsEstatus').hide()
      if(resp.data.factura.estatus=='1'){
        if(resp.data.factura.saldo==0){
          $('#estatusPagada').show()
        }else{  
          $('#estatusGenerada').show()
        }
      }else if(resp.data.factura.estatus=='0'){
        $('#estatusCancelada').show()
        
      }else if(resp.data.factura.estatus=='2'){
        $('#estatusProcesoCancelada').show()
      }
      $('.idDocumento').html(resp.data.factura.serie+'-'+resp.data.factura.folio)
      $('#divArchivos').show()
      $('#divDeposito').show()
      $('#divCancelar').show()
      $('#divNuevodocumento').show()
      $('#divPrefactura').hide()
      $('#btnFactura').hide()
      if(parseFloat(resp.data.factura.saldo) > 0){
        $('#divDeposito').show()
        $('#labelMontoSD').html(numberFormat(resp.data.factura.monto))
        $('#labelPendienteSD').html(numberFormat(resp.data.factura.saldo))
        pendiente = parseFloat(resp.data.factura.monto) - parseFloat(resp.data.factura.saldo);
        $('#labelPagadoSD').html()
        html = '<tr class="facts_apagar" idfact="'+resp.data.factura.id+'" id="factPag_'+resp.data.factura.id+'" saldo="'+resp.data.factura.saldo+'">'
        html += '<td><div align="center"><button class="btn btn-link btn-xsm mr-1 text-danger" title="Eliminar factura" onclick="eliminaFacPago('+resp.data.factura.id+');"><i class="material-icons">close</i><div class="ripple-container"></div></button></div></td>'
        html+='<td>'+resp.data.factura.serie+'</td>'
        html+='<td>'+resp.data.factura.folio+'</td>'
        html+='<td>'+resp.data.factura.moneda+'</td>'
        html+='<td>'+numberFormat(resp.data.factura.tipo_cambio)+'</td>'
        html+='<td>'+numberFormat(resp.data.factura.saldo)+'</td>'
        html+='<td><input type="text" id="pago_'+resp.data.factura.id+'" width="100%" value="'+resp.data.factura.saldo+'" onkeyup="calculatotalPagado();validaSaldo('+resp.data.factura.id+');"></td>'
        html+='</tr>'
        $('#bodyTablePagos').append(html)
        $('#labelPagadoSD').html(numberFormat(resp.data.factura.saldo))
      }else{
        $('#divDeposito').hide()
      } 
      $('#idDocumento').html(resp.data.serie+'-'+resp.data.folio)
       $('#btnXmlView').prop('href',resp.xml)
       $('#btnPdfView').prop('href',resp.pdf)
       $('#downloadXml').prop('href',resp.pdf)
       if(resp.data.tipo_documento==2){
          $('#divAcciones').hide()
          $('#divDeposito').hide()
          $('#btnFactura').show()
          
       }
       setTimeout(function(){
        $('#metodopago').val(resp.data.id_metodo_pago)
        $('#metodopago').selectpicker("refresh");
        $('#moneda').val(resp.data.id_moneda).selectpicker("refresh");
        $('#tipo_cambio').val(resp.data.tipo_cambio)
      },2000);
        
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function aplicacionNotas(){
    $('#modalAplicaciones').modal()
  }
  function verNotasCredito(){
    var cliente = $('#buscaCliente').val()

    $.ajax({
      url: '{{ url('facturacion/operaciones/get_notas_cliente') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_cliente: cliente},
    })
    .done(function(resp) {
      console.log(resp);
      var html = ''
      $('#bodyFacAplicadas').html(html)
      $.each(resp.facturas, function(index, val) {
          html+='<tr style="border-bottom: 1px solid rgba(0, 0, 0, 0.06);">'
          html+='<td>'+val.serie+'</td>'
          html+='<td>'+val.folio+'</td>'
          html+='<td>'+val.fecha_emision+'</td>'
          html+='<td class="text-center">'+val.moneda+'</td>'
          html+='<td class="text-center">'+val.metodo_pago+'</td>'
          html+='<td class="text-center">'+val.forma_pago+'</td>'
          html+='<td>'+numberFormat(val.monto)+'</td>'
          html+='<td>'+numberFormat(val.saldo)+'</td>'
          html+='<td><input class="rrela_nota" type="checkbox" id="che_'+val.id+'"  value="'+val.id+'" serie="'+val.serie+'" folio="'+val.folio+'" uuid="'+val.uuid+'" monto="'+val.monto+'" tipocambio="'+val.tipo_cambio+'" moneda="'+val.moneda+'"></td>'
          html+='</tr>'
      });
      $('#bodyFacAplicadas').append(html)
      $('#modalAplicacionNotas').modal()
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
  }
  function agregarNota(){
     var html = ''
    $('.rrela_nota').each(function(index, el) {
        if ($(this).is(':checked')) {

          html += '<tr class="facts_apagar" idfact="'+$(this).val()+'" id="factPag_'+$(this).val()+'" saldo="'+$(this).attr('monto')+'">'
          html += '<td><div align="center"><button class="btn btn-link btn-xsm mr-1 text-danger" title="Eliminar factura" onclick="eliminaFacPago('+$(this).val()+');"><i class="material-icons">close</i><div class="ripple-container"></div></button></div></td>'
          html+='<td>'+$(this).attr('serie')+'</td>'
          html+='<td>'+$(this).attr('folio')+'</td>'
          html+='<td>'+$(this).attr('moneda')+'</td>'
           if($(this).attr('moneda')!='MXN'){
              html+='<td>'+numberFormat($(this).attr('tipocambio'))+'</td>'
           }else{
              html+='<td>'+numberFormat(1)+'</td>'
           }
          html+='<td>'+numberFormat($(this).attr('monto'))+'</td>'
          html+='<td><input type="text" id="pago_'+$(this).val()+'" width="100%" value="'+$(this).attr('monto')+'" onkeyup="calculatotalPagado();validaSaldo('+$(this).val()+')"></td>'
          html+='</tr>'

        }

    });

    $('#bodyTablePagos').append(html)
    $('#modalAplicacionNotas').modal('hide')
    calculatotalPagado();
  }
  function aplicarNotaCredito(){

    $(".agregadas_aplicadas").each(function() {
        if($(this).attr('uuid')!=''){
             relaciones.push($(this).attr('uuid'))
        }
    })
    
  }
  function cancelarModal(){
    $('#modalCancelar').modal('show')
  }
   function muestraRel() {
    if ($('#motivo_cancelacion').val() == '01') {
      $('#uuidRelaCancelRow').show()
      $('#btnMuestraFacRelaCancel').show()
    } else {
      $('#uuidRelaCancelRow').hide()
      $('#btnMuestraFacRelaCancel').hide()
    }
  }
    function cancelaDocumento() {
    var id = $('#idDocHv').val()
    var idVenta = $('#idVentaCargada').val()
    var motivo = $('#motivo_cancelacion').val()
    var serie = $('#serieRelaCancel').val()
    var folio = $('#folioRelaCancel').val()
    $.ajax({
        url: '{{ url('facturacion/operaciones/cancel_verifica') }}',
        type: 'POST',
        dataType: 'json',
        data: {
          id: id,
          serie: serie,
          folio: folio,
          motivo: motivo
        },
      })
      .done(function(ress) {
        console.log("success");
        if (ress.estatus == '3') {
          Swal.fire({
            title: ress.titulo,
            type: 'error',
            timer: 2000
          })
        } else {
          Swal.fire({
            title: ress.titulo,
            text: ress.msj,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si',
            cancelButtonText: 'No',
          }).then((result) => {
            console.log(result)
            if (result.value) {
              $('#modalVentas').modal('hide')
              $('#modalCancelacionFactura').modal('hide')
              $('#modalCargando').modal('show')
              $.ajax({
                  url: '{{ url('facturacion/operaciones/cancel_factura') }}',
                  type: 'POST',
                  dataType: 'json',
                  data: {
                    id: id,
                    motivo: motivo,
                    serie: serie,
                    folio: folio,
                  },
                })
                .done(function(resp) {
                  $('#modalCargando').modal('hide')
                  console.log(resp)

                  if (resp[0].strStatus2 == '1') {
                    Swal.fire(
                      'Cancelacion Procesada',
                      resp[0].strResult,
                      'success'
                    )
                    loadGrid();
                    if (resp[0].strStatus3 == '1') {
                      src = window.location + "/../../facturacion/acuse/" + id;
                      window.open(src, "_blank");
                      Swal.fire({
                        title: resp[0].strResult,
                        text: '¿Deseas cancelar la venta? la factura ya fue cancelada',
                        type: 'success',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Si',
                        cancelButtonText: 'No',
                      }).then((result2) => {
                        if (result2.value) {
                          $.ajax({
                              url: '../facturacion/cancelar_venta',
                              type: 'POST',
                              dataType: 'json',
                              data: {
                                id: $('#idVentaCargada').val()
                              },
                            })
                            .done(function(respx) {
                              console.log("success");
                              if (respx.re > 0) {
                                Swal.fire(
                                  'Cancelacion correcta',
                                  'Se cancelo la venta correctamente',
                                  'success'
                                )
                              }
                            })
                            .fail(function() {
                              console.log("error");
                            })
                            .always(function() {
                              console.log("complete");
                            });

                        }
                      })

                    }

                    /*$.ajax({
                        url: '../operaciones/cancel_venta',
                        type: 'POST',
                        dataType: 'json',
                        data: {id: id},
                    })
                    .done(function(res) {
                        console.log("success");

                            Swal.fire(
                              'Cancelado!',
                              'Se cancelo correctamente!',
                              'success'
                            )
                            src = window.location+"/../../operaciones/acuse/"+id;
                            window.open(src, "_blank"); 
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });*/

                  } else {
                    $('#modalCargando').modal('hide')
                    $('#modalVentas').modal('show')
                    Swal.fire(
                      'Error al cancelar',
                      resp[0].strResult,
                      'error'
                    )
                  }

                  cerrarModales();
                })
                .fail(function() {
                  console.log("error");
                })
                .always(function() {
                  console.log("complete");
                });

            }
          })
        }


      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }
  function agregaFacturaCancelacion(){
    verFacturas(1)

  
  }
  function agregarFact2(){
  $('.rrela').each(function(index, el) {
        if ($(this).is(':checked')) {
          $('#serieRelaCancel').val($(this).attr('serie'))
          $('#folioRelaCancel').val($(this).attr('folio'))
        }

    });
    $('#modalFacturasRelacion').modal('hide')
  }
  function enviarFactura(){
    var idfactura = $('#idDocHv').val()
    var venta = $('#soloventa').val();
    var correo = $('#emailClienteM').val()
    var cc = $('#cc').val()
    var asunto = $('#asuntoModal').val()
    var cuerpo = $('#notasfacturaModal').val()
    $.ajax({
      url: '{{ url('facturacion/operaciones/enviar_factura') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        correo: correo,
        cc: cc,
        asunto: asunto,
        cuerpo: cuerpo,
        idfactura: idfactura,
        venta: venta,
      },
    })
    .done(function(resp) {
      console.log(resp);
      if(resp.estatus > 0){
        Swal.fire({
              title: 'Enviado correctamente.',
              type: 'success',
              timer: 7000
          })
          return false;
      }else{
        Swal.fire({
              title: 'Error al Enviar.',
              type: 'error',
              timer: 7000
          })
          return false;
      }
      
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function enviabutton(){
    $('#modalComprobante2').modal('show')
  }
  function aplicarDeposito(){
    $('#modalAplicaDeposito').modal()
  }

  function guardarPago(){
    var fecha = $('#fecha').val()
    var fp = $('#fpp').val()
    var cliente = $('#buscaCliente').val()
    var moneda = $('#monedaPago').val()
    var tipo_cambio = $('#tipo_cambioPago').val()
    var facturas = new Array
    var error = 0;
    $('.facts_apagar').each(function(index, el) {
          idfact = $(this).attr('idfact')
          saldo = $(this).attr('saldo')
          if($('#pago_'+idfact).val() != ''){
            if(parseFloat($('#pago_'+idfact).val()) > parseFloat(saldo)){
              error++;
            }
            dat = {
              id_fact: idfact,
              monto: $('#pago_'+idfact).val(),
            }
            facturas.push(dat)
          }
    });
    if(facturas.length == 0){
        Swal.fire({
                  title: 'Agrega una factura a pagar.',
                  type: 'warning',
                  timer: 2000
              })
         return false;
    }
    if(parseFloat(error) > 0){
        Swal.fire({
                  title: 'Existen pagos mayores al saldo.',
                  type: 'warning',
                  timer: 2000
              })
         return false;
    }
    if(moneda!=1 && tipo_cambio==''){
          Swal.fire({
                  title: 'Agrega el tipo de cambio.',
                  type: 'warning',
                  timer: 2000
              })
         return false;
    }
    $('#loadingLoad').modal('show')
    $.ajax({
      url: '{{ url('facturacion/operaciones/aplicar_pago') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        fecha: fecha,
        fp: fp,
        facturas: facturas,
        cliente: cliente,
        tipo_cambio: tipo_cambio,
        moneda: moneda,
      },
    })
    .done(function(resp) {
      console.log("success");
      if(resp.estatus > 0){
        /*if(gcp==1){
          $('#loadingLoad').modal('hide')
          timbrarPago(resp.estatus);
        }else{*/
          $('.cardsEstatus').hide()
          $('#estatusPagada').show()

          $('#btn_generarPago').hide()
          $('#btn_timbrarPago').show()

          $('#idPagoRealizado').val(resp.estatus)
          
            Swal.fire({
                  title: 'Guardado con Exito.',
                  type: 'success',
                  timer: 2000
              })
            setTimeout(function(){$('#loadingLoad').modal('hide')},1000);
            
         return false;
        //}

      }
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function revisaMP(){
    var option = $('#metodopago option:selected').attr('clave');
    if(option == '99'){
      $('#formapago').val('PPD')
      $('#plazo').val(2)
    }else{
      $('#formapago').val('PUE')
      $('#plazo').val(1)
    }
     $('#plazo').selectpicker("refresh");
     $('#formapago').selectpicker("refresh");
  }
  function agregaAPagos(data,idfactura){
    console.log(data)
    
    if(data.datos.MetodoPago=='PPD'){
   


        html = '<tr class="facts_apagar" idfact="'+idfactura+'" id="factPag_'+idfactura+'" saldo="'+data.datos.Total+'">'
        html += '<td><div align="center"><button class="btn btn-link btn-xsm mr-1 text-danger" title="Eliminar factura" onclick="eliminaFacPago('+data.datos.idVenta+');"><i class="material-icons">close</i><div class="ripple-container"></div></button></div></td>'
        html+='<td>'+data.datos.Serie+'</td>'
        html+='<td>'+data.datos.Folio+'</td>'
         html+='<td>'+data.datos.Moneda+'</td>'
         if(data.datos.Moneda!='MXN'){
            html+='<td>'+numberFormat(data.datos.TipoCambio)+'</td>'
         }else{
            html+='<td>'+numberFormat(1)+'</td>'
         }
        html+='<td>'+numberFormat(data.datos.Total)+'</td>'
        html+='<td><input type="text" id="pago_'+idfactura+'" width="100%" value="'+data.datos.Total+'" onkeyup="calculatotalPagado();validaSaldo('+idfactura+');"></td>'
        html+='</tr>'
        $('#btn_generarPago').show()
          $('#btn_timbrarPago').hide()

          $('#labelPagadoSD').html(numberFormat(data.datos.Total))
        $('#bodyTablePagos').append(html)
    }

    
  }
  function timbrarPago(){
   var idPago = $('#idPagoRealizado').val()
   if(idPago==''){
          Swal.fire({
            title: 'Erro con Pago',
            type: 'error',
            timer: 10000
          })
          return false;
   }
   $('#loadingLoad').modal('show')
    $.ajax({
      url: '{{ url('facturacion/operaciones/timbrar_pago') }}',
      type: 'POST',
      dataType: 'json',
      data: {id_pago: idPago},
    })
    .done(function(res) {
      console.log("success");
        if (res.success == 1) {
          guardarFacturaPago(res)
          $('#modalAplicaDeposito').modal('hide')
          $('#loadingLoad').modal('hide')
          $('.btnSavePago').attr('disable', false)
        } else {

          $('#loadingLoad').modal('hide')
          $('#modalPagos').modal('show')
          Swal.fire({
            title: res.error + ' - ' + res.mensaje,
            type: 'error',
            timer: 10000
          })
          $('.btnSavePago').attr('disable', false)

          return false;
        }
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
    function guardarFacturaPago(respuesta) {
    console.log(respuesta)
    $.ajax({
        url: '{{url("facturacion/operaciones/guardar_factura_deposito")}}',
        type: 'POST',
        dataType: 'json',
        data: {
          respuesta: respuesta
        },
      })
      .done(function(resp) {
        console.log("success");
        $('#emailClienteM').val('');
        if (resp.id > 0) {
          $('#loadingLoad').modal('hide')
          Swal.fire({
            title: 'Se guardo correctamente!',
            type: 'success',
            timer: 2000
          })
          $('#emailClienteM').val(resp.correo);
          $('#modalPagos').modal('hide')
          makePdf(respuesta.datos['xmlNameFile'], respuesta.datos['idVenta'],'CP');
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

    function makePdf(nameXml, idventa, concoche = 0,ine=0,comentarios='',prefactura=0,seriefolio='') {

        nameXml = nameXml + '.xml'
        $.ajax({
                url: '{{ url('facturacion/operaciones/xml_pdf') }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    nameXml: nameXml,
                    idventa: idventa,
                    concoche: concoche,
                    ine: ine,
                    comentarios: comentarios,
                    prefactura: prefactura,
                },
            })
            .done(function(resp) {
                console.log(resp);

                if (resp.estatus > 0) {
                    $('#urlPdfFact').val(resp.urlPdf)
                    $('#btnFactView').show()
                    modalComprobanteFact2(resp.urlPdf, idventa,0,seriefolio)
                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

    }
    function eliminaFacPago(id){
      $('#factPag_'+id).remove()
      calculatotalPagado();
    }
    function calculatotalPagado(){
      var total = 0;
      $('.facts_apagar').each(function(index, el) {
         idfact = $(this).attr('idfact')
         if($('#pago_'+idfact).val() != ''){
            total+=parseFloat($('#pago_'+idfact).val())

         }
      });
      $('#labelPagadoSD').html(numberFormat(total))
    }
    function validaSaldo(id){
      console.log('estoo='+id)
      var pago = $('#pago_'+id).val()
      var saldo = $('#factPag_'+id).attr('saldo')

      if(pago==''){
        pago  = 0
      }


      if(parseFloat(pago) > parseFloat(saldo)){
        
            Swal.fire({
              title: 'No puedes super el saldo de la factura.',
              type: 'warning',
              timer: 2000
            })
      }
      calculatotalPagado();
    }
function timbrarPrefactura(){
  $('#loadingLoad').modal('show')
  var idventa = $('#idPrefact').val()
  $.ajax({
    url: '{{ url('facturacion/operaciones/timbrar') }}',
    type: 'POST',
    dataType: 'json',
    data: {id: idventa},
  })
  .done(function(resp) {
    console.log("success");
    $('#loadingLoad').modal('hide')
      if(resp.success==1){
          $('#divTimbrarPrefact').show()
          $('#divPrefactura').hide()
          $('#btnFactura').hide()
          
          guardarFactura(resp,0)
      }else{
          Swal.fire({
              title: resp.error+' - '+resp.mensaje,
              type: 'error',
              timer: 7000
          })

          return false;
      }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
}
function getLeyendas(){
  $('#modalLeyendas').modal()
}
function agregaLeyenda(){
  var text = $('#leye option:selected').attr('ley');
  $('#notas').val(atob(text))
  $('#modalLeyendas').modal('hide')
}
function modalPrgramar(){
      contador = 0;
    $('.itemsFact').each(function(index, el) {
        if(contador==0){
          id = $(this).attr('contador')
          concepto = $('#desc_'+id).val()
          
        }
        contador++;
    });
    $('#concepto_programa').val(concepto)
    if(contador > 1){
       Swal.fire({
              title: 'La programación de facturas debe tener solo un concepto.',
              type: 'warning',
              timer: 1000
          })
        clicando = false
          return false;
    }else{

      $('#modalProgramar').modal('show')
    }
  
}
function guardarFactProgramada(){
  var id = $('#idDocHv').val()
  var periocidadF = $('#periocidadF').val()
  var periocidad = $('#periocidad').val()
  //var complementoConcepto = $('#complementoConcepto').val()
  var complementoConceptoMes = $('#complementoConceptoMes').val()
  var complementoConceptoAnio = $('#complementoConceptoAnio').val()
  var fechaInicioPrograma = $('#fechaInicioPrograma').val()
  var concepto = $('#concepto_programa').val()


  if(fechaInicioPrograma==''){
    Swal.fire({
              title: 'Agrega el dia de ejecucion.',
              type: 'error',
              timer: 7000
          })

          return false;
  }
  if(periocidad==''){
    Swal.fire({
              title: 'Agrega la periocidad de ejecucion.',
              type: 'error',
              timer: 7000
          })

          return false;
  }
  if(concepto==''){
       Swal.fire({
              title: 'Debes de agregar un concepto.',
              type: 'error',
              timer: 7000
          })

          return false;
  }

  if(periocidadF==2 && complementoConceptoAnio==0){
    Swal.fire({
              title: 'Debes de agregar un año.',
              type: 'error',
              timer: 7000
          })

          return false;
  }
  $.ajax({
    url: '{{ url('facturacion/operaciones/programa_factura') }}',
    type: 'POST',
    dataType: 'json',
    data: {
      id: id,
      periocidadF: periocidadF,
      periocidad: periocidad,
      //complementoConcepto: complementoConcepto,
      fechaInicioPrograma: fechaInicioPrograma,
      complementoConceptoMes: complementoConceptoMes,
      complementoConceptoAnio: complementoConceptoAnio,
      concepto: concepto,
    },
  })
  .done(function(resp) {
    console.log(resp);
    if(resp.estatus > 0){
      $('#modalProgramar').modal('hide')
      Swal.fire({
              title: 'Guardado Correctamente.',
              type: 'success',
              timer: 3000
          })

          return false;
    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  

}
function muestraanio(){
  if($('#periocidadF').val()==2){
    $('#anioconcepto').show()
  }else{
    $('#anioconcepto').hide()
  }
}

function altaCliente(){
  $('#modalAltaCliente').modal('show')
}
function validaRFC(){

  var rfc = $('#rfc_c').val()
  if(rfc == 'XAXX010101000' || rfc=='XEXX010101000'){
    if(rfc=='XEXX010101000'){
        $('#rowsExtranjeros').show()
    }else{
      $('#rowsExtranjeros').hide()
    }
    $.ajax({
      url: '{{ url('catalogo/get_empresa_info') }}',
      type: 'POST',
      dataType: 'json',
      data: {param1: 'value1'},
    })
    .done(function(resp) {
      console.log("success");
      $('#pais').val(resp.data.idpais)
      $('#estado').val(resp.data.idestado)
        getMunicipios()
      setTimeout(() => {
        $('#municipios').val(resp.data.idmunicipio)
        $('#codigo_postal').val(resp.data.cp)
        $('#usocfdi_c').val(23)
        $('#regimen').val(11)
        
        
        $('#pais').selectpicker("refresh")
        $('#estado').selectpicker("refresh")
        $('#municipios').selectpicker("refresh")
        $('#usocfdi_c').selectpicker("refresh")
        $('#regimen').selectpicker("refresh")
        }, 2000);
    

      return 1;

    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }else{
    $.ajax({
      url: '{{ url('catalogo/valida_rfc_repetido') }}',
      type: 'POST',
      dataType: 'json',
      data: {rfc: rfc,id_cliente: $('#idcliente').val()},
    })
    .done(function(resp) {
      if(resp.estatus > 0){
        Swal.fire({
                title: 'El RFC se encuentra previamente registrado.',
                type: 'warning',
                timer: 2000
            })
        $('#rfc').val('').focus()
        return false;
      }
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
}
function getMunicipios(idmuni=0){
  var estado  = $('#estado').val()
  $.ajax({
    url: '{{ url('catalogo/get_muicipios') }}',
    type: 'POST',
    dataType: 'json',
    data: {estado: estado},
  })
  .done(function(resp) {
    console.log("success");
      html = '';
      $('#municipios').html('')
      if(resp.estatus > 0){
          $.each(resp.municipios, function(index, val) {
            html += '<option value="'+val.idmunicipio+'">'+val.municipio+'</option>'
          });
          $('#municipios').html(html)
            if(idmuni!=0){
              $('#municipios').val(idmuni)
            }
      }
      $('#municipios').selectpicker("refresh")


  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
   function agregarPEM(tipo) {
        if (tipo == 1) {
            

            $('#modalPais').modal('show');
        } else if (tipo == 2) {
            $('#id_pais').val($('#pais').val()).selectpicker("refresh")
            $('#modalEstado').modal('show');

        } else {
          $('#id_estado').val($('#estado').val()).selectpicker("refresh")
            $('#modalMunicipio').modal('show');
        }
    }

    function guardarEstamuni(tipo) {
        if (tipo == 1) {
            var pais = $('#descripcionpais').val();
            var clave = $('#clavepais').val();
            if (pais == '' || clave == '') {
                showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información');
                return false;
            }
            $.ajax({
                    url: "{{ url('configuracion/pem/save_pais')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        pais: pais,
                        clave: clave,
                    },

                })
                .done(function(resp) {
                    console.log(resp);
                    if (resp.result == 1) {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje);
                        $('#modalPais').modal('hide');
                        $('#idpais').selectpicker("refresh");

                    }

                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        } else if (tipo == 2) {
            var estado = $('#descripcionestado').val();
            var clave = $('#claveestado').val();
            var idpais = $('#id_pais option:selected').val();

            if (estado == '' || clave == '' || idpais == '') {
                showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información');
                return false;
            }
            $.ajax({
                    url: "{{ url('configuracion/pem/save_estado')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        estado: estado,
                        idpais: idpais,
                        clave: clave,
                    },

                })
                .done(function(resp) {
                    console.log(resp);
                    if (resp.result > 0) {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)
                        $('#modalEstado').modal('hide')
                        // $('.selectpicker').selectpicker('refresh');
                        getEstado(resp.result)
                    }

                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        } else {
            var municipio = $('#descripcionmunicipio').val();
            var idestado = $('#id_estado option:selected').val();
            if (municipio == '' || idestado == '') {
                showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información');
                return false;
            }
            $.ajax({
                    url: "{{ url('configuracion/pem/save_municipio')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        municipio: municipio,
                        idestado: idestado,
                    },

                })
                .done(function(resp) {
                    console.log(resp);
                    if (resp.result > 0) {
                        showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)
                        $('#modalMunicipio').modal('hide');
                        // $('.selectpicker').selectpicker('refresh');
                          setTimeout(() => {
                              getMunicipios(resp.result)
                          }, 1000);
                        
                    }

                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }

    }
    function getEstado(idestado=0) {

        
            var idpais = $('#pais').val();
        
        $.ajax({
                url: "{{ url('configuracion/empresa/get_estado')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: idpais,
                },
            })
            .done(function(resp) {
                $('#estado').empty()
                $("#estado").prop("disabled", false);

                $('#id_estado').empty()
                $("#id_estado").prop("disabled", false);

                $.each(resp.data.estados, function(key, value) {
                    $('#estado')
                        .append('<option value="' + value['idestado'] + '" nombre="' + value['estado'] + '">' + value['estado'] + '</option>');
                    $('#id_estado')
                        .append('<option value="' + value['idestado'] + '" nombre="' + value['estado'] + '">' + value['estado'] + '</option>');
                });
                if(idestado!=0){
                  $('#estado').val(idestado);
                  $('#estado').selectpicker("refresh");
                   $('#id_estado').val(idestado);
                  $('#id_estado').selectpicker("refresh");
                  getMunicipios();
                }
                
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }
    function nuevoPlazo(){
      $('#modalPlazo').modal('show')
    }
    function guardarPlazo(){
      var desc = $('#descPlazo').val()
      var dias = $('#diasPlazo').val()

      if(desc==''){
           Swal.fire({
              title: 'Agrega una descripcion.',
              type: 'warning',
              timer: 1000
          })
        return false
      }
      if(dias==''){
           Swal.fire({
              title: 'Agrega los dias.',
              type: 'warning',
              timer: 1000
          })
        return false
      }
      $.ajax({
        url: '{{ url('facturacion/operaciones/guarda_plazo') }}',
        type: 'POST',
        dataType: 'json',
        data: {dias: dias, desc: desc},
      })
      .done(function(resp) {
        console.log("success");
        if(resp.estatus > 0){
            $('#descPlazo').val('')
            $('#diasPlazo').val('')
            $('#modalPlazo').modal('hide')

            $('#plazo').append('<option value="'+resp.estatus+'">'+resp.nombre+'</option>')
            $('#plazo').val(resp.estatus).selectpicker("refresh");
            Swal.fire({
                title: 'Guardado Correctamente.',
                type: 'success',
                timer: 1000
            })
            return false;
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
      
    }
        function agregaImpuestoRet(){
      var base = $('#base_ret').val()
      var impuesto = $('#tipo_impuesto_ret').val()
      var idimpuesto = $('#tipo_impuesto_ret').find('option:selected').attr('idimpuesto')
      var monto = $('#monto_ret').val()
      var tipo = $('#tipo_pago_ret').val() 

      const d = new Date();
      const horaEntero = parseInt(
          d.getHours().toString().padStart(2, "0") +
          d.getMinutes().toString().padStart(2, "0") +
          d.getSeconds().toString().padStart(2, "0")
      );
      html ='<tr class="impuesRets" id="impues_'+horaEntero+'" base="'+base+'" impuesto="'+impuesto+'" idimpuesto="'+idimpuesto+'" monto="'+monto+'" tipo="'+tipo+'">'
      html +='<td>'+numberFormat(base)+'</td>'
      html +='<td>'+impuesto+'</td>'
      html +='<td>'+numberFormat(monto)+'</td>'
      html +='<td>'+tipo+'</td>'
      html +='<td><button class="btn btn-sm btn-danger" onclick="eliminaImpuesto('+horaEntero+');">X</button></td></td>'
      html+='</tr>'

      $('#tableBoduImpuesRetecniones').append(html)
    }
    function eliminaImpuesto(id){
      $('#impues_'+id).remove()
    }

    let clicandoRet = false
    $('#btnRetencion').click(function(){
     
      if(clicandoRet==false){
        clicandoRet = true
          var idcliente = $('#buscaCliente').val()
          if(idcliente=='0'){
            Swal.fire({
                    title: 'Selecciona un cliente',
                    type: 'warning',
                    timer: 1000
                })
            clicandoRet = false
            return false;
          }
          if (!validarRetenciones()) {
              return; // no sigas si hay error
          }

         

          var items = new Array
          contador = 0;
          $('.impuesRets').each(function(index, el) {
        
          
                dat = {
                  base: $(this).attr('base'),
                  impuesto: $(this).attr('impuesto'),
                  idimpuesto: $(this).attr('idimpuesto'),
                  monto: $(this).attr('monto'),
                  tipo: $(this).attr('tipo'),
                }
                items.push(dat)
                contador++;
          
          });
          if(contador == 0){
            Swal.fire({
                    title: 'Agrega un impuestos a la retencion.',
                    type: 'warning',
                    timer: 1000
                })
            clicandoRet = false
            return false;
          }
           var dataPost = {
              idcliente: idcliente,
              tipodocumento: $('#tipodocumento').val(),
              clave_ret: $('#clave_ret').val(),
              ejercicio_ret: $('#ejercicio_ret').val(),
              mes_inicio_ret: $('#mes_inicio_ret').val(),
              mes_fin_ret: $('#mes_fin_ret').val(),
              total_ret: $('#total_ret').val(),
              gravado_ret: $('#gravado_ret').val(),
              excento_ret: $('#excento_ret').val(),
              retenido_ret: $('#retenido_ret').val(),
              es_beneficiario: $('#es_beneficiario').val(),
              clave_contribuyente: $('#clave_contribuyente').val(),
              conceptos_retenciones: $('#conceptos_retenciones').val(),
              concepto_ret : $('#concepto_ret').val(),
              items: items,
              usocfdi : $('#usocfdi').val(),
              pais : $('#pais_retencion').val(),
              serie: $('#serie').val(),
          };
          console.log(items)
          $('#loadingLoad').modal('show')
          $.ajax({
            url: '{{ url('retenciones/operaciones/timbra_retencion') }}',
            type: 'POST',
            dataType: 'json',
            data: dataPost,
          })
          .done(function(resp) {
            console.log(resp);
            if(resp.success==1){

              guardarRetencion(resp)
              /*Swal.fire({
                title: 'Factura timbrada exitosamente',
                type: 'success',
                timer: 1000
              })*/
              clicandoRet = false
            }else{
              Swal.fire({
                title: resp.error+' - '+resp.mensaje,
                type: 'error',
                timer: 1000
            })
            clicandoRet = false
            }
            setTimeout(() => {
              $('#loadingLoad').modal('hide')
            }, 1000);
          })
          .fail(function() {
            console.log("error");
            Swal.fire({
                title: 'Error al timbrar la retencion',
                type: 'error',
                timer: 1000
              })
              clicandoRet = false
          })
          .always(function() {
            console.log("complete");
          });
          
      }
    });
    function validarRetenciones() {

        // Mapeo de campos y mensajes personalizados
        const campos = [
            { id: 'tipodocumento', msg: 'Selecciona el tipo de documento.' },
            { id: 'clave_ret', msg: 'La clave de retención es obligatoria.' },
            { id: 'ejercicio_ret', msg: 'Debes seleccionar el ejercicio de retención.' },
            { id: 'mes_inicio_ret', msg: 'Selecciona el mes de inicio.' },
            { id: 'mes_fin_ret', msg: 'Selecciona el mes de fin.' },
            { id: 'total_ret', msg: 'El total de retención no puede estar vacío.' },
            { id: 'gravado_ret', msg: 'El monto gravado es obligatorio.' },
            { id: 'excento_ret', msg: 'El monto exento es obligatorio.' },
            { id: 'retenido_ret', msg: 'El monto retenido es obligatorio.' },
            { id: 'es_beneficiario', msg: 'Selecciona si es beneficiario.' },
            { id: 'clave_contribuyente', msg: 'Selecciona la clave del contribuyente.' },
            { id: 'conceptos_retenciones', msg: 'Debes agregar el concepto de retención.' },
            { id: 'concepto_ret', msg: 'Debes agregar el concepto de retención general.' },
        ];

        // Validación
        for (let campo of campos) {
            let valor = $('#' + campo.id).val();

            if (valor === "" || valor === null || valor === undefined) {
                Swal.fire({
                    icon: 'error',
                    title: 'Falta un dato',
                    text: campo.msg
                });
                return false; // Detiene el flujo
            }
        }

        return true; // Todo OK
    }
    function guardarRetencion(retencion){
      $('#loadingLoad').modal('show')
      $.ajax({
        url: '{{ url('retenciones/operaciones/guardar_retencion') }}',
        type: 'POST',
        dataType: 'json',
        data: retencion,
      })
      .done(function(resp) {
        console.log("success");
        if(resp.estatus > 0){
          makePdfRetencion(resp,retencion)
           setTimeout(() => {
              $('#loadingLoad').modal('hide')
            }, 1000);
            $('#loadingLoad').modal('show')
          clicandoRet = false
        }else{
          Swal.fire({
            title: 'Error al guardar la retencion',
            type: 'error',
            timer: 1000
          })
          clicandoRet = false
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
    }
    function makePdfRetencion(retencion,retencionData){
      console.log(retencion)
      console.log(retencion)
      $.ajax({
        url: '{{ url('retenciones/operaciones/make_pdf_retencion') }}',
        type: 'POST',
        dataType: 'json',
        data: {id: retencion.estatus, retencionData: retencionData},
      })
      .done(function(resp) {
        console.log("success");
        setTimeout(() => {
              $('#loadingLoad').modal('hide')
            }, 1000);
          if (resp.estatus > 0) {
            $('#urlPdfFact').val(resp.urlPdf)
            $('#btnFactView').show()
            modalComprobanteFact2(resp.urlPdf, resp.estatus,2,'')
          }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });
    }
    function validaNacionalExtranjero(){
      if($('#nacional_extranjero').val() == 2){
        $('#rfc_c').val('XEXX010101000');
        $('#regimen').val(11).selectpicker("refresh");
        $('#usocfdi_c').val(23).selectpicker("refresh");
      }else{
        $('#rfc_c').val('');
      }
      validaRFC()
    }
    function calculaTotalesRet(){
      let total = $('#total_ret').val()
    
      $('#totalLabel').html(numberFormat(total))
      
    }
</script>
@endpush