@extends('layouts.app', ['activePage' => 'clientes'])

@section('content')
<style>
  .obli::before {
    content: "* ";
    color: red;
    font-weight: bold;
  }
</style>

<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">
            <h4 class="card-title ">Clientes </h4>
            <!-- colors: "header-primary", "header-info", "header-success", "header-warning", "header-danger" -->
            <div class="nav-tabs-navigation">
              <div class="nav-tabs-wrapper">
                <ul class="nav nav-pills nav-pills-primary" role="tablist">
                  <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#home" role="tablist" aria-expanded="true">
                      Generales
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#profile2" role="tablist" aria-expanded="false">
                      Correo
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#profile3" role="tablist" aria-expanded="false">
                      Telefonos
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#profile4" role="tablist" aria-expanded="false">
                      Cuentas bancarias
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <input type="hidden" id="idClienteHidden" @if(isset($cliente)) value="{{ $cliente->Id }}" @else value="" @endif>
          <div class="card-body ">
            <hr>
            <div class="tab-content tab-space">
              <div class="tab-pane active" id="home" aria-expanded="true">
                <h5>Datos generales</h5>
                <div class="row">
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>Cuenta <span class="text-danger">*</span></label>
                      <input type="text" class="form-control" id="Cuenta" onblur="insertCuenta();" @if(isset($data)) value="{{  $data['last_count'] }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="input-group input-group-static mb-2">
                      <label>Nombre o razón social <span class="text-danger">*</span></label>
                      <input type="text" class="form-control" id="Nombre" onblur="insertNombre();" @if(isset($cliente)) value="{{ $cliente->Nombre }}" @else value="" @endif>
                    </div>
                  </div>

                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>RFC <span class="text-danger">*</span></label>
                      <input type="text" style="text-transform:uppercase" class="form-control" id="RFC" @if(isset($cliente)) value="{{ $cliente->RFC }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>Régimen fiscal <span class="text-danger">*</span></label>
                      <select type="text" class="form-control" id="RegimenFiscal">
                        @if(isset($cliente))
                        <option value="{{$cliente->id_reg}}" selected>({{$cliente->c_reg}}) {{$cliente->des_reg}}</option>
                        @else
                        <option value="0" selected disabled>-Selecciona-</option>
                        @endif

                        @foreach($data['regimenfiscal'] as $rg)
                        <option value="{{$rg->id}}" >({{$rg->c_regimenfiscal}}) {{$rg->descripcion}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Estatus <span class="text-danger">*</span></label>
                      <select type="text" class="form-control" id="Estatus">
                        @if(isset($cliente))
                        <option value="{{$cliente->Estatus}}" selected>{{$cliente->Estatus}}</option>
                        <option value="1">Activa</option>
                        <option value="2">Suspendida</option>
                        <option value="0">Cancelada</option>
                        @else
                        <option value="1">Activa</option>
                        <option value="2">Suspendida</option>
                        <option value="0">Cancelada</option>
                        @endif

                      </select>
                    </div>
                  </div>
                </div>
                <hr>
                <h5>Domicilio</h5>
                <div class="row">
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Calle <span class="text-danger">*</span></label>
                      <input type="text" class="form-control" id="Calle" @if(isset($cliente)) value="{{ $cliente->Calle }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Numero Ext</label>
                      <input type="text" class="form-control" id="NumeroExterior" @if(isset($cliente)) value="{{ $cliente->NumeroExterior }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Numero Int</label>
                      <input type="text" class="form-control" id="NumeroInterior" @if(isset($cliente)) value="{{ $cliente->NumeroInterior}}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="input-group input-group-static mb-2">
                      <label>Referencia</label>
                      <input type="text" class="form-control" id="RefciaDomicilio" @if(isset($cliente)) value="{{ $cliente->RefciaDomicilio }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-2 mt-4">
                    <button class="btn btn-primary" id="addC">Agregar domicilio</button>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Colonia <span class="text-danger">*</span></label>
                      <input type="text" id="coloniaV" class="form-control" disabled @if(isset($cliente)) value="{{$data['colonias']->Descripcion}}" colonia_id="{{$data['colonias']->Id}}" @else value="" colonia_id="" @endif>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>C.P <span class="text-danger">*</span></label>
                      <input type="text" id="cpV" class="form-control" disabled @if(isset($cliente)) value="{{$data['colonias']->CodigoPostal}}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Pais <span class="text-danger">*</span></label>
                      <input type="text" id="paisV" class="form-control" disabled>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Estado <span class="text-danger">*</span></label>
                      <input type="text" id="estadoV" class="form-control" disabled>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Municipio <span class="text-danger">*</span></label>
                      <input type="text" id="municipioV" class="form-control" disabled>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Polacion <span class="text-danger">*</span></label>
                      <input type="text" id="poblacionV" class="form-control" disabled>
                    </div>
                  </div>

                </div>
                <hr>
                <h5>Adicionales</h5>
                <div class="row">
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>Limite Credito</label>
                      <input type="number" step="any" min="0" class="form-control" id="LimiteCredito" @if(isset($cliente)) value="{{ $cliente->LimiteCredito }}" @else value="" @endif>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="form-group">
                      <label>Plazo <span class="text-danger">*</span></label>
                      <select id="Plazo_Id" class="form-control">
                        <option value="0" selected>Ninguno</option>

                        @if(isset($cliente))
                        <option value="{{$cliente->Plazo_Id}}" selected>
                          @foreach ($data['plazos'] as $p)
                          @if($cliente->Plazo_Id == $p->Id) {{$p->Descripcion}} @endif
                          @endforeach
                        </option>
                        @foreach ($data['plazos'] as $p)
                        <option value="{{$p->Id}}">{{$p->Descripcion}}</option>
                        @endforeach
                        @else
                        @foreach ($data['plazos'] as $p)
                        <option value="{{$p->Id}}">{{$p->Descripcion}}</option>
                        @endforeach
                        @endif
                      </select>
                    </div>
                  </div>
                
                </div>
                <div class="row">
                  <div class="col-12 mt-2" align="right">
                    <a href="{{ url('catalogo/clientes') }}" class="btn btn-danger ">Cancelar</a>
                    <button class="btn btn-primary" onclick="guardarCliente();">Guardar</button>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="profile2" aria-expanded="false">
                <div class="row">
                  <div class="col-md-4">
                    <div class="input-group input-group-static mb-2">
                      <label>Correo</label>
                      <input type="email" class="form-control" id="Correo" placeholder="correo@gmail.com" onchange="validateEmail(this.value)">
                    </div>
                  </div>
                  <div class="col-md-2">
                    <button class="btn btn-primary mt-4" id="btnC">Agregar</button>
                  </div>
                </div>
                <br>
                <div class="row">
                  <div class="col-md-12">
                    <table class="table table-bordered">
                      <thead>
                        <tr>
                          <th>Correo</th>
                          <th>Progresivo</th>
                          <th>Acciones</th>
                        </tr>
                      </thead>
                      <tbody id="bodyCorreos">
                        @if(isset ($cliente))
                        @foreach ($data['correos'] as $c)
                        <tr id="correo_{{ $c->Id }}" class="correos" id_c="{{$c->Id}}" correo="{{$c->Correo}}" progresivo="{{$c->Progresivo}}">
                          <td>{{ $c->Correo }}</td>
                          <td>{{ $c->Progresivo }}</td>
                          <td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarProd({{ $c->Id }})"><i class="fa fa-times"></i></button></td>
                        </tr>
                        @endforeach
                        @endif
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="profile3" aria-expanded="false">
                <div class="row">
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Extensión</label>
                      <input type="text" class="form-control" id="Extension">
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>Telefono</label>
                      <input type="text" class="form-control" id="Telefono">
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="input-group input-group-static mb-2">
                      <label>Tipo</label>
                      <select class="form-control" id="Tipo">
                        <option value="0" selected>Fijo</option>
                        <option value="1">Celular</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>Ubicación</label>
                      <input type="text" class="form-control" id="Ubicacion">
                    </div>
                  </div>
                  <div class="col-md-2">
                    <button class="btn btn-primary " id="btnT">Agregar</button>
                  </div>
                </div>
                <br>
                <div class="row">
                  <div class="col-12">
                    <table class="table table-bordered ">
                      <thead>
                        <tr>
                          <th>Progresivo</th>
                          <th>Extensión</th>
                          <th>Tipo</th>
                          <th>Telefono</th>
                          <th>Ubicacion</th>
                          <th>Acciones</th>
                        </tr>
                      </thead>
                      <tbody id="bodyTelefono">
                        @if(isset ($cliente))
                        @foreach ($data['telefonos'] as $t)
                        <tr id="tel_{{ $t->Id }}" class="telefonos" id_t="{{$t->Id}}" telefono="{{$t->Telefono}}" progresivo="{{$t->Progresivo}}" tipo="{{$t->Tipo}}" extension="{{$t->Extension}}" ubicacion="{{$t->Ubicacion}}">
                          <td>{{ $t->Progresivo }}</td>
                          <td>{{ $t->Extension }}</td>
                          <td>{{ $t->Tipo }}</td>
                          <td>{{ $t->Telefono }}</td>
                          <td>{{ $t->Ubicacion }}</td>
                          <td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarTel({{ $t->Id }})"><i class="fa fa-times"></i></button></td>
                        </tr>
                        @endforeach
                        @endif
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="profile4" aria-expanded="false">
                <div class="row">
                  <div class="col-md-3">
                    <div class="input-group input-group-static mb-2">
                      <label>No. Cuenta</label>
                      <input type="text" class="form-control" id="CuentaB">
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="form-group">
                      <label>Bancos</label>
                      <select id="Banco_Id" class="form-control">
                        <option value="0" selected>Ninguno</option>
                        @foreach ($data['bancos'] as $b)
                        <option value="{{$b->Id}}">{{$b->Descripcion}}</option>

                        @endforeach
                      </select>
                    </div>
                  </div>

                  <div class="col-md-2">
                    <div class="form-group">
                      <label>Moneda</label>
                      <select id="Moneda_IdB" class="form-control">
                        <option value="0" selected>Ninguno</option>
                        @if(isset($data['monedas']))
                        @foreach ($data['monedas'] as $m)
                        <option value="{{$m->Id}}">{{$m->Descripcion}}</option>
                        @endforeach
                        @endif
                      </select>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <div class="form-group">
                      <label>Forma Pago <span class="text-danger">*</span></label>
                      <select id="FormaPago_IdC" class="form-control">
                        <option value="0" selected>Ninguno</option>
                        @if(isset($data['formaspago']))
                        @foreach($data['formaspago'] as $fp)
                        <option value="{{$fp->id}}">{{$fp->nombre}}</option>

                        @endforeach
                        @endif
                      </select>
                    </div>
                  </div>
                  <div class="col-md-2">
                    <button class="btn btn-primary mt-4" id="btnCB">Agregar</button>
                  </div>
                </div>
                <br>
                <div class="row">
                  <table class="table table-bordered " width="100%">
                    <thead>
                      <tr>
                        <th>No. Cuenta</th>
                        <th>Banco</th>
                        <th>Forma de pago</th>
                        <th>Moneda</th>
                        <th>Acciones</th>
                      </tr>
                    </thead>
                    <tbody id="bodyCuentasB">
                      @if(isset ($cliente))
                      @foreach ($data['cuentasB'] as $c)
                      <tr id="cuenta_{{ $c->id }}" class="cuentasB" id_cb="{{$c->id}}" cuentab="{{$c->Cuenta}}" banco="{{$c->Bancos_Id}}" formapagob="{{$c->FormaPago_Id}}" moneda="{{$c->Moneda_Id}}">
                        <td>{{ $c->Cuenta }}</td>
                        <td>
                          @foreach ($data['bancos'] as $b)
                          @if($c->Bancos_Id == $b->Id) {{$b->Descripcion}} @endif
                          @endforeach
                        </td>
                        <td>
                          @foreach ($data['formaspago'] as $f)
                          @if($c->FormaPago_Id == $f->id) {{$f->nombre}} @endif
                          @endforeach
                        </td>
                        <td>
                          @foreach ($data['monedas'] as $m)
                          @if($c->Moneda_Id == $m->ClaveMoneda) {{$m->Descripcion}} @endif
                          @endforeach
                        </td>

                        <td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarCuentaB({{ $c->id }})"><i class="fa fa-times"></i></button></td>
                      </tr>
                      @endforeach
                      @endif
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="cargandoModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Cargando</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12" align="center">
            <div class="fa-4x">
              <i class="fas fa-spinner fa-pulse"></i>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
@include('catalogo.domicilios.domicilios', ['Paises' => $Paises])

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

    });
    $(".datepicker").flatpickr({
      minDate: "today"
    });

    new Choices($('#Plazo_Id')[0]);
    new Choices($('#FormaPago_IdC')[0]);
    new Choices($('#Moneda_IdB')[0]);
    new Choices($('#Banco_Id')[0]);

    getInfoDomicilio()

  });

  function getInfoDomicilio() {
    if ($('#coloniaV').val() != '') {
      var Colonia_id = $('#coloniaV').attr('colonia_id');
      $.ajax({
          url: '{{ url("catalogo/empresas/get_infocol" )}}',
          type: 'POST',
          dataType: 'json',
          data: {
            id: Colonia_id,
          },
        })
        .done(function(resp) {
          console.log(resp.data);
          $('#paisV').val(resp.data.pais['Pais'])
          $('#estadoV').val(resp.data.estado['Estado'])
          $('#municipioV').val(resp.data.municipio['Municipio'])
          $('#poblacionV').val(resp.data.poblacion['Descripcion'])
          $('#cpV').val(resp.data.colonia['CodigoPostal'])
        })
        .fail(function() {
          console.log("error");
        })
        .always(function() {
          console.log("complete");
        });
    }
  }
  $('#addC').click(function() {
    $('#crearDomicilio').modal('show')
  })

  $('#addC').click(function() {
    $('#crearDomicilio').modal('show')
  })

  $Colonia.addEventListener('change', async (event) => {

    const $coloniaValue = $Colonia.options[$Colonia.selectedIndex].value;
    $btnIdentificarColonia.disabled = false;
    $formColoniaDomicilio.addEventListener('submit', async (event) => {
      event.preventDefault();
      console.log($coloniaValue);
      fetchRequest('{{url("/domicilios/colonias/identificador")}}', {
          id: $coloniaValue
        })
        .then(response => {
          ({
            status,
            message,
            payload
          } = response);
          ({
            colonia,
            estado,
            municipio,
            pais,
            poblacion
          } = payload);
          if (status == 200) {
            Swal.fire({
              type: 'success',
              title: '¡Se ha identificado la colonia correctamente!',
              showConfirmButton: false,
              timer: 2500
            });
            $('#crearDomicilio').modal('hide')
            $('#paisV').val(pais.Pais)
            $('#estadoV').val(estado.Estado)
            $('#municipioV').val(municipio.Municipio)
            $('#poblacionV').val(poblacion.Descripcion)
            $('#coloniaV').attr('colonia_id', colonia.Id)
            $('#coloniaV').val(colonia.Descripcion)
            $('#cpV').val(colonia.CodigoPostal)
          }
          if (status == 404) {
            Swal.fire({
              type: 'error',
              title: 'Oops...',
              text: 'ID incorrecto'
            });
            $('#paisV').val('')
            $('#estadoV').val('')
            $('#municipioV').val('')
            $('#poblacionV').val('')
            $('#coloniaV').val('')
            $('#cpV').val('')
          }
        })
    })
  })

  function guardarCliente() {
    var idCliente = $('#idClienteHidden').val()
    var Cuenta = $('#Cuenta').val()
    var Estatus = $('#Estatus option:selected').val()
    var LimiteCredito = $('#LimiteCredito').val()
    var Plazo_Id = $('#Plazo_Id option:selected').val()
    var Nombre = $('#Nombre').val()
    var Calle = $('#Calle').val()
    var NumeroExterior = $('#NumeroExterior').val()
    var NumeroInterior = $('#NumeroInterior').val()
    var Colonia_Id = $('#coloniaV').attr('colonia_id')
    var RefciaDomicilio = $('#RefciaDomicilio').val()
    var RFC = $('#RFC').val()
    var CURP = $('#CURP').val()
    var FormaPago_Id = $('#FormaPago_Id option:selected').val()
    var RegimenFiscal = $('#RegimenFiscal option:selected').val()
    if (Cuenta == "" || Plazo_Id == 0 || Nombre == "" || Calle == "" || Colonia_Id == 0 || RFC == "" || RegimenFiscal== 0) {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: '¡Debes ingresar toda la informacíon obligatoria!',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }


    var correos = new Array;
    $('.correos').each(function() {
      dat = {
        //id_correo: $(this).attr('id_c'),
        Correo: $(this).attr('correo'),
        Progresivo: $(this).attr('progresivo'),
      }
      correos.push(dat)
    });

    var telefonos = new Array;
    $('.telefonos').each(function() {
      dat = {
        //id_correo: $(this).attr('id_c'),
        Telefono: $(this).attr('telefono'),
        Progresivo: $(this).attr('progresivo'),
        Tipo: $(this).attr('tipo'),
        Extension: $(this).attr('extension'),
        Ubicacion: $(this).attr('ubicacion'),
      }
      telefonos.push(dat)
    });

    var cuentasB = new Array;
    $('.cuentasB').each(function() {
      dat = {
        //id_correo: $(this).attr('id_c'),
        CuentaB: $(this).attr('cuentab'),
        Banco_Id: $(this).attr('banco'),
        FormaPago_IdC: $(this).attr('formapagob'),
        Moneda_Id: $(this).attr('moneda'),
      }
      cuentasB.push(dat)
    });

    // if (correos.length == 0) {

    //   Swal.fire({
    //     type: 'error',
    //     title: 'Oops...',
    //     text: '¡Por lo menos debes de agregar un correo!',
    //     showConfirmButton: false,
    //     timer: 2500
    //   });
    //   return false;
    // }
    // if (telefonos.length == 0) {
    //   Swal.fire({
    //     type: 'error',
    //     title: 'Oops...',
    //     text: '¡Por lo menos debes de agregar un telefono!',
    //     showConfirmButton: false,
    //     timer: 2500
    //   });
    //   return false;
    // }
    // if (cuentasB.length == 0) {
    //   Swal.fire({
    //     type: 'error',
    //     title: 'Oops...',
    //     text: '¡Por lo menos debes de agregar una cuenta bancaria!',
    //     showConfirmButton: false,
    //     timer: 2500
    //   });
    //   return false;
    // }
    $('#cargandoModal').modal()
    $.ajax({
        url: "{{ url('catalogo/clientes/guarda_cliente')}}",
        type: 'POST',
        dataType: 'json',
        data: {
          idCliente: idCliente,
          Cuenta: Cuenta,
          Estatus: Estatus,
          LimiteCredito: LimiteCredito,
          Plazo_Id: Plazo_Id,
          Nombre: Nombre,
          Calle: Calle,
          NumeroExterior: NumeroExterior,
          NumeroInterior: NumeroInterior,
          Colonia_Id: Colonia_Id,
          RefciaDomicilio: RefciaDomicilio,
          RFC: RFC,
          RegimenFiscal:RegimenFiscal,
          CURP: CURP,
          FormaPago_Id: FormaPago_Id,
          correos: correos,
          telefonos: telefonos,
          cuentasB: cuentasB
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.result == 1) {
          //alert(resp.mensaje)
          Swal.fire({
            type: 'success',
            title: resp.mensaje,
            showConfirmButton: false,
            timer: 2500
          });
          window.location.href = "{{ url('catalogo/clientes') }}";

        } else {
          Swal.fire({
            type: 'error',
            title: resp.mensaje,
            showConfirmButton: false,
            timer: 2500
          });
          return false;
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function validateEmail(email) {
    var re = /\S+@\S+\.\S+/;
    // return re.test(email);
    if (!re.test(email)) {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: '¡El correo no es valido!',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }
  }


  //CORREO
  var i = 0;
  $('#btnC').click(function() {
    if (i < 20) {
      i++;
    } else if (i = i++) {
      i = 0;
    }
    agregarCorreo(i)
  })

  function agregarCorreo(i) {
    var Correo = $('#Correo').val()
    id = i;
    if (Correo == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: '¡Debes ingresar un correo!',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }


    html = '';
    html += '<tr id="correo_' + id + '" class="correos" id_c="' + id + '" correo="' + Correo + '" progresivo="' + i + '">'
    html += '<td>' + Correo + '</td>'
    html += '<td>' + id + '</td>'
    html += '<td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarProd(' + id + ')"><i class="fa fa-times"></i></button></td>'
    html += '</tr>';

    $('#bodyCorreos').append(html)
    $('#Correo').val('')
  }

  function elimnarProd(id) {
    $('#correo_' + id).remove()
  }
  //FIN CORREO

  //TELEFONO
  var t = 0;
  $('#btnT').click(function() {
    if (t < 20) {
      t++;
    } else if (t = t++) {
      t = 0;
    }
    agregarTelefono(t)
  })

  function agregarTelefono(i) {
    var Tipo = $('#Tipo option:selected').text()
    var Telefono = $('#Telefono').val()
    var Extension = $('#Extension').val()
    var Ubicacion = $('#Ubicacion').val()
    id = i;
    if (Telefono == '') {

      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: '¡Debes ingresar toda información telefonica!',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }


    html = '';
    html += '<tr id="tel_' + id + '" class="telefonos" id_t="' + id + '" telefono="' + Telefono + '" progresivo="' + i + '" tipo="' + Tipo + '" extension="' + Extension + '" ubicacion="' + Ubicacion + '">'
    html += '<td>' + id + '</td>'
    html += '<td>' + Extension + '</td>'
    html += '<td>' + Tipo + '</td>'
    html += '<td>' + Telefono + '</td>'
    html += '<td>' + Ubicacion + '</td>'
    html += '<td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarTel(' + id + ')"><i class="fa fa-times"></i></button></td>'
    html += '</tr>';

    $('#bodyTelefono').append(html)
    $("#Tipo").val('0')
    $('#Telefono').val('')
    $('#Extension').val('')
    $('#Ubicacion').val('')
  }

  function elimnarTel(id) {
    $('#tel_' + id).remove()
  }

  //FIN TELEFONO
  //INICIO CUENTAS BANCARIAS
  var c = 0;
  $('#btnCB').click(function() {
    if (c < 20) {
      c++;
    } else if (c = c++) {
      c = 0;
    }
    agregarCuentaB(c)
  })

  function agregarCuentaB(i) {
    var CuentaB = $('#CuentaB').val()
    var Banco_Id = $('#Banco_Id option:selected').val()
    var FormaPago_Id = $('#FormaPago_IdC option:selected').val()
    var Moneda_Id = $('#Moneda_IdB option:selected').val()
    var Banco = $('#Banco_Id option:selected').text()
    var FormaPago = $('#FormaPago_IdC option:selected').text()
    var Moneda = $('#Moneda_IdB option:selected').text()
    id = i;
    if (CuentaB == '' || Banco_Id == 0 || FormaPago_Id == 0 || Moneda_Id == 0) {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: '¡Debes ingresar toda información bancaria!',
        showConfirmButton: false,
        timer: 2500
      });
      return false;
    }


    html = '';
    html += '<tr id="cuenta_' + id + '" class="cuentasB" id_cb="' + id + '" cuentab="' + CuentaB + '" banco="' + Banco_Id + '" formapagob="' + FormaPago_Id + '" moneda ="' + Moneda_Id + '">'
    html += '<td>' + CuentaB + '</td>'
    html += '<td>' + Banco + '</td>'
    html += '<td>' + FormaPago + '</td>'
    html += '<td>' + Moneda + '</td>'
    html += '<td align="center"><button class="btn btn-danger btn-sm" onclick="elimnarCuentaB(' + id + ')"><i class="fa fa-times"></i></button></td>'
    html += '</tr>';

    $('#bodyCuentasB').append(html)
    $('#CuentaB').val('')
    $('#Banco_Id').val('0')
    $('#FormaPago_IdC').val('0')
    $('#Moneda_IdB').val('0')

  }

  function elimnarCuentaB(id) {
    $('#cuenta_' + id).remove()
  }
  //FIN CUENTAS BANCARIAS

  //INICIO TRAER COLONIAS POR CODIGO POSTALS
  /*$('#Colonia_Id').click(function() {
        if ($('#cp').val() == "") {
          alert('Debes ingresar un codigo postal')
        }
      })*/
</script>

@endsection