@extends('layouts/layoutMaster')

@php
  $configData = Helper::appClasses();
  $companies = collect($initialData['companies'] ?? []);
  $periods = collect($initialData['periods'] ?? []);
  $rows = collect($initialData['rows'] ?? []);
  $summary = $initialData['summary'] ?? [];
  $period = $initialData['period'] ?? null;
  $currency = $initialData['currency'] ?? 'EUR';

  $formatMoney = function (?float $value) use ($currency) {
    $value = $value ?? 0;
    return number_format($value, 2, ',', '.') . ' ' . $currency;
  };
@endphp

@section('title', 'Panel RRHH · Nóminas')

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="d-flex flex-column flex-lg-row justify-content-between align-items-start align-items-lg-center gap-3 mb-4">
        <div>
          <h1 class="mb-1">Panel de Nóminas RRHH</h1>
          <p class="text-body-secondary mb-0">Centraliza propinas, cash-out y ausencias por rider para preparar la nómina.</p>
        </div>
        <div class="text-end">
          <span class="badge bg-label-primary text-uppercase fw-semibold">Rol RRHH</span>
        </div>
      </div>
    </div>
  </div>

  <div class="row g-3 mb-4">
    <div class="col-12 col-lg-4">
      <div class="card h-100">
        <div class="card-body">
          <p class="text-body-secondary text-uppercase small fw-semibold mb-1">Propinas pendientes</p>
          <h3 class="mb-2" data-payroll-summary="tips-pending">{{ $formatMoney($summary['tips_pending_total'] ?? 0) }}</h3>
          <p class="text-body-secondary mb-0 small">Total acumulado pendiente de liquidar en nómina.</p>
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-4">
      <div class="card h-100">
        <div class="card-body">
          <p class="text-body-secondary text-uppercase small fw-semibold mb-1">Cash pendiente</p>
          <h3 class="mb-2" data-payroll-summary="cash-pending">{{ $formatMoney($summary['cash_out_pending_total'] ?? 0) }}</h3>
          <p class="text-body-secondary mb-0 small">Cash no entregado que debe descontarse o reclamar.</p>
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-4">
      <div class="card h-100">
        <div class="card-body">
          <p class="text-body-secondary text-uppercase small fw-semibold mb-1">Horas ausentes estimadas</p>
          <h3 class="mb-2" data-payroll-summary="absence-hours">{{ number_format($summary['absence_hours_total'] ?? 0, 2, ',', '.') }} h</h3>
          <p class="text-body-secondary mb-0 small">Diferencia entre horas planificadas y registradas en métricas.</p>
        </div>
      </div>
    </div>
  </div>

  <div class="card mb-4" id="hrPayrollApp"
       data-endpoint="{{ route('admin.api.hr.payroll.summary') }}"
       data-initial='@json($initialData)'
       data-default-filters='@json($filters)'>
    <div class="card-header">
      <div class="d-flex flex-column flex-xl-row gap-3 align-items-start align-items-xl-center justify-content-between">
        <div>
          <h5 class="card-title mb-1">Resumen por rider</h5>
          <p class="card-subtitle text-body-secondary mb-0">
            Periodo seleccionado:
            <span data-payroll-period>{{ $period['label'] ?? '—' }}</span>
            @if (!empty($period['company']))
              · <span data-payroll-company>{{ $period['company'] }}</span>
            @endif
          </p>
        </div>
        <div class="d-flex flex-wrap gap-2">
          <button type="button" class="btn btn-outline-secondary" id="payrollExportCsv">
            <i class="ti tabler-download me-1"></i> Exportar CSV
          </button>
        </div>
      </div>
      <form class="row g-3 mt-3" id="payrollFilters">
        <div class="col-12 col-md-4">
          <label class="form-label" for="payrollCompany">Empresa</label>
          <select class="form-select" id="payrollCompany" name="company_id">
            <option value="">Todas</option>
            @foreach ($companies as $company)
              <option value="{{ $company['id'] }}"
                @selected(($filters['company_id'] ?? null) == $company['id'])>
                {{ $company['label'] }}
              </option>
            @endforeach
          </select>
        </div>
        <div class="col-12 col-md-4">
          <label class="form-label" for="payrollPeriod">Cierre / periodo</label>
          <select class="form-select" id="payrollPeriod" name="period_id">
            @foreach ($periods as $item)
              <option value="{{ $item['id'] }}"
                @selected(($filters['period_id'] ?? ($period['id'] ?? null)) == $item['id'])>
                {{ $item['label'] }}
              </option>
            @endforeach
          </select>
        </div>
        <div class="col-12 col-md-4">
          <label class="form-label" for="payrollSearch">Rider</label>
          <input type="search" class="form-control" id="payrollSearch" name="search"
                 value="{{ $filters['q'] ?? '' }}"
                 placeholder="Nombre, email o DNI">
        </div>
      </form>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover table-bordered mb-0" id="payrollTable">
          <thead class="table-light">
            <tr>
              <th>Rider</th>
              <th>Propinas</th>
              <th>Cash-Out</th>
              <th>Netos</th>
              <th>Horas</th>
              <th>Días</th>
            </tr>
          </thead>
          <tbody>
            @forelse ($rows as $row)
              <tr>
                <td>
                  <div class="fw-semibold">{{ $row['rider_name'] ?? 'Sin asignar' }}</div>
                  <div class="text-body-secondary small">{{ $row['rider_email'] ?? '—' }}</div>
                  <div class="text-body-secondary small">{{ $row['company_name'] ?? 'Empresa no asignada' }}</div>
                </td>
                <td>
                  <div class="fw-semibold text-success">{{ $formatMoney($row['tips_total'] ?? 0) }}</div>
                  <div class="text-body-secondary small">
                    Pendiente:
                    <span class="text-danger fw-semibold">{{ $formatMoney($row['tips_pending'] ?? 0) }}</span>
                  </div>
                </td>
                <td>
                  <div class="fw-semibold">{{ $formatMoney($row['cash_out_pending'] ?? 0) }}</div>
                  <div class="text-body-secondary small">
                    Descontado: {{ $formatMoney($row['cash_out_deduction'] ?? 0) }}
                  </div>
                </td>
                <td>
                  <div class="fw-semibold">{{ $formatMoney($row['net_to_pay'] ?? 0) }}</div>
                  <div class="text-body-secondary small">
                    Contrato semanal: {{ number_format($row['contract_hours_weekly'] ?? 0, 2, ',', '.') }} h
                  </div>
                </td>
                <td>
                  <div class="fw-semibold">{{ number_format($row['worked_hours'] ?? 0, 2, ',', '.') }} h</div>
                  <div class="text-body-secondary small">
                    Planificadas: {{ number_format($row['scheduled_hours'] ?? 0, 2, ',', '.') }} h
                  </div>
                  <div class="text-body-secondary small">
                    Ausencia: <span class="text-danger fw-semibold">{{ number_format($row['absence_hours'] ?? 0, 2, ',', '.') }} h</span>
                  </div>
                </td>
                <td>
                  <div class="fw-semibold">{{ $row['worked_days'] ?? 0 }} días</div>
                  <div class="text-body-secondary small">
                    Planificados: {{ $row['scheduled_days'] ?? 0 }}
                  </div>
                  <div class="text-body-secondary small">
                    Ausencias: <span class="text-danger fw-semibold">{{ $row['absence_days'] ?? 0 }}</span>
                  </div>
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="6" class="text-center text-body-secondary py-5">
                  No se encontraron registros para el filtro seleccionado.
                </td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection

@section('page-script')
  @vite(['resources/js/admin/hr-payroll.js'])
@endsection