@extends('layouts.app', ['activePage' => 'listafacturas', 'menuParent' => 'consultas', 'titlePage' => __('Clientes')])

@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">persons</i>
            </div>
            <h4 class="card-title">Clientes</h4>

          </div>
          <div class="card-body">
            <div class="row ">

              <div class="col-md-3" id="content_cliente">
                <div class="form-group">
                  <label>Estatus:</label>
                  <select id="estatus" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                    <option value="x">Todos</option>
                    <option value="1">Activo</option>
                    <option value="0">Inactivo</option>
                  </select>
                </div>
              </div>
                <div class="col-9" align="right">
                <!-- <button class="btn btn-primary btn-sm" onclick="getXmlsScrap();">Descargar</button> -->
                <!-- <button class="btn btn-primary btn-sm" onclick="loadGrid();">Consultar</button> -->
                
                <button class="btn btn-primary btn-sm" onclick="loadGrid();">Buscar</button>
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#importarExcel">Importar</button>
                <button class="btn btn-success btn-sm" onclick="newCliente();">Nuevo</button>

              </div>
     
            </div>

            <hr>

            <!-- <div class="row"> -->
            <!-- <div class="col-4"> -->
            <!-- <button id="validarCon" class="btn btn-primary btn-sm" onclick="validateConceptos();">Validar conceptos</button> -->
            <!-- <button class="btn btn-primary btn-sm" id="btnDeposito" style="display:none;" onclick="generarDeposito();">Generar pago</button> -->
            <!-- </div> -->
            <!-- <div class="col-4 text-center mt-3" style="display: none;" id="contentConsulText">
                <h4 class="text-primary font-weight-bold" id="consultaText">
                  </h5>
              </div> -->
            <!-- <div class="col-4"></div> -->
            <!-- </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 class="text-center" colspan="21" id="consultaText"></th>
                  </tr>
                  <tr>

                    <th width="5%">ID</th>
                    <th>Nombre/Razón Social</th>
                    <th>RFC</th>
                    <th>Correo</th>
                    <th>Teléfono</th>
                    <th>Contacto</th>
                    <th>Cuenta Bancaria</th>
                    <th>Estatus</th>
                    <th width="10%">Acciones</th>

                  </tr>

                </thead>

                <tbody>

                </tbody>
                <tfoot>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tfoot>
              </table>
            </div>

          </div>
          <!-- end content-->
        </div>
        <!--  end card  -->
      </div>
      <!-- end col-md-12 -->
    </div>
    <!-- end row -->
  </div>
</div>
    

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

<div class="modal fade draggable" id="importarExcel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog ">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Importar archivo EXCEL</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <i class="material-icons">clear</i>
        </button>
      </div>
      <div class="modal-body">
        <h5 class="text-center card-description" style="margin-top: -20px;">Selecciona tu archivo de clientes a importar</h5>
        <h6 style="margin-top: -15px;" class="text-center">
          <a href="{{asset('archivos/estaticos/plantilla_importar_clientes.xlsx')}}" download>(Descargar plantilla)</a>
        </h6>
        <form method="post" enctype="multipart/form-data" id="formImportExcel">
          @csrf
          <div class="row">
            <div class="col-md-6 mt-1">
              <input type="file" name="file" id="file" style="width:130%">
            </div>
            <div class="col-md-6 text-right">
              <button type="submit" id="btn_import" class="btn btn-sm btn-success">Importar</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


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

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

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

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

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

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

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

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

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

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

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

@endsection

@push('js')
<script>
$(document).ready(function() {
    loadGrid();
});
function loadGrid(){
    //var cliente = $('#cliente').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('catalogo/get_clientes')}}",
        type: "POST",
        data: {
          cliente: '',

        },
      },
      columns: [{
          data: "id"
        },
        {
          data: "razon_social"
        },
        {
          data: "rfc"
        },
        {
          data: "correo"
        },
        {
          data: "telefono"
        },
        {
          data: "contacto"
        },
        {
          data: "cuenta_bancaria"
        },
        {
          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-danger">Inactivo</span></div>'
               }
            }
        },
        {
          data: "estatus",render: function ( data, type, row ) {
               if(row.estatus=='1'){
                  return '<div align="center"><button class="btn btn-secondary btn-xsm mr-1" onclick="edita('+row.id+')"><i class="material-icons">edit</i></button><button class="btn btn-secondary btn-xsm" onclick="desactivar('+row.id+',0);"><i class="fa fa-times" aria-hidden="true"></i></button></div>'
               }else{
                  return '<div align="center"><button class="btn btn-secondary btn-xsm" onclick="desactivar('+row.id+',1);"><i class="fa fa-check" aria-hidden="true"></i></button></div>'
               }
            }
        },

      ],
      order: [
        [0, "desc"]
      ],
      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',
        },

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

        loadGrid();
    }else{

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

}
function edita(id){
  $.ajax({
    url: '{{ url('catalogo/get_cliente') }}',
    type: 'POST',
    dataType: 'json',
    data: {id: id},
  })
  .done(function(resp) {
    console.log("success");
    $('#idcliente').val(id);
    $('#nombre').val(resp.data.nombre);
    $('#razon_social').val(resp.data.razon_social);
    $('#rfc').val(resp.data.rfc);
    $('#pais').val(resp.data.id_pais);
    $('#regimen').val(resp.data.id_regimen_fiscal);
    $('#usocfdi').val(resp.data.id_usocfdi);
    $('#correo').val(resp.data.correo);
    $('#telefono').val(resp.data.telefono);
    $('#cuenta_bancaria').val(resp.data.cuenta_bancaria);
    $('#contacto').val(resp.data.contacto);
    $('#direccion').val(resp.data.direccion);
    $('#estado').val(resp.data.id_estado);
    getMunicipios()
    setTimeout(function() {
        $('#municipios').val(resp.data.id_municipio);
         $('#municipios').selectpicker("refresh")
    }, 2000);

    $('#municipios').val(resp.data.id_municipio);
    $('#codigo_postal').val(resp.data.codigo_postal);
    $('#metodo_pago').val(resp.data.id_metodo_pago)
    $('.selectpicker').selectpicker("refresh")
    if(resp.data.rfc=='XEXX010101000'){
      $('#rowsExtranjeros').show()
    }else{
      $('#rowsExtranjeros').hide()
    }
    $('#cif').val(resp.data.cif)
    $('#modalNewProducto').modal('show')
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
function desactivar(id,estatus){
  if(estatus==1){
    var str = 'activar';
  }else{
    var str = 'desactivar'
  }
  Swal.fire({
    title: "Deseas "+str+" el cliente?",
     showDenyButton: true,
  showCancelButton: true,
  confirmButtonText: "Sí",
  cancelButtonText: "No",
  denyButtonText: `No`
  }).then((result) => {

    /* Read more about isConfirmed, isDenied below */
    if (result.value) {
        $.ajax({
          url: '{{ url('catalogo/desactivar_cliente') }}',
          type: 'POST',
          dataType: 'json',
          data: {id: id,estatus: estatus},
        })
        .done(function(resp) {
          console.log("success");
          if(resp.estatus > 0){
            loadGrid();
            if(estatus==1){
              var str = 'Activado';
            }else{
              var str = 'Desactivado'
            }
            Swal.fire({
                title: str+' Correctamente.',
                type: 'success',
                timer: 2000
            })
          }else{
             Swal.fire({
                title: resp.mensaje,
                type: 'warning',
                timer: 4000
            })
          }
        })
        .fail(function() {
          console.log("error");
        })
        .always(function() {
          console.log("complete");
        });
        
    } else if (result.isDenied) {
      
    }
  });
}
function validaRFC(){

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

      return 1;

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

$("#formImportExcel").on("submit", function(e) {
    e.preventDefault();
    var f = $(this);
    var formData = new FormData(document.getElementById("formImportExcel"));
    formData.append("dato", "valor");
    if ($('#file').val() == '') {
      showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar el archivo a importar.')
      return false;
    }

    var tipo = 1;
    if ($(document.activeElement).attr('id') == 'btn_validate')
      tipo = 2;

    formData.append('tipo', tipo);

    $('#loadingLoad').modal('show');
    $.ajax({
        url: "{{ url('catalogo/importar-clientes')}}",
        type: "post",
        data: formData,
        cache: false,
        contentType: false,
        processData: false
      })
      .done(function(resp) {
        setTimeout(() => {
          if (resp.result == 1) {

            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)
            $('#gridFacturas').DataTable().ajax.reload();
            $('#importarExcel').modal('hide');
          } else if (resp.result == 2) {

            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje)

          } else {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje)
            listVentasErr(resp.data_err);
          }
        }, 2000);

      })
      .fail(function() {
        setTimeout(() => {
          showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Algo salio mal durante el proceso.')
        }, 2000);
      })
      .always(function() {
        setTimeout(() => {
          $('#loadingLoad').modal('hide');
        }, 2000);
      });
  });
    function getEstado(idestado=0) {

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

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

                $.each(resp.data.estados, function(key, value) {
                    $('#estado')
                        .append('<option value="' + value['idestado'] + '" nombre="' + value['estado'] + '">' + value['estado'] + '</option>');
                    $('#id_estado')
                        .append('<option value="' + value['idestado'] + '" nombre="' + value['estado'] + '">' + value['estado'] + '</option>');
                });
                if(idestado!=0){
                  $('#estado').val(idestado);
                  $('#estado').selectpicker("refresh");
                   $('#id_estado').val(idestado);
                  $('#id_estado').selectpicker("refresh");
                  getMunicipios();
                }
                
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }
       function agregarPEM(tipo) {
        if (tipo == 1) {
            

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

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

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

                    }

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

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

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

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

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

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

    }
</script>
@endpush