@php
    $selfService = $selfService ?? false;
@endphp

<x-app-layout>
    <x-slot name="actions">
        @if (! $selfService)
            @can('update', $employee)
                <a href="{{ route('hr.employees.edit', $employee) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
            @endcan
        @endif
        <a href="{{ route('hr.payslips.index') }}" class="btn btn-outline-secondary btn-sm">Payslips</a>
        <a href="{{ route('hr.leaves.index') }}" class="btn btn-outline-secondary btn-sm">Leaves</a>
    </x-slot>

    <div class="row g-3">
        <div class="col-lg-5">
            <div class="card app-card mb-3">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start gap-2 mb-3">
                        <div>
                            <div class="text-secondary small">{{ $employee->employee_code }}</div>
                            <h2 class="h4 mb-0">{{ $employee->full_name }}</h2>
                            <div class="text-secondary">{{ $employee->designation ?: '—' }}</div>
                        </div>
                        <span class="badge {{ $employee->status->badgeClass() }}">{{ $employee->status->label() }}</span>
                    </div>
                    <dl class="row mb-0 small">
                        <dt class="col-sm-5">Joined</dt>
                        <dd class="col-sm-7">{{ $employee->joining_date?->format('d M Y') }}</dd>
                        <dt class="col-sm-5">Login</dt>
                        <dd class="col-sm-7">{{ $employee->user?->email ?: 'Not linked' }}</dd>
                        <dt class="col-sm-5">PAN</dt>
                        <dd class="col-sm-7">{{ $employee->pan_no ?: '—' }}</dd>
                        <dt class="col-sm-5">Bank</dt>
                        <dd class="col-sm-7">{{ $employee->bank_account_no ?: '—' }}</dd>
                        <dt class="col-sm-5">IFSC</dt>
                        <dd class="col-sm-7">{{ $employee->ifsc_code ?: '—' }}</dd>
                        <dt class="col-sm-5">Basic</dt>
                        <dd class="col-sm-7">{{ money($employee->basic_salary) }}</dd>
                        <dt class="col-sm-5">Allowances</dt>
                        <dd class="col-sm-7">{{ money($employee->allowances) }}</dd>
                    </dl>
                </div>
            </div>
            @if (! $selfService)
                @can('delete', $employee)
                    <form method="POST" action="{{ route('hr.employees.destroy', $employee) }}" onsubmit="return confirm('Delete this employee record?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-outline-danger w-100" type="submit">Delete employee</button>
                    </form>
                @endcan
            @endif
        </div>
        <div class="col-lg-7">
            <div class="card app-card mb-3">
                <div class="card-header bg-white fw-semibold">Leave quota {{ $year }}</div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col">
                            <div class="text-secondary small">Quota</div>
                            <div class="h4 mb-0">{{ $employee->annual_leave_quota }}</div>
                        </div>
                        <div class="col">
                            <div class="text-secondary small">Approved</div>
                            <div class="h4 mb-0">{{ $approvedDays }}</div>
                        </div>
                        <div class="col">
                            <div class="text-secondary small">Pending</div>
                            <div class="h4 mb-0">{{ $pendingDays }}</div>
                        </div>
                        <div class="col">
                            <div class="text-secondary small">Remaining</div>
                            <div class="h4 mb-0">{{ $remainingDays }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card app-card">
                <div class="card-header bg-white fw-semibold">Recent payslips</div>
                <div class="list-group list-group-flush">
                    @forelse ($employee->payrolls as $payroll)
                        <a href="{{ auth()->user()->can('hr.payroll') ? route('hr.payroll.show', $payroll) : route('hr.payslips.print', $payroll) }}" class="list-group-item list-group-item-action d-flex justify-content-between">
                            <span>{{ $payroll->periodLabel() }}</span>
                            <span>
                                {{ money($payroll->net_salary) }}
                                <span class="badge {{ $payroll->payment_status->badgeClass() }}">{{ $payroll->payment_status->label() }}</span>
                            </span>
                        </a>
                    @empty
                        <div class="list-group-item text-secondary">No payslips yet.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</x-app-layout>