@extends('layouts.app')

@section('title', "Staff Profile — {$employee->full_name}")

@push('styles')
<style>
    .profile-hero { display: flex; align-items: center; gap: 18px; }
    .profile-hero .avatar-lg { width: 72px; height: 72px; border-radius: 50%; background: #e0f2fe; color: #0369a1; font-size: 1.6rem; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .profile-hero .avatar-lg.inactive { background: #f1f5f9; color: #94a3b8; }
    .facts { display: grid; grid-template-columns: minmax(130px, 40%) 1fr; row-gap: 8px; column-gap: 12px; font-size: .88rem; margin: 0; }
    .facts dt { color: var(--ink-soft); font-weight: 500; }
    .facts dd { margin: 0; font-weight: 500; word-break: break-word; }
    .pay-total { border-top: 1px dashed var(--line); padding-top: 8px; margin-top: 4px; }
    @media print {
        .panel { break-inside: avoid; border-color: #d1d5db !important; box-shadow: none !important; }
        .col-print-6 { flex: 0 0 auto; width: 50%; }
    }
</style>
@endpush

@php
    $fact = fn ($v) => $v !== null && $v !== '' ? $v : '—';
    $date = fn ($d) => $d ? $d->format('M d, Y') : '—';
    $tenure = $employee->date_hired ? $employee->date_hired->diffForHumans(($employee->termination_date ?? today()), ['parts' => 2, 'syntax' => \Carbon\CarbonInterface::DIFF_ABSOLUTE]) : null;
@endphp

@section('content')
<div class="page-header no-print">
    <div>
        <div class="eyebrow"><a href="{{ route('hotel.personnel.index') }}" class="text-reset text-decoration-none"><i class="bi bi-arrow-left me-1"></i>Personnel</a></div>
        <h1>Staff Profile</h1>
    </div>
    <button type="button" class="btn btn-outline-secondary" onclick="window.print()"><i class="bi bi-printer me-1"></i> Print / Save PDF</button>
</div>

<div class="print-only mb-3">
    <div class="d-flex justify-content-between border-bottom pb-2">
        <div><strong>{{ $company->company_name ?? '' }}</strong><div class="small text-muted">Staff Profile</div></div>
        <div class="small text-muted text-end">Printed {{ now()->format('M d, Y g:i A') }}</div>
    </div>
</div>

<section class="panel mb-4">
    <div class="panel-body">
        <div class="d-flex flex-wrap justify-content-between gap-3 align-items-center">
            <div class="profile-hero">
                <span class="avatar-lg {{ $employee->isActive() ? '' : 'inactive' }}" aria-hidden="true">{{ $employee->initials() }}</span>
                <div>
                    <h2 class="h4 fw-bold mb-1">{{ $employee->full_name }}</h2>
                    <div class="text-muted">{{ $employee->job_title ?: $employee->typeLabel() }} · {{ $employee->department }}@if ($employee->branch) · {{ $employee->branch->branch_name }}@endif</div>
                </div>
            </div>
            <div class="text-end">
                @if ($employee->isActive())
                    <span class="status-pill pill-available">Active</span>
                @else
                    <span class="status-pill pill-neutral">Inactive</span>
                @endif
                @if ($employee->staff_no)<div class="small text-muted mt-1">Staff no. <strong class="text-body">{{ $employee->staff_no }}</strong></div>@endif
                @if ($tenure)<div class="small text-muted">{{ $employee->isActive() ? 'With us' : 'Served' }} {{ $tenure }}</div>@endif
            </div>
        </div>
    </div>
</section>

<div class="row g-4">
    <div class="col-lg-6 col-print-6">
        <section class="panel h-100">
            <div class="panel-header"><h2><i class="bi bi-person me-1 text-primary"></i> Personal details</h2></div>
            <div class="panel-body">
                <dl class="facts">
                    <dt>Gender</dt><dd>{{ $fact($employee->gender) }}</dd>
                    <dt>Date of birth</dt><dd>{{ $date($employee->date_of_birth) }}@if ($employee->date_of_birth) <span class="text-muted fw-normal">({{ $employee->date_of_birth->age }})</span>@endif</dd>
                    <dt>Marital status</dt><dd>{{ $fact($employee->marital_status) }}</dd>
                    <dt>Phone</dt><dd>{{ $fact($employee->phone) }}</dd>
                    <dt>Email</dt><dd>{{ $fact($employee->email) }}</dd>
                    <dt>Address</dt><dd>{{ $fact($employee->address) }}</dd>
                    <dt>National ID</dt><dd>{{ $fact($employee->national_id) }}</dd>
                </dl>
            </div>
        </section>
    </div>
    <div class="col-lg-6 col-print-6">
        <section class="panel h-100">
            <div class="panel-header"><h2><i class="bi bi-briefcase me-1 text-primary"></i> Employment</h2></div>
            <div class="panel-body">
                <dl class="facts">
                    <dt>Department</dt><dd>{{ $employee->department }}</dd>
                    <dt>Reports to</dt><dd>@if ($employee->supervisor)<a href="{{ route('hotel.personnel.show', $employee->supervisor) }}" class="text-reset">{{ $employee->supervisor->full_name }}</a>@else — @endif</dd>
                    <dt>Employment type</dt><dd>{{ $employee->typeLabel() }}</dd>
                    <dt>Date hired</dt><dd>{{ $date($employee->date_hired) }}</dd>
                    <dt>Probation ends</dt><dd>{{ $date($employee->probation_end_date) }}@if ($employee->isActive() && $employee->probation_end_date?->gte(today())) <span class="status-pill pill-reserved ms-1">On probation</span>@endif</dd>
                    @unless ($employee->isActive())
                        <dt>Last working day</dt><dd>{{ $date($employee->termination_date) }}</dd>
                        <dt>Reason for leaving</dt><dd>{{ $fact($employee->termination_reason) }}</dd>
                    @endunless
                    <dt>Direct reports</dt>
                    <dd>
                        @forelse ($reports as $r)
                            <a href="{{ route('hotel.personnel.show', $r) }}" class="text-reset">{{ $r->full_name }}</a>@if (!$loop->last), @endif
                        @empty
                            —
                        @endforelse
                    </dd>
                </dl>
            </div>
        </section>
    </div>
    <div class="col-lg-6 col-print-6">
        <section class="panel h-100">
            <div class="panel-header"><h2><i class="bi bi-cash-coin me-1 text-primary"></i> Monthly pay &amp; bank</h2></div>
            <div class="panel-body">
                <dl class="facts">
                    @foreach ($pay->get('earning', collect()) as $p)
                        <dt>{{ $p['item']->name }}@unless ($p['item']->is_active) <span class="small text-muted">(inactive)</span>@endunless</dt><dd class="money">₦{{ number_format($p['amount'], 2) }}</dd>
                    @endforeach
                    <dt class="pay-total text-body fw-semibold">Gross pay</dt><dd class="pay-total money fw-bold text-success">₦{{ number_format($employee->grossPay(), 2) }}</dd>
                    @foreach ($pay->get('deduction', collect())->filter(fn ($p) => $p['amount'] != 0) as $p)
                        <dt>Less {{ $p['item']->name }}@unless ($p['item']->is_active) <span class="small text-muted">(inactive)</span>@endunless</dt><dd class="money">−₦{{ number_format($p['amount'], 2) }}</dd>
                    @endforeach
                    <dt>Bank</dt><dd>{{ $fact($employee->bank_name) }}</dd>
                    <dt>Account number</dt><dd>{{ $fact($employee->account_number) }}</dd>
                </dl>
            </div>
        </section>
    </div>
    <div class="col-lg-6 col-print-6">
        <section class="panel h-100">
            <div class="panel-header"><h2><i class="bi bi-telephone-plus me-1 text-primary"></i> Emergency contact / next of kin</h2></div>
            <div class="panel-body">
                <dl class="facts">
                    <dt>Name</dt><dd>{{ $fact($employee->next_of_kin_name) }}</dd>
                    <dt>Phone</dt><dd>{{ $fact($employee->next_of_kin_phone) }}</dd>
                    <dt>Relationship</dt><dd>{{ $fact($employee->next_of_kin_relationship) }}</dd>
                </dl>
            </div>
        </section>
    </div>

    @if ($canPayroll)
        <div class="col-12 no-print">
            <section class="panel">
                <div class="panel-header">
                    <div><h2><i class="bi bi-wallet2 me-1 text-primary"></i> Payslips</h2><p>The last 12 posted payroll runs this employee was paid in.</p></div>
                </div>
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead><tr><th>Period</th><th>Pay date</th><th class="text-end">Gross</th><th class="text-end">Deductions</th><th class="text-end">Net pay</th><th class="text-end">Payslip</th></tr></thead>
                        <tbody>
                            @forelse ($payslips as $p)
                                <tr>
                                    <td class="fw-semibold">{{ $p->run->periodLabel() }}</td>
                                    <td class="small text-muted">{{ $p->run->pay_date->format('M d, Y') }}</td>
                                    <td class="text-end money">₦{{ number_format((float) $p->gross_pay, 2) }}</td>
                                    <td class="text-end money text-muted">₦{{ number_format($p->totalDeductions(), 2) }}</td>
                                    <td class="text-end money fw-semibold">₦{{ number_format((float) $p->net_pay, 2) }}</td>
                                    <td class="text-end"><a href="{{ route('hotel.payroll.payslip', $p) }}" class="btn btn-sm btn-light border" aria-label="Payslip for {{ $p->run->periodLabel() }}"><i class="bi bi-file-earmark-text"></i></a></td>
                                </tr>
                            @empty
                                <tr><td colspan="6"><div class="empty-state"><i class="bi bi-wallet2"></i>No posted payslips yet.</div></td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    @endif
</div>
@endsection