@php
    $jobId = $job->id ?? null;
    $isSaved = Auth::check() && $jobId ? Auth::user()->hasSavedJob($jobId) : false;
    $variant = isset($variant) ? $variant : 'full';
    $isCompact = $variant === 'compact';
    $buttonClasses = isset($classes)
        ? $classes
        : ($isCompact
            ? 'save-job-button save-job-compact d-inline-flex align-items-center justify-content-center m-0'
            : 'btn btn-outline-primary btn-block d-flex align-items-center justify-content-center mb-0 save-job-full');
    $saveLabel = __('Save job');
    $savedLabel = __('Saved');
@endphp

@if($jobId)
    <button
        type="button"
        class="{{$buttonClasses}} js-save-job-button {{$isSaved ? 'active is-saved' : ''}}"
        data-job-id="{{$jobId}}"
        data-saved="{{$isSaved ? '1' : '0'}}"
        data-save-label="{{$saveLabel}}"
        data-unsave-label="{{$savedLabel}}"
        title="{{$isSaved ? $savedLabel : $saveLabel}}"
        aria-label="{{$isSaved ? $savedLabel : $saveLabel}}"
    >
        <span class="js-save-job-icon-save {{$isSaved ? 'd-none' : ''}}">
            @include('elements.icon', ['icon' => 'bookmark-outline', 'variant' => 'small', 'centered' => false])
        </span>
        <span class="js-save-job-icon-saved {{$isSaved ? '' : 'd-none'}}">
            @include('elements.icon', ['icon' => 'bookmark', 'variant' => 'small', 'centered' => false])
        </span>
        <span class="js-save-job-label {{$isCompact ? 'sr-only' : 'ml-1'}}">{{$isSaved ? $savedLabel : $saveLabel}}</span>
    </button>
@endif