@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.approval_details') }}</h1>
                </div>
                <a href="{{ route('admin.dashboard.hr.payroll.approvals.index') }}" class="btn btn-sm btn-secondary">{{ trans('hr.payroll_module.buttons.back') }}</a>
            </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">
                    <div class="col-lg-8">
                        <div class="card mb-5">
                            <div class="card-body">
                                <div class="row g-5">
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.code') }}</div><div class="fw-bold">{{ $payrollRun->code }}</div></div>
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.period') }}</div><div class="fw-bold">{{ $payrollRun->payrollPeriod?->code ?? '-' }}</div></div>
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.branch') }}</div><div class="fw-bold">{{ $payrollRun->branch?->name ?? '-' }}</div></div>
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.status') }}</div><div><span class="badge {{ $statusClasses[$payrollRun->status] ?? 'badge-light-secondary' }}">{{ trans('hr.payroll_module.statuses.' . $payrollRun->status) }}</span></div></div>
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.payment_status') }}</div><div><span class="badge {{ $paymentStatusClasses[$payrollRun->payment_status] ?? 'badge-light-secondary' }}">{{ trans('hr.payroll_module.statuses.' . $payrollRun->payment_status) }}</span></div></div>
                                    <div class="col-md-4"><div class="text-muted">{{ trans('hr.payroll_module.labels.lines_count') }}</div><div class="fw-bold">{{ $payrollRun->lines->count() }}</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.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>{{ 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="5" class="text-center py-10">{{ trans('hr.payroll_module.empty.lines') }}</td></tr>
                                        @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-header"><h3 class="card-title">{{ trans('hr.payroll_module.titles.approvals') }}</h3></div>
                            <div class="card-body">
                                <form action="{{ route('admin.dashboard.hr.payroll.approvals.update', $payrollRun) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="mb-5">
                                        <label class="required form-label">{{ trans('hr.payroll_validation.action') }}</label>
                                        <select name="action" class="form-select @error('action') is-invalid @enderror" required>
                                            <option value="approve" @selected(old('action') === 'approve')>{{ trans('hr.payroll_module.buttons.approve') }}</option>
                                            <option value="reject" @selected(old('action') === 'reject')>{{ trans('hr.payroll_module.buttons.reject') }}</option>
                                        </select>
                                        @error('action')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-5">
                                        <label class="form-label">{{ trans('hr.payroll_module.labels.notes') }}</label>
                                        <textarea name="notes" rows="4" class="form-control @error('notes') is-invalid @enderror">{{ old('notes', $payrollRun->notes) }}</textarea>
                                        @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <button type="submit" class="btn btn-primary w-100">{{ trans('hr.payroll_module.buttons.save') }}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection