@extends('layouts.app', ['activePage' => 'listaprefacturas', 'menuParent' => 'consultas', 'titlePage' => __('Lista de Prefacturas')])

@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-header card-header-primary card-header-icon">
            <div class="card-icon ">
              <i class="material-icons">list</i>
            </div>
            <h4 class="card-title">Lista de Prefacturas</h4>

          </div>
          <div class="card-body">
            <div class="row ">
              <div class="col-md-3" id="content_cliente">
                <div class="form-group">
                  <label>Cliente:</label>
                  <select id="cliente" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">Todos</option>
                    @foreach ($data['clientes'] as $p)
                    <option value="{{ $p->id }}">{{$p->nombre_comercial}} ({{$p->razon_social}})</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3" id="content_proveedor" style="display:none;">
                <div class="form-group">
                  <label>Sucursal:</label>
                  <select id="sucursal" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">Todos</option>
                    @foreach ($data['sucursales'] as $p)
                    <option value="{{ $p->idSuc }}">{{ $p->nombre }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label>Tipo de Documento:</label>
                  <select id="tipo_fac" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="tipo_er()">
                    <option value="0">Todos</option>
                    <option value="4" selected>Prefacturas</option>
                    <option value="2">Venta</option>
                    <!--<option value="P">Pago</option>-->
                  </select>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <label>Usuario:</label>
                  <select id="agente" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="changeTipoConsulta(this.value)">
                    <option value="0">Todos</option>
                    @foreach ($data['usuarios'] as $p)
                    <option value="{{ $p->id }}">{{ $p->name }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
                            <div class="col-md-3  contentFechasConsultar" style="margin-top: 3px; ">

                <div class="form-group">
                  <label>Estatus:</label>
                  <select id="filtro_estatus" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="x" selected>Todos</option>
                    <option value="1">Activa</option>
                    <option value="0">Cancelada</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row ">
              <div class="col-md-3  contentFechasDescargar" style="margin-top: 3px;display: none; ">
                <div class="form-group">
                  <label>Rango de fechas:</label>
                  <input type="text" class="form-control daterange " id="desde_hasta" placeholder="10/01/2022 - 10/01/2022 " />
                </div>
              </div>
              <div class="col-md-7 isnt-filled contentFechasDescargar" style="display: none;">
              </div>

              <div class="col-md-2  contentFechasConsultar" style="margin-top: 3px; ">
                <div class="form-group">
                  <label>Moneda:</label>
                  <select id="filtro_moneda" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="0">Todas</option>
                    @foreach ($data['monedas'] as $p)
                    <option value="{{ $p->nombre }}">{{ $p->nombre }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-3  contentFechasConsultar" style="margin-top: 3px; ">
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="m" checked="true"> Mes
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="W"> Semana
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="d"> Día
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
                <div class="form-check form-check-radio form-check-inline">
                  <label class="form-check-label">
                    <input class="form-check-input" type="radio" name="radioFecha" value="to"> Rango
                    <span class="circle">
                      <span class="check"></span>
                    </span>
                  </label>
                </div>
              </div>
              <div class="col-md-2  contentFechasConsultar" style="margin-top: 3px; ">
                <div class="form-group">
                  <label>Fecha:</label>
                  <input type="text" class="form-control datetimepicker" id="fecha_cons" value="{{ $hoy }}" />
                  <input type="text" style="display: none;" class="form-control datetime " id="fecha_cons_ran" placeholder="10/01/2022 - 10/01/2022 " />
                </div>
              </div>

              <div class="col-2 ">
                <button class="btn btn-primary btn-sm" onclick="loadGrid();">Buscar</button>
              </div>
            </div>
            <div class="row btnafRec" style="display: none;">
              <div class="col-12">
                <button class="btn btn-primary btn-sm" onclick="facturarmultiples();">Facturar Seleccionados</button>
              </div>
            </div>
            <hr>
            <div class="material-datatables">
              <table class="table table-striped table-bordered table-sm table-hover display nowrap" cellspacing="0" width="100%" style="width:100%" id="gridFacturas">
                <thead>
                  <tr>
                    <th class="text-center" colspan="21" id="consultaText"></th>
                  </tr>
                  <tr>
                    <th></th>
                    <th width="15%">Fecha</th>
                    <th>Serie</th>
                    <th>Folio</th>
                    <th>Folio (Venta)</th>
                    <th>Cliente</th>
                    <th>RFC</th>
                    <th>Subtotal</th>
                    <th>Descuento</th>
                   <!-- <th>IVA</th>
                    <th>Retención IVA</th>
                    <th>Retención ISR</th>-->
                    <th>Total</th>
                    <!--<th>Saldo</th>-->
                    <th>F. Pago</th>
                    <th>M. Pago</th>
                    <th>Moneda</th>
                    <th>Tipo</th>
                    <th>Usuario</th>
                    <!--<th>Pago</th>-->
                    <th>Estatus</th>
                    <th>Acciones</th>
                  </tr>

                </thead>

                <tbody>

                </tbody>
                <tfoot>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
   

                </tfoot>
              </table>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade modalEsc" id="modalCancelacionFactura">
  <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</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-6">
            <label>Serie</label>
            <input type="text" class="form-control form-control-sm" id="serieRelaCancel">
          </div>
          <div class="col-6">
            <label>Folio</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-danger" onclick="cancelaDocumento();">Cancelar</button>
      </div>
    </div>
  </div>
</div>



<div class="modal fade" id="modalReenviar">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Enviar 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-12">
            <label>Correo</label>
            <input type="text" class="form-control" id="correoReenvio">
            <input type="hidden" id="idFactReenv">
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Asunto</label>
            <input type="text" class="form-control" id="asuntoReenvio">
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Cuerpo</label>
            <textarea id="cuerpoReenvio" cols="12" rows="3" class="form-control"></textarea>
          </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="enviar();">Enviar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="modalTimbrado">
  <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">Timbrar</h4>
        <input type="hidden" id="idventamodal">
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label>Cliente</label>
                <select  id="cleintesform" class="selectpicker"  data-style="select-with-transition" data-live-search="true" onchange="getCliente();">
                  <option value="0">-Selecciona Cliente-</option>
                  @foreach ($data['clientes'] as $c)
                    <option value="{{ $c->id }}">{{ $c->razon_social }}</option>
                  @endforeach
                </select>
            </div>
          </div>
          <div class="col-md-3">
                      <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>
        <div class="row">
          <div class="col-6">
            <div class="form-group">
              <label>RFC</label>
              <input type="text" class="form-control" id="rfcinput">
            </div>
          </div>
          <div class="col-6">
            <div class="form-group">
              <label>Razon Social</label>
              <input type="text" class="form-control" id="razonsocialinput">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-4">
            <div class="form-group">
              <label>Forma de pago: <span class="text-danger">*</span></label>
              <select id="forma_pago" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                <option value="0" disabled selected>-Selecciona-</option>
                @foreach($data['forma_pago'] as $fp)
                <option value="{{$fp->idFormapago}}" descripcion="{{$fp->nombre}}" codigo="{{$fp->claveSat}}">({{$fp->claveSat}}) {{$fp->nombre}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-4">
              <div class="form-group">
                <label for="">Metodo de pago: <span class="text-danger">*</span></label>
                <select id="metodo_fac_s" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="0" selected disabled>-Selecciona-</option>
                  @foreach($data['metodo_pago'] as $mt)
                  <option value="{{$mt->id}}">({{$mt->clave}}) {{$mt->descripcion}}</option>
                  @endforeach
                </select>
              </div>
          </div>
          <div class="col-4">
              <div class="form-group">
                <label for="">Uso de CFDI: <span class="text-danger">*</span></label>
                <select id="usocfdi_fac_s" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="0" selected disabled>-Selecciona-</option>
                  @foreach($data['usocfdi'] as $us)
                  <option value="{{$us->id}}">({{$us->c_usocfdi}}) {{$us->descripcion}}</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="timbrar();">Timbrar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modalTimbradoMultiple2">
  <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">Timbrar</h4>
        <input type="hidden" id="idventamodal2">
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-4">
            <div class="form-group">
              <label>Cliente</label>
                <select  id="cleintesform2" class="selectpicker"  data-style="select-with-transition" data-live-search="true" onchange="getCliente2();">
                  <option value="0">-Selecciona Cliente-</option>
                  @foreach ($data['clientes'] as $c)
                    <option value="{{ $c->id }}">{{ $c->razon_social }}</option>
                  @endforeach
                </select>
            </div>
          </div>
          <div class="col-md-4">
                      <div class="form-group filled bmd-form-group">
                  <label>Serie:<span class="text-danger">*</span></label>
                  <select class="selectpicker" id="serie2" 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-4">
            <div class="form-group filled bmd-form-group">
              <label>Tipo Factura:<span class="text-danger">*</span></label>
              <select class="selectpicker" id="tipoFact" data-width="100%" data-style="select-with-transition" data-live-search="true">
                <option value="1">Por Venta</option>
                <option value="2">Por Conceptos</option>
              </select>
            </div>
          </div> 
        </div>
        <div class="row">
          <div class="col-6">
            <div class="form-group">
              <label>RFC</label>
              <input type="text" class="form-control" id="rfcinput2">
            </div>
          </div>
          <div class="col-6">
            <div class="form-group">
              <label>Razon Social</label>
              <input type="text" class="form-control" id="razonsocialinput2">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-4">
            <div class="form-group">
              <label>Forma de pago: <span class="text-danger">*</span></label>
              <select id="forma_pago2" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                
                @foreach($data['forma_pago'] as $fp)
                <option value="{{$fp->idFormapago}}" descripcion="{{$fp->nombre}}" codigo="{{$fp->claveSat}}">({{$fp->claveSat}}) {{$fp->nombre}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-4">
              <div class="form-group">
                <label for="">Metodo de pago: <span class="text-danger">*</span></label>
                <select id="metodo_fac_s2" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  
                  @foreach($data['metodo_pago'] as $mt)
                  <option value="{{$mt->id}}">({{$mt->clave}}) {{$mt->descripcion}}</option>
                  @endforeach
                </select>
              </div>
          </div>
          <div class="col-4">
              <div class="form-group">
                <label for="">Uso de CFDI: <span class="text-danger">*</span></label>
                <select id="usocfdi_fac_s2" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                  <option value="0" selected disabled>-Selecciona-</option>
                  @foreach($data['usocfdi'] as $us)
                  <option value="{{$us->id}}">({{$us->c_usocfdi}}) {{$us->descripcion}}</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="timbrar2();">Timbrar</button>
      </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>


<style>
  td {
    font-size: .8em !important;
  }

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

  #gridFacturas {
    display: block;
    overflow: scroll;
  }

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

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

  #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() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    $('.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']]
      ]
    });
    
    $('#gridFacturas').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      dom: 'Blfrtip',
      language: {
        url: "{{asset('material/datatable_sp.json')}}"
      },
      order: [
        [2, "desc"]
      ],
      columnDefs: [{
          orderable: false,
          targets: 12,
          className: "text-center"
        }, {
          orderable: false,
          targets: 11,
          className: "text-center"
        }, {
          orderable: false,
          targets: 14,
          className: "text-center"

        },
        {
          orderable: false,
          targets: 13,
          className: "text-center"
        },
        {
          orderable: false,
          targets: 15,
          className: "text-center"
        },
      ],
      buttons: [{
          extend: 'excelHtml5',
          text: 'EXCEL',
          titleAttr: 'Excel',
        },
        {
          extend: 'csvHtml5',
          text: 'CSV',
          titleAttr: 'CSV',
        },
        {
          extend: 'pdfHtml5',
          text: 'PDF',
          titleAttr: 'PDF',
        },
        {
          extend: 'copyHtml5',
          text: 'COPIAR',
          titleAttr: 'Copiar',
        },

      ]
    });

    // loadGrid();

    $('#desde').datetimepicker({
      "defaultDate": new Date(),
      format: 'DD/MM/YYYY',
      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'
      }
    })
    $('#hasta').datetimepicker({
      "defaultDate": new Date(),
      format: 'DD/MM/YYYY',
      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'
      }
    })
    $('#fecha_cons').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'
      }
    })
    $('#fecha_deposito').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'
      }
    })
    $('.daterange').daterangepicker({
      startDate: moment().startOf('hour'),
      endDate: moment().startOf('hour').add(32, 'hour'),
      locale: {
        format: 'DD/MM/YYYY',
        applyLabel: "Aplicar",
        cancelLabel: "Cancelar",
      }
    });
  });
  $("input[type=radio][name=radioFecha]").change(function(e) {

    daysOfWeekDisabled = [];
    if (this.value == 'to') {

      $('#fecha_cons_ran').show()
      $('#fecha_cons').hide()
      // $('#fecha_cons_ran').daterangepicker('destroy')
      $('#fecha_cons_ran').daterangepicker({
        startDate: moment().startOf('hour'),
        endDate: moment().startOf('hour').add(32, 'hour'),
        locale: {
          format: 'YYYY-MM-DD',
          applyLabel: "Aplicar",
          cancelLabel: "Cancelar",
        }
      });
      // $('#fecha_cons_ran').daterangepicker('refresh')

    } else {
      $('#fecha_cons').datetimepicker('destroy')
      $('#fecha_cons').show()
      $('#fecha_cons_ran').hide()

      if (this.value == 'm') {
        format = 'YYYY-MM';
      } else if (this.value == 'W') {
        format = 'YYYY-MM-DD';
        daysOfWeekDisabled = [1, 2, 3, 4, 5, 6];
      } else if (this.value == 'd') {
        format = 'YYYY-MM-DD';
      }
      $('#fecha_cons').datetimepicker({
        defaultDate: new Date(),
        format: format,
        daysOfWeekDisabled: daysOfWeekDisabled,
        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'
        }
      })
      // $('#fecha_cons').datetimepicker('refresh')
    }

  });

  function loadGrid() {
    var cliente = $('#cliente').val();
    var sucursal = $('#sucursal').val();
    var tipo_fac = $('#tipo_fac').val();
    var agente = $('#agente').val();
    var estatus = $('#filtro_estatus').val();
    var moneda = $('#filtro_moneda').val();
    var fecha = $('#fecha_cons').val();
    var fecharan = $('#fecha_cons_ran').val();
    var radio = $('input[name="radioFecha"]:checked').val();

    $('#gridFacturas').dataTable().fnDestroy();
    var table = $('#gridFacturas').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      // processing: true,
      dom: 'Blfrtip',
      // scrollX: true,
      language: {
        url: "{{asset('material/datatable_sp.json')}}"
      },
      ajax: {
        url: "{{url('operaciones/get_prefacturas')}}",
        type: "POST",
        data: {
          cliente: cliente,
          sucursal: sucursal,
          tipo_fac: tipo_fac,
          agente: agente,
          estatus: estatus,
          moneda: moneda,
          fecha: fecha,
          fecharan: fecharan,
          radio: radio
        },
      },
      columns: [{
          data: "check"
        },
        {
          data: "fecha"
        },
        {
          data: "serie"
        },
        {
          data: "folio"
        },
        {
          data: "cliente.razon_social", visible: false,
        },
        {
          data: "cliente.razon_social"
        },
        {
          data: "cliente.rfc"
        },
        {
          data: "subtotal",render: function(data, type, row){
            return numberFormat(row.subtotal)
          }
        },
        {
          data: "descuento",
          visible: false
        },

       /* {
          data: "iva"
        },
        {
          data: "ivar"
        },
        {
          data: "isr"
        },*/
        {
          data: "total",render: function(data, type, row){
            return numberFormat(row.total)
          }
        },
        {
          data: "metodo_pago.nombre"
        },
        {
          data: "forma_pago"
        },
        {
          data: "moneda.nombre"
        },
        {
          data: "tipo",render : function(data, type, row){
              if(row.estatus=='1'){
                  return 'Venta'
               }else{
                  return 'Prefatura'
               }
          }
        },
        {
          data: "usuario.nombres"
        },
        {
          data: "estatus",render : function(data, type, row){
              if(row.estatus=='1'){
                  return '<div align="center"><span class="badge badge-success">Activo</span></div>'
               }else{
                  return '<div align="center"><span class="badge badge-warning">Cancelado</span></div>'
               }
          }
        },
        {
          data: "acciones"
        },

      ],
      order: [
        [1, "desc"]
      ],
      columnDefs: [{
          orderable: false,
          targets: 12,
          className: "text-center"
        }, {
          orderable: false,
          targets: 11,
          className: "text-center"
        }, {
          orderable: false,
          targets: 14,
          className: "text-center"

        },
        {
          orderable: false,
          targets: 13,
          className: "text-center"
        },
        {
          orderable: false,
          targets: 15,
          className: "text-center"
        },
      ],
      buttons: [{
          extend: 'excelHtml5',
          text: 'EXCEL',
          titleAttr: 'Excel',
        },
        {
          extend: 'csvHtml5',
          text: 'CSV',
          titleAttr: 'CSV',
        },
        {
          extend: 'pdfHtml5',
          text: 'PDF',
          titleAttr: 'PDF',
        },
        {
          extend: 'copyHtml5',
          text: 'COPIAR',
          titleAttr: 'Copiar',
        },

      ],
      footerCallback: function(row, data, start, end, display) {
        var api = this.api();
        // Remove the formatting to get integer data for summation
        var intVal = function(i) {
          return typeof i === 'string' ?
            i.replace(/[\$,]/g, '') * 1 :
            typeof i === 'number' ?
            i : 0;
        };

        var array = [7,9];
        array.forEach(element => {

          // Total over all pages
          total = api
            .column(element)
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Total over this page
          pageTotal = api
            .column(element, {
              page: 'current'
            })
            .data()
            .reduce(function(a, b) {
              return intVal(a) + intVal(b);
            }, 0);

          // Update footer
          $(api.column(element).footer()).html(
            '<span class="font-weight-bold">' + formatter.format(parseFloat(total)) + '<span>'
          );
        });
      }
    });

  }

  function eliminarFactura(id, idVenta) {
    $('#idDocHv').val(id)
    $('#idVentaHv').val(idVenta)
    $('#modalCancelacionFactura').modal('show')
  }

  function muestraRel() {
    if ($('#motivo_cancelacion').val() == '01') {
      $('#uuidRelaCancelRow').show()
    } else {
      $('#uuidRelaCancelRow').hide()
    }
  }

  function cancelaDocumento() {
    var id = $('#idDocHv').val()
    var idVenta = $('#idVentaHv').val()
    var motivo = $('#motivo_cancelacion').val()
    var serie = $('#serieRelaCancel').val()
    var folio = $('#folioRelaCancel').val()
    $.ajax({
        url: '../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: '../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].strStatus == '1') {
                    Swal.fire(
                      'Cancelacion Procesada',
                      resp[0].strResult,
                      'success'
                    )
                    loadGrid();
                    if (resp[0].strStatus == '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: '../operaciones/cancelar_venta',
                              type: 'POST',
                              dataType: 'json',
                              data: {
                                id: $('#idVentaHv').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 enviarModal(id, correo = '') {
    $('#correoReenvio').val(correo)
    $('#asuntoReenvio').val('')
    $('#cuerpoReenvio').val('')
    $('#idFactReenv').val(id)
    $('#modalReenviar').modal();
  }

  function enviar() {

    var correo = $('#correoReenvio').val()
    var asunto = $('#asuntoReenvio').val()
    var cuerpo = $('#cuerpoReenvio').val()
    if (correo == '') {
      Swal.fire({
        title: 'Agrega un correo',
        type: 'error',
        timer: 2000
      })
      return false;
    }
    if (asunto == '') {
      Swal.fire({
        title: 'Agrega un asunto',
        type: 'error',
        timer: 2000
      })
      return false;
    }
    $.ajax({
        url: '../facturacion/enviar_factura',
        type: 'POST',
        dataType: 'json',
        data: {
          idfactura: $('#idFactReenv').val(),
          correo: correo,
          cuerpo: cuerpo,
          asunto: asunto
        },
      })
      .done(function(resp) {
        console.log("success");
        Swal.fire({
          title: 'Enviado correctamente',
          type: 'success',
          timer: 2000
        })
        $('#modalReenviar').modal('hide');
      })
      .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 facturar(id){
    $.ajax({
      url: '{{ url('operaciones/get_venta') }}',
      type: 'POST',
      dataType: 'json',
      data: {id: id},
    })
    .done(function(resp) {
      console.log(resp);
      $('#cleintesform').val(resp.data.id_cliente).selectpicker('refresh')
      $('#forma_pago').val()
      $('#metodo_fac_s').val()
      $('#idventamodal').val(id)
      getCliente()
      $('#modalTimbrado').modal('show')
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
    
  }
  function getCliente(){
    var idcliente = $('#cleintesform').val()
    $.ajax({
      url: '{{ url('catalogo/get_cliente') }}',
      type: 'POST',
      dataType: 'json',
      data: {id: idcliente},
    })
    .done(function(resp) {
      console.log("success");
      $('#rfcinput').val(resp.data.rfc)
      $('#razonsocialinput').val(resp.data.razon_social)
      $('#usocfdi_fac_s').val(resp.data.id_usocfdi).selectpicker('refresh')
      
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function getCliente2(){
    var idcliente = $('#cleintesform2').val()
    $.ajax({
      url: '{{ url('catalogo/get_cliente') }}',
      type: 'POST',
      dataType: 'json',
      data: {id: idcliente},
    })
    .done(function(resp) {
      console.log("success");
      $('#rfcinput2').val(resp.data.rfc)
      $('#razonsocialinput2').val(resp.data.razon_social)
      $('#usocfdi_fac_s2').val(resp.data.id_usocfdi).selectpicker('refresh')
      
    })
    .fail(function() {
      console.log("error");
    })
    .always(function() {
      console.log("complete");
    });
    
  }
  function timbrar(){
    var id = $('#idventamodal').val()
    var cliente = $('#cleintesform').val()
    var usocfdi = $('#usocfdi_fac_s').val()
    var forma_pago = $('#forma_pago').val()
    var metodo_pago = $('#metodo_fac_s').val()
    var serie = $('#serie').val()
    $('#loadingSave').modal('show')
    $.ajax({
      url: '{{ url('operaciones/timbrar_venta') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        id: id,
        cliente: cliente,
        usocfdi: usocfdi,
        forma_pago: forma_pago,
        metodo_pago: metodo_pago,
        serie: serie
      },
    })
    .done(function(resp) {
      console.log("success");
      $('#loadingSave').modal('hide')
      if(resp.success==1){
          guardarFactura(resp)
       }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 guardarFactura(respuesta,prefact=0) {
    console.log(respuesta)
    $('#modalTimbrado').modal('hide')
    $('#loadingSave').modal('show')
    $.ajax({
            url: '{{ url("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
                // })

                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);
                loadGrid()
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            setTimeout(() => {
                $('#loadingSave').modal('hide')
            }, 2000);
        });

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

        nameXml = nameXml + '.xml'
        $.ajax({
                url: '{{ 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){

        

        $('#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'
        }
        $('#asuntoModal').val('Asunto: '+asdocu+' '+seriefolio+' - '+$('#nomEmpresa').val())
        if(tipo==0){
          tipoString = 'factura'
        }else{
          tipoString = 'nota de venta'
        }
        $("#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')
    }
    $('#gridFacturas').on('click', 'tbody tr', function(e) {
      var $checkbox = $(this).find('.checkPro');
      e.target.type == "checkbox" ?
        $checkbox.prop('checked', $checkbox.is(':checked')) :
        $checkbox.prop('checked', !$checkbox.is(':checked'));

      var allPages = $('#gridFacturas').dataTable().fnGetNodes();
      var contador = 0;
      $('.checkPro:checked', allPages).each(function() {
        contador++;
      });

      contador >= 1 ?
        $('.btnafRec').show() :
        $('.btnafRec').hide();
    });
    function facturarmultiples(){
      var allPages = $('#gridFacturas').dataTable().fnGetNodes();
      var string = '';
      cliente = 0;
      todosIguales = true;
      $('.checkPro:checked', allPages).each(function() {
        if(cliente == 0){
          cliente = $(this).attr('idcliente')
        }else if($(this).attr('idcliente') !== cliente){
          todosIguales = false;
        }
        string +=$(this).val()+',';
      });
      if(todosIguales){
        $('#cleintesform2').val(cliente).selectpicker('refresh')
        getCliente2();
      }else{
        $('#cleintesform2').val(0).selectpicker('refresh')
        $('#rfcinput2').val('')
        $('#razonsocialinput2').val('')
      }

      $('#idventamodal2').val(string)
      $('#modalTimbradoMultiple2').modal('show')

    }
  function timbrar2(){
    var id = $('#idventamodal2').val()
    var cliente = $('#cleintesform2').val()
    if(cliente==0){
       Swal.fire({
            title: 'Selecciona un cliente.',
            type: 'error',
            timer: 2000
          })
       return false
    }
    var usocfdi = $('#usocfdi_fac_s2').val()
    var forma_pago = $('#forma_pago2').val()
    var metodo_pago = $('#metodo_fac_s2').val()
    var serie = $('#serie2').val()
    var tipo = $('#tipoFact').val();
    $('#loadingSave').modal('show')
    $.ajax({
      url: '{{ url('operaciones/timbrar_venta_multiple') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        id: id,
        cliente: cliente,
        usocfdi: usocfdi,
        forma_pago: forma_pago,
        metodo_pago: metodo_pago,
        serie: serie,
        tipo: tipo,
      },
    })
    .done(function(resp) {
      console.log("success");
       $('#loadingSave').modal('hide')
       if(resp.success==1){
          guardarFacturaMultiple(resp,0,id,cliente)
       }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 guardarFacturaMultiple(respuesta,prefact=0,id='',cliente='') {
    console.log(respuesta)
    $('#modalTimbradoMultiple2').modal('hide')
    $('#loadingSave').modal('show')
    $.ajax({
            url: '{{ url("operaciones/guardar_factura_multiple")}}',
            type: 'POST',
            dataType: 'json',
            data: {
                respuesta: respuesta,
                id: id,
                cliente: cliente,
            },
        })
        .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
                // })

                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);
                loadGrid()
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            setTimeout(() => {
                $('#loadingSave').modal('hide')
            }, 2000);
        });

}
</script>
@endpush