@extends('dashboard.admin.layouts.master')

@section('content')
    @php($statusClasses = ['draft' => 'badge-light-secondary', 'processed' => 'badge-light-info', 'approved' => 'badge-light-primary', 'posted' => 'badge-light-warning', 'paid' => 'badge-light-success'])
    @php($paymentStatusClasses = ['unpaid' => 'badge-light-danger', 'partially_paid' => 'badge-light-warning', 'paid' => 'badge-light-success'])
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('hr.payroll_module.titles.run_details') }}</h1>
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.dashboard.hr.payroll.approvals.show', $payrollRun) }}" class="btn btn-sm btn-light-primary">{{ trans('hr.payroll_module.titles.approvals') }}</a>
                    <a href="{{ route('admin.dashboard.hr.payroll.runs.index') }}" class="btn btn-sm btn-secondary">{{ trans('hr.payroll_module.buttons.back') }}</a>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="row g-5 mb-7">
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h3 class="fw-bold mb-4">{{ trans('hr.payroll_module.labels.summary') }}</h3>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.code') }}:</span> {{ $payrollRun->code }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.period') }}:</span> {{ $payrollRun->payrollPeriod?->code ?? '-' }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.branch') }}:</span> {{ $payrollRun->branch?->name ?? '-' }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.run_type') }}:</span> {{ trans('hr.payroll_module.statuses.' . $payrollRun->run_type) }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.posting_profile') }}:</span> {{ $payrollRun->payrollPostingProfile?->name ?? '-' }}</div>
                                <div class="mb-0"><span class="text-muted">{{ trans('hr.payroll_module.labels.notes') }}:</span> {{ $payrollRun->notes ?: '-' }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h3 class="fw-bold mb-4">{{ trans('hr.payroll_module.labels.status') }}</h3>
                                <div class="mb-3"><span class="badge {{ $statusClasses[$payrollRun->status] ?? 'badge-light-secondary' }}">{{ trans('hr.payroll_module.statuses.' . $payrollRun->status) }}</span></div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.payment_status') }}:</span> <span class="badge {{ $paymentStatusClasses[$payrollRun->payment_status] ?? 'badge-light-secondary' }}">{{ trans('hr.payroll_module.statuses.' . $payrollRun->payment_status) }}</span></div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.lines_count') }}:</span> {{ $payrollRun->lines->count() }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.total_earnings') }}:</span> {{ number_format((float) $payrollRun->lines->sum('total_earnings'), 2) }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.total_deductions') }}:</span> {{ number_format((float) $payrollRun->lines->sum('total_deductions'), 2) }}</div>
                                <div class="mb-0"><span class="text-muted">{{ trans('hr.payroll_module.labels.net_salary') }}:</span> {{ number_format((float) $payrollRun->lines->sum('net_salary'), 2) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <h3 class="fw-bold mb-4">{{ trans('hr.payroll_module.labels.timeline') }}</h3>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.processed_at') }}:</span> {{ optional($payrollRun->processed_at)->format('Y-m-d H:i') ?? '-' }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.approved_at') }}:</span> {{ optional($payrollRun->approved_at)->format('Y-m-d H:i') ?? '-' }}</div>
                                <div class="mb-3"><span class="text-muted">{{ trans('hr.payroll_module.labels.posted_at') }}:</span> {{ optional($payrollRun->posted_at)->format('Y-m-d H:i') ?? '-' }}</div>
                                <div class="mb-0"><span class="text-muted">{{ trans('hr.payroll_module.labels.paid_at') }}:</span> {{ optional($payrollRun->paid_at)->format('Y-m-d H:i') ?? '-' }}</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{ trans('hr.payroll_module.labels.line_items') }}</h3>
                    </div>
                    <div class="card-body py-4">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5">
                                <thead>
                                <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                    <th>{{ trans('hr.payroll_module.labels.employee') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.salary_profile') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.cost_center') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.line_items') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.basic_salary') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.total_earnings') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.total_deductions') }}</th>
                                    <th>{{ trans('hr.payroll_module.labels.net_salary') }}</th>
                                </tr>
                                </thead>
                                <tbody class="text-gray-600 fw-semibold">
                                @forelse($payrollRun->lines as $line)
                                    <tr>
                                        <td>{{ $line->employee?->code ?? '-' }}<div class="text-muted small">{{ $line->employee?->name ?? '-' }}</div></td>
                                        <td>{{ $line->salaryProfile?->salary_code ?? '-' }}</td>
                                        <td>{{ $line->costCenter?->name ?? '-' }}</td>
                                        <td>
                                            @forelse($line->lineItems as $item)
                                                <div class="border rounded p-3 mb-2 bg-light">
                                                    <div class="fw-bold">{{ $item->name }}</div>
                                                    <div class="text-muted small">{{ trans('hr.payroll_module.labels.item_type') }}: {{ $item->item_type }} | {{ trans('hr.payroll_module.labels.item_category') }}: {{ $item->item_category }}</div>
                                                    <div class="text-muted small">{{ trans('hr.payroll_module.labels.quantity') }}: {{ number_format((float) $item->quantity, 2) }} | {{ trans('hr.payroll_module.labels.rate') }}: {{ number_format((float) $item->rate, 2) }} | {{ trans('hr.payroll_module.labels.amount') }}: {{ number_format((float) $item->amount, 2) }} | {{ trans('hr.payroll_module.labels.affects_net_salary') }}: {{ trans('hr.payroll_module.statuses.' . ($item->affects_net_salary ? 'yes' : 'no')) }}</div>
                                                </div>
                                            @empty
                                                <span class="text-muted">{{ trans('hr.payroll_module.empty.line_items') }}</span>
                                            @endforelse
                                        </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>{{ number_format((float) $line->net_salary, 2) }}</td>
                                    </tr>
                                @empty
                                    <tr><td colspan="8" class="text-center py-10">{{ trans('hr.payroll_module.empty.lines') }}</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection