@extends('portal.layouts.app')

@section('content')
    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_net') }}</div>
            <div class="portal-stat__value">{{ $latestLine ? number_format((float) $latestLine->net_salary, 2) : '—' }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_basic') }}</div>
            <div class="portal-stat__value">{{ $latestLine ? number_format((float) $latestLine->basic_salary, 2) : '—' }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_earnings') }}</div>
            <div class="portal-stat__value">{{ $latestLine ? number_format((float) $latestLine->total_earnings, 2) : '—' }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_deductions') }}</div>
            <div class="portal-stat__value">{{ $latestLine ? number_format((float) $latestLine->total_deductions, 2) : '—' }}</div>
        </div>
    </div>

    @if (! empty($leaveUsage))
        <div class="portal-card" style="margin-top: 18px;">
            <h2 class="portal-card__title">{{ trans('portal.payroll.leave_usage.title') }}</h2>
            <p class="portal-subtle" style="margin-bottom: 14px;">{{ trans('portal.payroll.leave_usage.description', ['year' => now()->year]) }}</p>
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.payroll.leave_usage.leave_type') }}</th>
                            <th>{{ trans('portal.payroll.leave_usage.days_used') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($leaveUsage as $item)
                            <tr>
                                <td>{{ $item['name'] }}</td>
                                <td><strong>{{ number_format($item['days_used'], 1) }}</strong></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <div class="portal-card" style="margin-top: 18px;">
        <h2 class="portal-card__title">{{ trans('portal.payroll.table.title') }}</h2>

        @if ($payrollLines->isEmpty())
            <div class="portal-empty">
                <h3>{{ trans('portal.payroll.empty_title') }}</h3>
                <p>{{ trans('portal.payroll.empty_description') }}</p>
            </div>
        @else
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.payroll.table.period') }}</th>
                            <th>{{ trans('portal.payroll.table.run_code') }}</th>
                            <th>{{ trans('portal.payroll.table.basic') }}</th>
                            <th>{{ trans('portal.payroll.table.earnings') }}</th>
                            <th>{{ trans('portal.payroll.table.deductions') }}</th>
                            <th>{{ trans('portal.payroll.table.net') }}</th>
                            <th>{{ trans('portal.payroll.table.status') }}</th>
                            <th>{{ trans('portal.payroll.table.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($payrollLines as $line)
                            @php
                                $period = $line->payrollRun?->payrollPeriod;
                                $periodLabel = $period
                                    ? \Carbon\Carbon::create($period->period_year, $period->period_month)->format('F Y')
                                    : trans('portal.common.not_available');
                            @endphp
                            <tr>
                                <td><strong>{{ $periodLabel }}</strong></td>
                                <td class="portal-subtle">{{ $line->payrollRun?->code ?? '—' }}</td>
                                <td>{{ number_format((float) $line->basic_salary, 2) }}</td>
                                <td>{{ number_format((float) $line->total_earnings, 2) }}</td>
                                <td>{{ number_format((float) $line->total_deductions, 2) }}</td>
                                <td><strong>{{ number_format((float) $line->net_salary, 2) }}</strong></td>
                                <td>
                                    <span class="portal-badge portal-badge--{{ $line->status === 'paid' ? 'approved' : ($line->status === 'approved' ? 'approved' : 'pending') }}">
                                        {{ ucfirst($line->status ?? '') }}
                                    </span>
                                </td>
                                <td>
                                    <a class="portal-button portal-button--ghost" href="{{ route('portal.payroll.show', $line->id) }}">{{ trans('portal.payroll.table.view_details') }}</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="portal-pagination">
                <div class="portal-subtle">
                    {{ trans('portal.payroll.pagination_summary', [
                        'from' => $payrollLines->firstItem(),
                        'to' => $payrollLines->lastItem(),
                        'total' => $payrollLines->total(),
                    ]) }}
                </div>
                <div class="portal-actions" style="margin-top: 0;">
                    @if ($payrollLines->previousPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $payrollLines->previousPageUrl() }}">{{ trans('portal.requests.pagination_previous') }}</a>
                    @endif
                    @if ($payrollLines->nextPageUrl())
                        <a class="portal-button portal-button--ghost" href="{{ $payrollLines->nextPageUrl() }}">{{ trans('portal.requests.pagination_next') }}</a>
                    @endif
                </div>
            </div>
        @endif
    </div>
@endsection