@extends('layouts.app', ['activePage' => 'facturasprogramadas', 'menuParent' => 'consultas', 'titlePage' => __('Facturacion Cliente')])

@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">Facturacion Cliente</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  contentFechasConsultar" style="margin-top: 3px; ">
                <div class="form-group">
                  <label>Año:</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>2025</option>
                    <option value="1">2024</option>
                    <option value="0">2023</option>
                    <option value="0">2022</option>
                    <option value="0">2021</option>
                  </select>
                </div>
              </div>
               <div class="col-2 ">
                <button class="btn btn-primary btn-sm" onclick="loadGrid();">Buscar</button>
              </div>
            </div>
            <div class="row " style="display: none;">
              <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-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>
            <hr>
            <!--<div class="row">
              <div class="col-md-12" align="right">
                <button class="btn btn-primary btn-sm" onclick="nuevoDeposito();">Nuevo Programacion</button>
              </div>
            </div>-->
             <div class="table-responsive">
               <table class="table table-hover">
                 <thead>
                   <tr>
                     <th></th>
                   </tr>
                 </thead>
                 <tbody>
                   <tr>
                     <td></td>
                   </tr>
                 </tbody>
               </table>
             </div>
            <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>Cliente</th>
                    <th>Codigo</th>
                    <th>Correo</th>
                    <th align="center">Monto</th>
                    <th>Enero</th>
                    <th>Febrero</th>
                    <th>Marzo</th>
                    <th>Abril</th>
                    <th>Mayo</th>
                    <th>Junio</th>
                    <th>Julio</th>
                    <th>Agosto</th>
                    <th>Septiembre</th>
                    <th>Octubre</th>
                    <th>Noviembre</th>
                    <th>Diciembre</th>
                  </tr>

                </thead>

                <tbody>

                </tbody>
                <tfoot>
                  <tr>
                  	<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>
                  </tr>

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

          </div>
        </div>
      </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">
      	<input type="hidden" id="id_programa">
        <div class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Dia del Mes:<span class="text-danger">*</span></label>
                  <input type="number" class="form-control" id="diaMes" max="31" min="1" onkeyup="validaDia();">
            </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">Ejecutadas:</label>
                  <input type="text" class="form-control" id="ejecutados" readonly>
                </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:</label>
                  <input type="hidden" id="idproductoventa">
                  <input type="text" class="form-control" id="concepto">
                </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">
                            <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 class="row">
          <div class="col-md-12">
            <div class="form-group filled bmd-form-group">
                  <label class="bmd-label-static">Estatus:</label>
                   <select id="estatus" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="1">Activo</option>
                    <option value="0">Cancelado</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="modalRelacionadas">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="clienteEncabezado">Facturas Creadas</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>Factura Origen</h5>
          </div>
        </div>
        <div class="row">
          <div class="col-md-2">
            <label>Serie</label>
            <input type="text" class="form-control" id="serieOriginal" readonly>
          </div>
          <div class="col-md-6">
            <label>Concepto</label>
            <input type="text" class="form-control" id="uuidOriginal" readonly>
          </div>
          <div class="col-md-2">
            <label>Fecha</label>
            <input type="text" class="form-control" id="fechaOriginal" readonly>
          </div>
          <div class="col-md-2">
            <label>Importe</label>
            <input type="text" class="form-control" id="importeOriginal" readonly>
          </div>
          
        </div>
        <div class="row">
          <div class="col-12">
            <div class="table-responsive">
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>Serie/Folio</th>
                    <th>Fecha</th>
                    <th>Concepto</th>
                    <th>Estatus</th>
                  </tr>
                </thead>
                <tbody id="bodyRelacionadas">

                </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>

<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')
<script>
  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    

    $('#gridFacturas').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      dom: 'Blfrtip',
      language: {
        url: "{{asset('material/datatable_sp.json')}}"
      },
      order: [
        [0, "desc"]
      ],
      columnDefs: [{
          orderable: false,
          targets: 0,
          className: "text-center"
        }, {
          orderable: false,
          targets: 1,
          className: "text-center"
        }, {
          orderable: false,
          targets: 2,
          className: "left-center"

        },
        {
          orderable: false,
          targets: 2,
          className: "left-center"

        },
        {
          orderable: false,
          targets: 5,
          className: "right-center"
        },
         {
          orderable: false,
          targets: 6,
          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();
        var date = new Date();
    $('#fecha').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'
      }
    });

    $('#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 estatus = $('#filtro_estatus').val();
    var fecha = $('#fecha_cons').val();
    var fecharan = $('#fecha_cons_ran').val();
    var radio = $('input[name="radioFecha"]:checked').val();
    var timbrado = $('#filtro_estatus_timbrado').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_programadas')}}",
        type: "POST",
        data: {
          cliente: cliente,
          estatus: estatus,
          fecha: fecha,
          fecharan: fecharan,
          radio: radio,
          timbrado: timbrado,
        },
      },
      columns: [{
          data: "id"
        },
        {
          data: "created_at"
        },
        {
          data: "id",render: function ( data, type, row ) {
                  if(row.factura!=null){
                    return row.factura.serie;
                  }else{
                      return '';
                  }
                  //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'
               
            },className: "text-left"
        },
       {
          data: "id",render: function ( data, type, row ) {
                  if(row.factura!=null){
                    return row.factura.folio;
                  }else{
                      return '';
                  }
                  //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'
               
            },className: "text-left"
        },
        {
          data: "factura.razon_social_receptor"
        },
        {
          data: "factura.rfc_receptor"
        },
        {
          data: "factura.rfc_receptor",render: function(data, type, row){
            return row.factura.venta.items[0].descripcion
          },className: "text-left"
        },
        {
          data: "factura.monto",render: function(data, type, row){
            return numberFormat(row.factura.monto)
          },className: "text-right"
        },
        {
          data: "factura",render: function ( data, type, row ) {
  
                  if(row.factura.venta.metodo_pago!=null){
                    return '<div align="center">'+row.factura.venta.metodo_pago.claveSat+'- '+row.factura.venta.metodo_pago.nombre+'</div>'
                  }else{
                      return '';
                  }
                  //return '<div align="center">'+row.factura.serie+'-'+row.factura.folio+'</div>'
               
            }
        },
        {
          data: "usuario.nombres"
        }, 
        {
          data: "fecha_inicio"
        },
        {
          data: "recurrencia", render: function(data,type,row){
              if(row.recurrencia==1){
                return 'Mensual'
              }else{
                return 'Anual'
              }
          }
        },
        {
          data: "periocidad",className: "text-center"
        },
        {
          data: "dia_mes",className: "text-center"
        },
        {
            data: "ejecuciones",className: "text-center"
        },
          {
             data: "estatus",render: function ( data, type, row ) {
               if(row.estatus=='1'){
                  return '<div align="center"><span class="badge badge-success">Activo</span></div>'
               }else if(row.estatus=='2'){
                  return '<div align="center"><span class="badge badge-primary">Terminado</span></div>'
                }else if(row.estatus=='3'){
                  return '<div align="center"><span class="badge badge-warning">Pausada</span></div>'
               
               }else{
               	 return '<div align="center"><span class="badge badge-danger">Cancelado</span></div>'
               }
            }
        },
          {
          data: "id",render: function ( data, type, row ) {
               if(row.estatus=='1'){
                  return '<div align="center"><button class="btn btn-secondary btn-xsm" onclick="edita('+row.id+');"><i class="material-icons">edit</i></button><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas('+row.id+')"><i class="material-icons">list</i></button><button class="btn btn-secondary btn-xsm" onclick="reanudarDetener('+row.id+',3)" title="detener"><i class="material-icons">stop_circle</i></button></div>'
               }else if(row.estatus=='2'){
                  return '<div align="center"><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas('+row.id+')"><i class="material-icons">list</i></button></div>'
               }else if(row.estatus=='3'){
                  return '<div align="center"><button class="btn btn-secondary btn-xsm" onclick="edita('+row.id+');"><i class="material-icons">edit</i></button><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas('+row.id+')"><i class="material-icons">list</i></button><button class="btn btn-secondary btn-xsm" onclick="reanudarDetener('+row.id+',1)" title="detener"><i class="material-icons">refresh</i></button></div>'
               }else{
               	 return '<div align="center"><button class="btn btn-secondary btn-xsm" title="Ver facturas ejecutadas" onclick="getFactEjecutadas('+row.id+')"><i class="material-icons">list</i></button></div>'
               }
            }
        },

      ],
      order: [
        [0, "desc"]
      ],
      columnDefs: [{
          orderable: false,
          targets: 1,
          className: "text-center"
        }, {
          orderable: false,
          targets: 2,
          className: "text-center"
        }, {
          orderable: false,
          targets: 3,
          className: "text-center"

        },
        {
          orderable: false,
          targets: 4,
          className: "text-center"
        },
        {
          orderable: false,
          targets: 5,
          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];
        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: {
          id: $('#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 nuevoDeposito(){
    $('#modalNuevoDeposito').modal('show')
  }
    function verNotasCredito(){
    var cliente = $('#id_cliente').val()

    $.ajax({
      url: '{{ url('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>'
          html+='<td>'+val.serie+'</td>'
          html+='<td>'+val.folio+'</td>'
          html+='<td>'+val.fecha_emision+'</td>'
          html+='<td>'+val.moneda+'</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 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 guardarPago(){
    var fecha = $('#fecha').val()
    var fp = $('#fpp').val()
    var cliente = $('#id_cliente').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;
    }
    $('#loadingLoad').modal('show')
    $.ajax({
      url: '{{ url('operaciones/aplicar_pago') }}',
      type: 'POST',
      dataType: 'json',
      data: {
        fecha: fecha,
        fp: fp,
        facturas: facturas,
        cliente: cliente,
      },
    })
    .done(function(resp) {
      console.log("success");
      if(resp.estatus > 0){
        /*if(gcp==1){
          $('#loadingLoad').modal('hide')
          timbrarPago(resp.estatus);
        }else{*/
          $('#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 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('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("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('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)


        result = src.replace(".pdf", ".xml");
        $('#btnXmlView').prop('href',result)
        $('#downloadXml').prop('href',result)
        if($('#tipodocumento').val()=='3'){
          asdocu = 'Nota de Credito'
        }else{
          asdocu = 'Factura'
        }
        $('#asuntoModal').val('Asunto: '+asdocu+' '+seriefolio+' - '+$('#nomEmpresa').val())

        $("#notasfacturaModal").summernote("code", 'Estimado/a '+$( "#buscaCliente option:selected" ).text()+',<br><br>Adjunto te envío la factura '+seriefolio+'.<br><br>Para cualquier consulta, estoy a tu disposición.<br><br>Saludos.<br>'+$('#nomEmpresa').val());
        //$('#notasfacturaModal').val()
         $('#modalComprobante2').modal('show')
    }
    function edita(id){
    	$.ajax({
    		url: '{{ url('operaciones/get_programacion') }}',
    		type: 'POST',
    		dataType: 'json',
    		data: {id: id},
    	})
    	.done(function(resp) {
    		console.log(resp);
    		$('#id_programa').val(resp.data.id);
    		$('#diaMes').val(resp.data.dia_mes);
    		$('#periocidad').val(resp.data.periocidad);
    		//$('#complementoConcepto').val(resp.data.forma_concepto);
        $('#complementoConceptoAnio').val(resp.data.anio_concepto);
        $('#complementoConceptoMes').val(resp.data.mes_concepto);
    		$('#ejecutados').val(resp.data.ejecuciones)
        $('#concepto').val(resp.data.factura.venta.items[0].descripcion)
        $('#idproductoventa').val(resp.data.factura.venta.items[0].id)
    		$('#estatus').val(resp.data.estatus)
        $('#complementoConceptoAnio').selectpicker("refresh");
        $('#complementoConceptoMes').selectpicker("refresh");
        $('#estatus').selectpicker("refresh");
    		muestraanio();
       
    		$('#modalProgramar').modal('show')
    	})
    	.fail(function() {
    		console.log("error");
    	})
    	.always(function() {
    		console.log("complete");
    	});
    	
    }
    function guardarFactProgramada(){
    		var id = $('#id_programa').val();
    		var mes = $('#diaMes').val();
    		var periodo = $('#periocidad').val();
    		var concep = $('#complementoConcepto').val();
    		var estatus = $('#estatus').val()
        var concepto = $('#concepto').val()
        var complementoConceptoMes = $('#complementoConceptoMes').val()
        var complementoConceptoAnio = $('#complementoConceptoAnio').val()

        if(concepto==''){
          Swal.fire({
                title: 'Agrega un concepto.',
                type: 'warning',
                timer: 2000
              })
          return false
        }
        if(mes==''){
          Swal.fire({
                title: 'El dia no es validao.',
                type: 'warning',
                timer: 2000
              })
          return false
        }else{
          if(parseInt(mes) < 1 || parseInt(mes) > 31 ){
            Swal.fire({
                    title: 'El dia no es validao.',
                    type: 'warning',
                    timer: 3000
                  })
            $('#diaMes').focus()
            return false
          }
        }
        var idventaitem = $('#idproductoventa').val()
    		$.ajax({
    			url: '{{ url('operaciones/edita_programacion') }}',
    			type: 'POST',
    			dataType: 'json',
    			data: {
    				id: id,
    				dia_mes: mes,
    				periocidad: periodo,
    				//formato_concepto: concep,
    				estatus: estatus,
            concepto: concepto,
            idventaitem: idventaitem,
            complementoConceptoMes: complementoConceptoMes,
            complementoConceptoAnio: complementoConceptoAnio,
    			},
    		})
    		.done(function(resp) {
    			console.log("success");
    			loadGrid();
		    	Swal.fire({
		            title: 'Guardado Correctamente',
		            type: 'success',
		            timer: 2000
		          })
    			$('#modalProgramar').modal('hide')
    		})
    		.fail(function() {
    			console.log("error");
    		})
    		.always(function() {
    			console.log("complete");
    		});
    		
    }
    function validaDia(){
      var dia = $('#diaMes').val()
      console.log(dia)
      if(parseInt(dia) < 1 || parseInt(dia) > 31 ){
        Swal.fire({
                title: 'El dia no es validao.',
                type: 'warning',
                timer: 3000
              })
        $('#diaMes').val('')
        return false
      }
    }
    function muestraanio(){
  if($('#periocidadF').val()==2){
    $('#anioconcepto').show()
  }else{
    $('#anioconcepto').hide()
  }
}
function getFactEjecutadas(id){
  $.ajax({
    url: '{{ url('operaciones/get_programacion') }}',
    type: 'POST',
    dataType: 'json',
    data: {id: id,tipo: 1},
  })
  .done(function(resp) {
    console.log(resp);

    $('#serieOriginal').val(resp.data.factura.serie+'-'+resp.data.factura.folio)
    $('#uuidOriginal').val(resp.data.factura.conceptos[0].descripcion)
    $('#fechaOriginal').val(resp.data.factura.fecha_emision )
    $('#importeOriginal').val(numberFormat(resp.data.factura.monto))

      html = ''
      $('#bodyRelacionadas').html('')
      var contador =  0
      $.each(resp.conceptos, function(index, val) {
          html+='<tr>'
          if (typeof resp.data.ejecutadas[contador] !== 'undefined') {
            if(resp.data.ejecutadas[contador].error==null){
                html+='<td>'+resp.data.ejecutadas[contador].cfdi.serie+'-'+resp.data.ejecutadas[contador].cfdi.folio+'</td>'
                html+='<td>'+resp.data.ejecutadas[contador].cfdi.fecha_emision+'</td>'
                html+='<td>'+resp.data.ejecutadas[contador].cfdi.conceptos[0].descripcion+'</td>'
                if(resp.data.ejecutadas[contador].cfdi.estatus==1){
                  estatus = '<span class="badge badge-success">Activo</span>'
                }else if(resp.data.ejecutadas[contador].cfdi.estatus==0){
                  estatus = '<span class="badge badge-danger">Cancelado</span>'
                }else{
                  estatus = '<span class="badge badge-warning">Proceso Canelacion</span>'
                }
                html+='<td>'+estatus+'</td>'
            }else{
                html+='<td><i class="material-icons">error</i></td>'
                html+='<td colspan="3">'+resp.data.ejecutadas[contador].error+'</td>'
            }
          }else{
            html+='<td class="text-center"> - </td>'
            html+='<td class="text-center"> - </td>'
            html+='<td>'+resp.data.factura.conceptos[0].descripcion+' '+val+'</td>'
            estatus = '<span class="badge badge-info">Pendiente</span>'
            html+='<td>'+estatus+'</td>'
          }


          html+='</tr>'
          contador++;
      });
      /*$.each(resp.data.ejecutadas, function(index, val) {
          html+='<tr>'
          if(val.error==null){
              html+='<td>'+val.cfdi.serie+'-'+val.cfdi.folio+'</td>'
              html+='<td>'+val.cfdi.fecha_emision+'</td>'
              html+='<td>'+val.cfdi.conceptos[0].descripcion+'</td>'
              if(val.cfdi.estatus==1){
                estatus = '<span class="badge badge-success">Activo</span>'
              }else if(val.cfdi.estatus==0){
                estatus = '<span class="badge badge-danger">Cancelado</span>'
              }else{
                estatus = '<span class="badge badge-warning">Proceso Canelacion</span>'
              }
              html+='<td>'+estatus+'</td>'
          }else{
              html+='<td><i class="material-icons">error</i></td>'
              html+='<td colspan="3">'+val.error+'</td>'
          }

          html+='</tr>'
      });*/
      $('#bodyRelacionadas').append(html)
       $('#clienteEncabezado').html(resp.data.factura.cliente.razon_social)
      $('#modalRelacionadas').modal('show')
  })
  .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 reanudarDetener(id,tipo){
    if(tipo==1){
      msj = '¿Quieres reanudar la programación?'
    }else{
      msj = '¿Quieres detener la programación?'
    }

      Swal.fire({
        title: msj,
        //showDenyButton: true,
        showCancelButton: true,
        confirmButtonText: "Sí",
        cancelButtonText: `No`,
        cancelButtonColor: '#f54c4c'
      }).then((result) => {
        console.log(result.value)
        /* Read more about isConfirmed, isDenied below */
        if (result.value) {
          $.ajax({
            url: '{{ url('operaciones/cambia_estatus_programada') }}',
            type: 'POST',
            dataType: 'json',
            data: {id: id,tipo: tipo},
          })
          .done(function(resp) {
            console.log(resp);
            if(resp.estatus > 0){
              Swal.fire({
                title: 'Guardado con Exito.',
                type: 'success',
                timer: 2000
              })
              loadGrid();
            }
          })
          .fail(function() {
            console.log("error");
          })
          .always(function() {
            console.log("complete");
          });
          
        } 
      });
  }
</script>
@endpush