@extends('layouts.app', ['activePage' => 'dashboard', 'menuParent' => 'dashboard', 'titlePage' => __('Dashboard')])

@section('content')
<div class="content">

  <div class="row">
    <div class="col-lg-3 col-md-3 col-sm-3">
      <div class="col-md-12 col-sm-12 col-12" onclick="addBasico(5);">
        <div class="card" style="width: 18rem;">
          <div class="card-body">
            <h2 class="card-title"><i class="fa fa-money-bill"></i></h2>
            <h6 class="card-subtitle mb-2 text-muted">Facturación</h6>
            <p class="card-text">Gestión de facturas,notas de crédito y documentos fiscales.</p>
            <a href="{{ url('dashboard/fact') }}" class="card-link">Acceder al módulo</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3">
      <div class="col-md-12 col-sm-12 col-12" onclick="addBasico(5);">
        <div class="card" style="width: 18rem;">
          <div class="card-body">
            <h2 class="card-title"><i class="fa fa-calculator"></i></h2>
            <h6 class="card-subtitle mb-2 text-muted">Contabilidad</h6>
            <p class="card-text">Registro contable, pólizas y estados financieros.</p>
            <a href="{{ url('dashboard/conta') }}" class="card-link">Acceder al módulo</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3">
      <div class="col-md-12 col-sm-12 col-12" onclick="addBasico(5);">
        <div class="card" style="width: 18rem;">
          <div class="card-body">
            <h2 class="card-title"><i class="fa fa-building-columns"></i></h2>
            <h6 class="card-subtitle mb-2 text-muted">Impuestos</h6>
            <p class="card-text">Declaraciones fiscales y cumplomiento tributario.</p>
            <a href="javascript:;" class="card-link">Acceder al módulo</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3">
      <div class="col-md-12 col-sm-12 col-12" onclick="addBasico(5);">
        <div class="card" style="width: 18rem;">
          <div class="card-body">
            <h2 class="card-title"><i class="fa fa-users"></i></h2>
            <h6 class="card-subtitle mb-2 text-muted">Nómina</h6>
            <p class="card-text">Gestión de empleados, pagos y prestaciones.</p>
            <a href="javascript:;" class="card-link">Acceder al módulo</a>
          </div>
        </div>
      </div>
    </div>
  </div>


</div>
<a href="" id="send_whastapp" target="_blank"></a>







<style>
  .card2 {
    height: 90%;
  }

  .bg-tr-span {
    background-color: #cedef2 !important;
  }

  .ct-series-a .ct-bar {
    /* Colour of your bars */
    stroke: #0A415F !important;
    stroke-width: 20;
    cursor: pointer;
  }

  .ct-series-a .ct-point {
    /* Colour of your bars */
    stroke: #0A415F !important;
    cursor: pointer;
  }

  .ct-series-a .ct-line {
    stroke: #0A415F !important;
  }

  .ct-bar:hover {
    /* Colour of your bars */
    opacity: .9 !important;
  }

  .ui-tooltip {
    background: #000;
    opacity: .7;
    color: #fff;
    font-size: .8rem;
  }

    /* Estilos exclusivos para estas tarjetas */
    .custom-card {
        max-width: 12rem;
        margin-bottom: 10%;
        cursor: pointer;
        background-color: #1e3a5f !important;
        /* Azul elegante */
        color: white;
        border: none;
        transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;
        border-radius: 10px;
    }

    .custom-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    }

    .custom-card .custom-card-header {
        background-color: transparent;
        border-bottom: none;
        padding: 20px 0;
    }

    .custom-card .custom-card-header i {
        font-size: 4rem;
        /* Tamaño del ícono */
    }

    .custom-card .custom-card-body {
        padding: 10px;
    }

    .custom-card .custom-card-title {
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 5px;
    }
</style>
@endsection

@push('js')

<script>
$(document).ready(function() {
  getSesion();
});
function getSesion(){
  $.ajax({
    url: '{{ url('home/get_bd') }}',
    type: 'POST',
    dataType: 'json',
    data: {param1: 'value1'},
  })
  .done(function(resp) {
    console.log(resp);
    if(resp.data!=''){
      html = ''
      $.each(resp.data, function(index, val) {
         html+='<option value="'+val.nombre+'">'+val.cliente+'</option>'
      });
      if('{{ auth()->user()->id_perfil }}' == '1'){
        $('#bases').append(html)
        //$('#modal-id').modal('show')
        $("#bases").selectpicker('refresh')
      }
      
    }else{

    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
function seleccionaBd(){
  $.ajax({
    url: '{{ url('home/sel_bd') }}',
    type: 'POST',
    dataType: 'json',
    data: {bd: $('#bases').val()},
  })
  .done(function(resp) {
    console.log("success");
      if('{{ env('INSTANCE_NAME') }}' == 'Resultoria'){
        subdominio = 'resultoria'
      }else{
        subdominio = 'facturacion'
      }
      window.location.href = 'https://'+subdominio+'.ghp.com.mx/' + $('#bases').val() + '/public/dashboard';
    
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
</script>
@endpush