@extends('portal.layouts.app')

@php
    $period = $line->payrollRun?->payrollPeriod;
    $periodLabel = $period
        ? \Carbon\Carbon::create($period->period_year, $period->period_month)->format('F Y')
        : trans('portal.common.not_available');
    $earnings = $line->lineItems->where('item_type', 'earning');
    $deductions = $line->lineItems->where('item_type', 'deduction');
@endphp

@section('content')
    <div class="portal-actions" style="margin-bottom: 18px;">
        <a class="portal-button portal-button--ghost" href="{{ route('portal.payroll') }}">{{ trans('portal.payroll.back_to_payroll') }}</a>
    </div>

    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_basic') }}</div>
            <div class="portal-stat__value">{{ number_format((float) $line->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">{{ number_format((float) $line->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">{{ number_format((float) $line->total_deductions, 2) }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.payroll.cards.latest_net') }}</div>
            <div class="portal-stat__value">{{ number_format((float) $line->net_salary, 2) }}</div>
        </div>
    </div>

    <div class="portal-grid" style="margin-top: 18px;">
        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.payroll.detail.overview_title') }}</h2>
            <div class="portal-kv-grid">
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.payroll.detail.period') }}</span>
                    <span class="portal-kv__value">{{ $periodLabel }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.payroll.detail.run_code') }}</span>
                    <span class="portal-kv__value">{{ $line->payrollRun?->code ?? trans('portal.common.not_available') }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.payroll.detail.status') }}</span>
                    <span class="portal-kv__value">
                        <span class="portal-badge portal-badge--{{ in_array($line->status, ['paid', 'approved']) ? 'approved' : 'pending' }}">
                            {{ ucfirst($line->status ?? '') }}
                        </span>
                    </span>
                </div>
                @if ($line->notes)
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.payroll.detail.notes') }}</span>
                        <span class="portal-kv__value">{{ $line->notes }}</span>
                    </div>
                @endif
            </div>
        </div>
    </div>

    @if ($earnings->isNotEmpty())
        <div class="portal-card" style="margin-top: 18px;">
            <h2 class="portal-card__title">{{ trans('portal.payroll.detail.earnings_title') }}</h2>
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.payroll.detail.item_name') }}</th>
                            <th>{{ trans('portal.payroll.detail.item_category') }}</th>
                            <th>{{ trans('portal.payroll.detail.quantity') }}</th>
                            <th>{{ trans('portal.payroll.detail.rate') }}</th>
                            <th>{{ trans('portal.payroll.detail.amount') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($earnings as $item)
                            <tr>
                                <td>{{ $item->name }}</td>
                                <td class="portal-subtle">{{ $item->item_category ?? '—' }}</td>
                                <td>{{ $item->quantity != 1 ? number_format((float) $item->quantity, 2) : '—' }}</td>
                                <td>{{ $item->rate ? number_format((float) $item->rate, 2) : '—' }}</td>
                                <td><strong>{{ number_format((float) $item->amount, 2) }}</strong></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if ($deductions->isNotEmpty())
        <div class="portal-card" style="margin-top: 18px;">
            <h2 class="portal-card__title">{{ trans('portal.payroll.detail.deductions_title') }}</h2>
            <div class="portal-table-wrap">
                <table class="portal-table">
                    <thead>
                        <tr>
                            <th>{{ trans('portal.payroll.detail.item_name') }}</th>
                            <th>{{ trans('portal.payroll.detail.item_category') }}</th>
                            <th>{{ trans('portal.payroll.detail.quantity') }}</th>
                            <th>{{ trans('portal.payroll.detail.rate') }}</th>
                            <th>{{ trans('portal.payroll.detail.amount') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($deductions as $item)
                            <tr>
                                <td>{{ $item->name }}</td>
                                <td class="portal-subtle">{{ $item->item_category ?? '—' }}</td>
                                <td>{{ $item->quantity != 1 ? number_format((float) $item->quantity, 2) : '—' }}</td>
                                <td>{{ $item->rate ? number_format((float) $item->rate, 2) : '—' }}</td>
                                <td><strong>{{ number_format((float) $item->amount, 2) }}</strong></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if ($earnings->isEmpty() && $deductions->isEmpty())
        <div class="portal-card" style="margin-top: 18px;">
            <div class="portal-empty">
                <h3>{{ trans('portal.payroll.detail.no_items_title') }}</h3>
                <p>{{ trans('portal.payroll.detail.no_items_description') }}</p>
            </div>
        </div>
    @endif
@endsection