@php
    $breadcrumbs = [
        ['label' => __('common.home'), 'url' => route('dashboard.index')],
        ['label' => __('common.hr')],
        ['label' => __('recruitment.offer_letters.title'), 'url' => route('hr.recruitment.offer-letters.index')],
        ['label' => $offer->reference_code],
    ];
@endphp

<x-ui.layout.page
    :title="$offer->reference_code"
    :subtitle="__('recruitment.offer_letters.show_subtitle')"
    page-icon="fe fe-mail"
    :breadcrumbs="$breadcrumbs"
>
    <x-slot:actions>
        <x-ui.buttons.secondary :href="route('hr.recruitment.offer-letters.index')" icon="fe fe-arrow-left">
            {{ __('common.back') }}
        </x-ui.buttons.secondary>
    </x-slot:actions>

    <x-ui.operational.detail-shell>
        <x-slot:timeline>
            <x-ui.operational.workflow-timeline :steps="$timelineSteps" />
        </x-slot:timeline>

        <x-slot:status>
            <x-ui.operational.status-badge
                :label="__('recruitment.offer_letters.status.'.$offer->status)"
                variant="neutral"
            />
        </x-slot:status>

        <x-slot:actions>
            @include('pages.hr.recruitment.offer-letters._actions', ['offer' => $offer])
        </x-slot:actions>

        @include('pages.hr.recruitment.offer-letters._details', ['offer' => $offer])
    </x-ui.operational.detail-shell>
</x-ui.layout.page>
