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

@section('content')
@include('includes.tailwind')
<div class="content relative">
  <div class="container-fluid mx-auto px-4 py-10 relative">
    @if(session('modulosActivos') != [])
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
      @if(in_array('Mi espacio', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-user-circle text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Mi espacio</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Gestiona tus documentos, configuraciones y preferencias.</p>
            <a href="{{ url('mi-espacio') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Facturacion', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-money-bill text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Facturación</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Gestión de facturas, notas de crédito y documentos fiscales.</p>
            <a href="{{ url('fact') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Contabilidad', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-calculator text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Contabilidad</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Registro contable, pólizas y estados financieros.</p>
            <a href="{{ url('contabilidad') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Impuestos', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-building-columns text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Impuestos</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Declaraciones fiscales y cumplimiento tributario.</p>
            <a href="{{url('impuestos')}}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Nominas', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-users text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Nómina</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Gestión de empleados, pagos y prestaciones.</p>
            <a href="{{ url('nomina') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Bancos', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-coins text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Bancos</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Gestión de cuentas bancarias, conciliaciones y movimientos financieros.</p>
            <a href="{{ route('bancos-modulo.index') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif

      @if(in_array('Configuracion', session('modulosActivos')))
      <div class="transform transition duration-300 hover:scale-105">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50">
          <div class="p-6 flex flex-col items-center text-slate-800">
            <div class="bg-[#0A415F] text-white p-4 rounded-full mb-4 shadow-md">
              <i class="fa fa-cogs text-3xl"></i>
            </div>
            <h3 class="text-xl font-semibold mb-2 text-center">Configuración</h3>
            <p class="text-slate-600 mb-6 text-center text-sm">Ajustes generales y administración del sistema.</p>
            <a href="{{ route('configuracion.index') }}" class="mt-auto inline-flex items-center gap-2 bg-[#0A415F] hover:bg-[#083449] text-white px-5 py-2.5 rounded-xl font-semibold transition">Acceder al módulo</a>
          </div>
        </div>
      </div>
      @endif
    </div>
    @else

    <div class="flex items-center justify-center">
      <div class="max-w-2xl w-full">
        <div class="rounded-3xl shadow-2xl overflow-hidden border border-slate-200 bg-gradient-to-br from-white to-slate-50 p-6 text-slate-800 text-center">
          <i class="fa fa-exclamation-circle text-4xl mb-4 text-[#0A415F]"></i>
          <h3 class="text-2xl font-semibold mb-2">Sin módulos activos</h3>
          <p class="font-medium">No hay módulos activos disponibles.</p>
        </div>
      </div>
    </div>
    @endif

  </div>
</div>

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

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