@extends('../padre.padre')

@section('contenido')
<style>
    .kpi-card {
        border: none;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .kpi-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    }
    .kpi-icon {
        font-size: 2.2rem;
        opacity: 0.8;
    }
</style>

<div class="d-flex justify-content-between align-items-center mb-4 mt-3">
    <h1 class="h3 mb-0 text-gray-800 fw-bold">REPORTES DE IVA (VENTAS Y COMPRAS)</h1>
</div>

<!-- FORMULARIO DE FILTROS -->
<form action="informeIvas" method="GET" class="card shadow-sm p-4 mb-4">
  <div class="row align-items-end">
    <div class="col-md-3 col-sm-6 mb-3">
      <label for="fi" class="form-label fw-bold">Fecha Inicial</label>
      <input required type="date" name="fi" id="fi" value="{{$fi}}" class="form-control">
    </div>
    
    <div class="col-md-3 col-sm-6 mb-3">
      <label for="ff" class="form-label fw-bold">Fecha Final</label>
      <input required type="date" name="ff" id="ff" value="{{$ff}}" class="form-control">
    </div>

    <div class="col-md-3 col-sm-6 mb-3">
      <label class="form-label fw-bold">Bodegas</label>
      <div class="border rounded p-2 bg-white" style="max-height: 100px; overflow-y: auto; border: 1px solid #ccc;">
        <div class="form-check mb-1">
          <input class="form-check-input select-all-bodegas" type="checkbox" id="bodega_all" name="bodegas[]" value="0"
            {{ (empty($bodegas) || in_array('0', $bodegas) || in_array(0, $bodegas)) ? 'checked' : '' }}>
          <label class="form-check-label fw-bold text-success" for="bodega_all">
            -- Todas las Bodegas --
          </label>
        </div>
        @php
          $perfil       = session()->get("perfil");
          $usuario      = $_SESSION["user"] ?? null;
          if ($perfil === null && $usuario) {
              $perfil = \DB::table("user")->where("nonombre", $usuario)->value('tipo');
          }
          $perfil = $perfil ?? 0;

          $bodegaUser   = session()->get("bodegaUser");
          if ($bodegaUser === null && $usuario) {
              $bodegaUser = \DB::table("user")->where("nonombre", $usuario)->value('idbodega');
          }
          $bodegaUser = $bodegaUser ?? 1;

          $bodegasAll   = session()->get("bodegas");
          if (empty($bodegasAll)) {
              $bodegasAll = \DB::table("bodegas")->orderBy('id')->get();
          }

          $bodegasUser  = session()->get("bodegasUser");
          if (empty($bodegasUser) && $usuario) {
              $bodegasUser = \DB::table("bodegauserpermit")->where("iduser", $usuario)->get();
          }
          $bodegasUser  = $bodegasUser ?? [];

          $idsAsignados = [];
          foreach ($bodegasUser as $bu) {
              $idsAsignados[] = $bu->bodegaPermiti;
          }

          $bodegasMostrar = [];
          if ($perfil == 0) { 
              $bodegasMostrar = empty($idsAsignados) ? [$bodegaUser] : array_unique(array_merge([$bodegaUser], $idsAsignados));
          } else {
              if (empty($idsAsignados)) {
                  foreach ($bodegasAll as $b) {
                      $bodegasMostrar[] = $b->id;
                  }
              } else {
                  $bodegasMostrar = array_unique(array_merge([$bodegaUser], $idsAsignados));
              }
          }
          
          $selectedBodegas = isset($bodegas) ? (array)$bodegas : [];
          $hasSelectedSpecific = !empty($selectedBodegas) && !in_array('0', $selectedBodegas) && !in_array(0, $selectedBodegas);
        @endphp
        @foreach ($bodegasAll as $b)
            @if (in_array($b->id, $bodegasMostrar))
                <div class="form-check">
                    <input class="form-check-input chk-bodega" type="checkbox" name="bodegas[]" value="{{ $b->id }}" id="bodega_{{ $b->id }}"
                        {{ ($hasSelectedSpecific && in_array($b->id, $selectedBodegas)) ? 'checked' : '' }}>
                    <label class="form-check-label" for="bodega_{{ $b->id }}">
                        {{ $b->nombreBodega }}
                    </label>
                </div>
            @endif
        @endforeach
      </div>
    </div>

    <div class="col-md-3 col-sm-6 mb-3 text-end">
      <button type="submit" class="btn btn-warning px-4 fw-bold">Consultar</button>
      <button type="submit" name="exportar" class="btn btn-success px-4 fw-bold" value="1">Exportar</button>
      @include('menu.botonRegresarContab')
    </div>
  </div>
</form>

@if(!empty($fi) && !empty($ff))
<!-- TARJETAS METRICAS KPI -->
<div class="row mb-4">
    <!-- IVA Generado -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card kpi-card bg-white border-start border-success border-4 h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                            IVA Generado (Ventas)
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            $ {{ number_format($total_generado, 0, ',', '.') }}
                        </div>
                    </div>
                    <div class="col-auto">
                        <span class="kpi-icon text-success">📈</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- IVA Descontable -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card kpi-card bg-white border-start border-danger border-4 h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-danger text-uppercase mb-1">
                            IVA Descontable (Compras)
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            $ {{ number_format($total_descontable, 0, ',', '.') }}
                        </div>
                    </div>
                    <div class="col-auto">
                        <span class="kpi-icon text-danger">📉</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Saldo Neto -->
    <div class="col-xl-4 col-md-6 mb-4">
        @php
            $netoAbs = abs($saldo_neto);
            $borderClass = $saldo_neto >= 0 ? 'border-primary' : 'border-info';
            $textClass = $saldo_neto >= 0 ? 'text-primary' : 'text-info';
            $title = $saldo_neto >= 0 ? 'Impuesto a Pagar (Crédito)' : 'Saldo a Favor (Débito)';
            $icon = $saldo_neto >= 0 ? '⚖️' : '🎁';
        @endphp
        <div class="card kpi-card bg-white border-start {{ $borderClass }} border-4 h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold {{ $textClass }} text-uppercase mb-1">
                            {{ $title }}
                        </div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">
                            $ {{ number_format($netoAbs, 0, ',', '.') }}
                        </div>
                    </div>
                    <div class="col-auto">
                        <span class="kpi-icon {{ $textClass }}">{{ $icon }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- DETALLE Y TABLAS -->
@include('contabilidad.exportar.formaIvas')

@endif

<script>
document.addEventListener('DOMContentLoaded', function () {
    const checkAll = document.getElementById('bodega_all');
    const chkIndividuales = document.querySelectorAll('.chk-bodega');

    if (checkAll) {
        checkAll.addEventListener('change', function () {
            if (this.checked) {
                chkIndividuales.forEach(chk => {
                    chk.checked = false;
                });
            }
        });
    }

    chkIndividuales.forEach(chk => {
        chk.addEventListener('change', function () {
            if (this.checked && checkAll) {
                checkAll.checked = false;
            }
        });
    });
});
</script>
@endsection