@extends('layouts.app')

@section('content')

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0"><i class="nav-icon fas fa-tachometer-alt fa-xs"></i> {{ __('layout.Dashboard') }}</h1>
        </div><!-- /.col -->
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active">{{ __('layout.Dashboard') }}</li>
          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">

    <div class="container-fluid">

      <div class="row">

        @if(!@empty(session('message')))
          <div class="col-12">
            @switch(session('type'))
                @case('OK')
                  <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h5><i class="icon fas fa-check"></i> Listo!</h5>
                    {{ session('message') }}
                  </div>
                    @break
                @default
                  <div class="alert alert-warning alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h5><i class="icon fas fa-exclamation-triangle"></i> Atención!</h5>
                    {{ session('message') }}
                  </div>
            @endswitch
          </div>
        @endif

        <div class="col-12">

          <h5>Hola de nuevo, {{ explode(' ', auth()->user()?->name)[0] }}.</h5>
          <p>Esta es la pantalla principal del sistema. Desde aquí podrás acceder a las funcionalidades más utilizadas.</p>

          {{-- <div class="jumbotron jumbotron-fluid">
            <div class="container">
              <h1 class="display-4">Hola de nuevo, {{ explode(' ', auth()->user()?->name)[0] }}.</h1>
              <p class="lead">Esta es la pantalla principal del sistema. Desde aquí podrás acceder a las funcionalidades más utilizadas.</p>
            </div>
          </div> --}}
        </div>

      </div>

      {{-- <div class="row">
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>

              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 21/06/2025
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>
                <li>Socios: generación mensual v2. Incluye cálculo de Multas</li>
                <li>Socios: estado de cuenta</li>
              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 17/06/2025
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>
                <li>Proveedores: Registro de factura de Socio. Ejemplos: OSE y Tributos.</li>
                <li>Proveedores: Registro de pago a Proveedor. Afectación cuenta proveedor y cuenta principal. Envío de notificación de pago.</li>
              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 09/06/2025
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>
                <li>Locales: generación mensual v1.</li>
              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 05/06/2025
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>
                <li>Procesos automáticos: Generación deuda alquiler mensual v1.</li>
                <li>Proveedores: Listado, creación y edición.</li>
                <li>Proveedores: Registro de factura particular y en grupo (por ejemplo OSE)</li>
              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">
                <i class="fab fa-uncharted"></i> Actualizaciones - 03/06/2025
              </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <ul>
                <li>Parámetros: protección Rubros vinculados a parámetros.</li>
                <li>Locales: listado y registro de movimientos.</li>
                <li>Unidades: listado y registro de movimientos.</li>
              </ul>                
            </div>
            <!-- /.card-body -->
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="fab fa-uncharted"></i> Actualizaciones - 30/05/2025
                </h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <ul>
                  <li>Procesos automáticos: Generación fondos mensual v1 (se generaron los fondos para todas las unidades asociadas a socios)</li>
                </ul>                
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>  
        <div class="col-md-6">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="fab fa-uncharted"></i> Actualizaciones - 23/05/2025
                </h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <ul>
                  <li>Locales: arreglo formato en campos en edición.</li>
                  <li>Eventos: eventos automáticos + envío de correos para Vinculación/Desvinculación de Unidad.</li>
                  <li>Parámetros: Lista, creación y edición.</li>
                  <li>Inquilinos: Creación, edición y eliminación.</li>
                  <li>Procesos automáticos: Verificación de garantías.</li>
                </ul>                
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>     
      </div>
      <div class="row">
        <div class="col-md-6">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="fab fa-uncharted"></i> Actualizaciones - 16/05/2025
                </h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <ul>
                  <li>Socios: vinculación/desvinculación con unidad.</li>
                  <li>Núcleo familiar socio: Lista, creación, edición y eliminación</li>
                  <li>Servicio socio: Lista, creación, edición y eliminación</li>
                  <li>Unidades: vinculación con socio.</li>
                  <li>Locales: Lista, creación, edición y eliminación</li>
                  <li>Garantías: Lista, creación, edición y eliminación</li>
                </ul>                
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- ./col -->
        <div class="col-md-6">
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="fab fa-uncharted"></i> Actualizaciones - 28/04/2025
                </h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <ul>
                  <li>Bloques: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Unidades: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Monedas: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Histórico tipos de cambio: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Orígenes de pago: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Rubros: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Tipos de Rubros: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Usuarios: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Roles: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Auditoria de usuario: Lista</li>
                  <li>Tipos de Movimiento Unidades: Lista, creación, edición, eliminación y búsqueda.</li>
                  <li>Tipos de Movimiento Locales: Lista, creación, edición, eliminación y búsqueda.</li>
                </ul>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- ./col --> 
      </div> --}}

      <!-- Small boxes (Stat box) -->
      <div class="row">

        <div class="col-lg-3 col-6">
          <!-- small box -->
          <div class="small-box bg-success">
            <div class="inner">
              {{-- <small class="float-right align-top font-weight-bold">RECIBOS</small> --}}
              {{-- <h3>53<sup style="font-size: 20px">%</sup></h3> --}}
              <h3>{{ $totalRecibosEmitidos }}</h3>
              <p>Total cobrado este mes</p>
            </div>
            <div class="icon">
              <i class="ion ion-stats-bars"></i>
            </div>
            <a href="{{ route('recibos.index') }}" class="small-box-footer">Ir al listado <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->

        <div class="col-lg-3 col-6">
          <!-- small box -->
          <div class="small-box bg-info">
            <div class="inner">
              {{-- <small class="float-right align-top font-weight-bold">UNIDADES</small> --}}
              <h3>{{ $cantidadUnidades }} / {{ $cantidadUnidadesLibres }} / {{ $cantidadUnidadesEnObra }}</h3>
              <p>Total / Libres / En obra</p>
            </div>
            <div class="icon">
              <i class="ion ion-ios-home"></i>
            </div>
            <a href="{{ route('unidades.index') }}" class="small-box-footer">Ir al listado <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->        

        <div class="col-lg-3 col-6">
          <!-- small box -->
          <div class="small-box bg-warning">
            <div class="inner">
              {{-- <small class="float-right align-top font-weight-bold">LOCALES</small> --}}
              <h3>{{ $cantidadLocales }} / {{ $cantidadLocalesLibres }} / {{ $cantidadLocalesEnObra }}</h3>
              <p>Total / Libres / En obra</p>
            </div>
            <div class="icon">
              <i class="ion ion-bag"></i>
            </div>
            <a href="{{ route('locales.index') }}" class="small-box-footer">Ir al listado <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->

        <div class="col-lg-3 col-6">
          <!-- small box -->
          <div class="small-box bg-danger">
            <div class="inner">
              {{-- <small class="float-right align-top font-weight-bold">???</small> --}}
              <h3>0</h3>
              <p>???</p>
            </div>
            <div class="icon">
              <i class="ion ion-pie-graph"></i>
            </div>
            <a href="#" class="small-box-footer">Ir al listado <i class="fas fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->

      </div>
      <!-- /.row -->

      <div class="row">

        <div class="col-lg-3 col-6">
          <div class="card card-outline card-success">
            <div class="card-header">
              <h3 class="card-title">Recibos</h3>

              <div class="card-tools">
                {{-- <button type="button" class="btn btn-tool" data-card-widget="collapse">
                  <i class="fas fa-minus"></i>
                </button> --}}
              </div>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body" style="display: block;">
              <ul class="nav nav-pills flex-column">
                <li class="nav-item">
                  <a href="{{ route('recibos.create') }}" class="nav-link">
                    <i class="far fa-circle text-success"></i> Registrar un recibo
                  </a>
                </li>
                <li class="nav-item">
                  <a href="{{ route('recibos.createACuenta') }}" class="nav-link">
                    <i class="far fa-circle text-success"></i> Registrar una entrega a cuenta
                  </a>
                </li>
              </ul>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- ./col -->

        <div class="col-lg-3 col-6">
          <div class="card card-outline card-info">
            <div class="card-header">
              <h3 class="card-title">Unidades</h3>

              <div class="card-tools">
                {{-- <button type="button" class="btn btn-tool" data-card-widget="collapse">
                  <i class="fas fa-minus"></i>
                </button> --}}
              </div>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body" style="display: block;">
              <ul class="nav nav-pills flex-column">
                <li class="nav-item">
                  <a href="{{ route('unidad-logs.create') }}" class="nav-link">
                    <i class="far fa-circle text-info"></i> Registrar un movimiento
                  </a>
                </li>                
              </ul>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- ./col -->        

        <div class="col-lg-3 col-6">
          <div class="card card-outline card-warning">
            <div class="card-header">
              <h3 class="card-title">Locales</h3>

              <div class="card-tools">
                {{-- <button type="button" class="btn btn-tool" data-card-widget="collapse">
                  <i class="fas fa-minus"></i>
                </button> --}}
              </div>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body" style="display: block;">
              <ul class="nav nav-pills flex-column">
                <li class="nav-item">
                  <a href="{{ route('local-logs.create') }}" class="nav-link">
                    <i class="far fa-circle text-info"></i> Registrar un movimiento
                  </a>
                </li>                
              </ul>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- ./col -->

        <div class="col-lg-3 col-6">
          <div class="card card-outline card-danger">
            <div class="card-header">
              <h3 class="card-title">???</h3>

              <div class="card-tools">
                {{-- <button type="button" class="btn btn-tool" data-card-widget="collapse">
                  <i class="fas fa-minus"></i>
                </button> --}}
              </div>
              <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body" style="display: block;">
              ???
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- ./col -->

      </div>
      <!-- /.row -->

      <div class="row">

        <div class="col-12">

          <div class="card">

              <div class="card-header">
                <h3 class="card-title text-danger"><i class="nav-icon fas fa-truck fa-xs"></i> Facturas pendientes</h3>
              </div>
              <!-- /.card-header -->

              <div class="card-body">

                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th class="text-center">Proveedor</th>
                      <th class="text-center">Descripción</th>
                      <th class="text-center">Rubro</th>
                      <th class="text-center">Importe</th>
                      <th class="text-center" colspan="2">Vencimiento</th>
                    </tr>
                  </thead>
                  <tbody>
                    @if (empty($facturasAVencer) || count($facturasAVencer) == 0)
                        <tr>
                          <td colspan="6" class="text-center">No existen facturas pendientes.</td>
                        </tr>
                    @endif
                    @foreach($facturasAVencer as $factura)                    
                    <tr>
                      <td class="text-center">{{ $factura->proveedor->nombre }}</td>
                      <td class="text-center">{{ $factura->descripcion }}</td>
                      <td class="text-center">{{ $factura->concepto->descripcion }}</td>
                      <td class="text-center">{{ $factura->moneda->simbolo }} {{ number_format($factura->importe, 2) }}</td>
                      <td class="text-center">{{ $factura->fecha_vencimiento->format('d/m/Y') }}</td>
                      <td class="text-center">
                        @if(\Carbon\Carbon::parse(now())->diffInDays($factura->fecha_vencimiento) < -1)
                          <span class="badge badge-danger">Vencida</span>
                        @elseif(\Carbon\Carbon::parse(now())->diffInDays($factura->fecha_vencimiento) > -1 && \Carbon\Carbon::parse(now())->diffInDays($factura->fecha_vencimiento) < 0)
                          <span class="badge badge-warning">Vence HOY</span>
                        @else                          
                          <span class="badge badge-warning">Vence en {{ (int)\Carbon\Carbon::parse(now())->diffInDays($factura->fecha_vencimiento) }} día/s</span>
                        @endif
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
              <div class="card-footer clearfix">
                {{-- <ul class="pagination pagination-sm m-0 float-right">
                  <li class="page-item"><a class="page-link" href="#">«</a></li>
                  <li class="page-item"><a class="page-link" href="#">1</a></li>
                  <li class="page-item"><a class="page-link" href="#">2</a></li>
                  <li class="page-item"><a class="page-link" href="#">3</a></li>
                  <li class="page-item"><a class="page-link" href="#">»</a></li>
                </ul> --}}
              </div>
            </div>

        </div>
        <!-- /.col -->

      </div>
      <!-- /.row -->

    </div>
    <!-- /.container-fluid -->

  </section>
  <!-- /.content -->
  
@endsection

@section('custom-scripts')
    <!-- AdminLTE for demo purposes -->
    {{-- <script src="/js/demo.js"></script> --}}
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="/js/pages/dashboard.js"></script>
@endsection