@extends('portal.layouts.app')

@php
    $notAvailable = trans('portal.common.not_available');
@endphp

@section('content')
    <div class="portal-grid portal-grid--cards">
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.profile.cards.employee_code') }}</div>
            <div class="portal-stat__value">{{ $employee->code }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.profile.cards.branch') }}</div>
            <div class="portal-stat__value" style="font-size: 22px;">{{ $employee->branch?->name ?? $notAvailable }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.profile.cards.department') }}</div>
            <div class="portal-stat__value" style="font-size: 22px;">{{ $employee->department?->name ?? $notAvailable }}</div>
        </div>
        <div class="portal-card">
            <div class="portal-stat__label">{{ trans('portal.profile.cards.designation') }}</div>
            <div class="portal-stat__value" style="font-size: 22px;">{{ $employee->designation?->name ?? $notAvailable }}</div>
        </div>
    </div>

    <div class="portal-grid" style="margin-top: 18px;">
        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.profile.sections.personal_information') }}</h2>
            <div class="portal-kv-grid">
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.full_name') }}</span>
                    <span class="portal-kv__value">{{ $employee->name }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.email') }}</span>
                    <span class="portal-kv__value">{{ $employee->email ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.phone') }}</span>
                    <span class="portal-kv__value">{{ $employee->phone ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.date_of_birth') }}</span>
                    <span class="portal-kv__value">{{ $employee->date_of_birth?->format('Y-m-d') ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.gender') }}</span>
                    <span class="portal-kv__value">{{ $employee->gender ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.marital_status') }}</span>
                    <span class="portal-kv__value">{{ $employee->marital_status ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.nationality') }}</span>
                    <span class="portal-kv__value">{{ $employee->nationality ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.national_id_number') }}</span>
                    <span class="portal-kv__value">{{ $employee->national_id_number ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.passport_number') }}</span>
                    <span class="portal-kv__value">{{ $employee->passport_number ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.emergency_contact_name') }}</span>
                    <span class="portal-kv__value">{{ $employee->emergency_contact_name ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.emergency_contact_phone') }}</span>
                    <span class="portal-kv__value">{{ $employee->emergency_contact_phone ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv" style="grid-column: 1 / -1;">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.address') }}</span>
                    <span class="portal-kv__value">{{ $employee->address ?? $notAvailable }}</span>
                </div>
            </div>
        </div>

        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.profile.sections.employment_information') }}</h2>
            <div class="portal-kv-grid">
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.hire_date') }}</span>
                    <span class="portal-kv__value">{{ $employee->hire_date?->format('Y-m-d') ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.employment_status') }}</span>
                    <span class="portal-kv__value">{{ $employee->employment_status ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.direct_manager') }}</span>
                    <span class="portal-kv__value">{{ $employee->directManager?->name ?? $notAvailable }}</span>
                </div>
                <div class="portal-kv">
                    <span class="portal-kv__label">{{ trans('portal.profile.fields.grade') }}</span>
                    <span class="portal-kv__value">{{ $employee->grade?->name ?? $notAvailable }}</span>
                </div>
            </div>
        </div>

        <div class="portal-grid portal-grid--cards">
            <div class="portal-card">
                <h2 class="portal-card__title">{{ trans('portal.profile.sections.contract_snapshot') }}</h2>
                <div class="portal-kv-grid">
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.contract_type') }}</span>
                        <span class="portal-kv__value">{{ $currentContract?->contractType?->name ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.contract_number') }}</span>
                        <span class="portal-kv__value">{{ $currentContract?->contract_number ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.contract_status') }}</span>
                        <span class="portal-kv__value">{{ $currentContract?->status ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.contract_dates') }}</span>
                        <span class="portal-kv__value">
                            {{ $currentContract?->start_date?->format('Y-m-d') ?? $notAvailable }}
                            @if ($currentContract?->end_date)
                                - {{ $currentContract->end_date->format('Y-m-d') }}
                            @endif
                        </span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.probation_end_date') }}</span>
                        <span class="portal-kv__value">{{ $currentContract?->probation_end_date?->format('Y-m-d') ?? $notAvailable }}</span>
                    </div>
                </div>
            </div>

            <div class="portal-card">
                <h2 class="portal-card__title">{{ trans('portal.profile.sections.compensation_snapshot') }}</h2>
                <div class="portal-kv-grid">
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.salary') }}</span>
                        <span class="portal-kv__value">{{ $currentSalaryProfile ? number_format((float) $currentSalaryProfile->basic_salary, 2) : $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.payment_method') }}</span>
                        <span class="portal-kv__value">{{ $currentSalaryProfile?->payment_method ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.payroll_cycle') }}</span>
                        <span class="portal-kv__value">{{ $currentSalaryProfile?->payroll_cycle ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.effective_from') }}</span>
                        <span class="portal-kv__value">{{ $currentSalaryProfile?->effective_from?->format('Y-m-d') ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.cost_center') }}</span>
                        <span class="portal-kv__value">{{ $currentSalaryProfile?->costCenter?->name ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.bank_name') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->bank_name ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.branch_name') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->branch_name ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.account_name') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->account_name ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.account_number') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->account_number ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.iban') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->iban ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.swift_code') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->swift_code ?? $notAvailable }}</span>
                    </div>
                    <div class="portal-kv">
                        <span class="portal-kv__label">{{ trans('portal.profile.fields.currency_code') }}</span>
                        <span class="portal-kv__value">{{ $primaryBankAccount?->currency_code ?? $notAvailable }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="portal-card">
            <h2 class="portal-card__title">{{ trans('portal.profile.sections.documents') }}</h2>

            @if ($documents->isEmpty())
                <div class="portal-empty">
                    <h3>{{ trans('portal.profile.no_documents_title') }}</h3>
                    <p>{{ trans('portal.profile.no_documents_description') }}</p>
                </div>
            @else
                <div class="portal-list">
                    @foreach ($documents as $document)
                        <div class="portal-list__item">
                            <div>
                                <div class="portal-list__title">{{ $document->title }}</div>
                                <div class="portal-list__meta">
                                    {{ trans('portal.profile.fields.document_type') }}: {{ $document->document_type ?? $notAvailable }}
                                    @if ($document->document_number)
                                        • {{ trans('portal.profile.fields.document_number') }}: {{ $document->document_number }}
                                    @endif
                                </div>
                            </div>
                            <div class="portal-list__meta">
                                @if ($document->expiry_date)
                                    {{ trans('portal.profile.fields.expiry_date') }}: {{ $document->expiry_date->format('Y-m-d') }}
                                @elseif ($document->issue_date)
                                    {{ trans('portal.profile.fields.issue_date') }}: {{ $document->issue_date->format('Y-m-d') }}
                                @else
                                    {{ $notAvailable }}
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@endsection