@props([
    'attraction' => null,
    'singleRiderAvailable' => null,
    'priorityAccessName' => null,
    'singleRiderWait' => null,
    'size' => 'default',
    'showLabels' => false,
])

@php
    $hasSingleRider = $singleRiderAvailable;
    if ($hasSingleRider === null && $attraction) {
        $hasSingleRider = (bool) data_get($attraction, 'single_rider_available');
    }

    $priorityName = $priorityAccessName;
    if ($priorityName === null && $attraction) {
        $priorityName = data_get($attraction, 'priority_access_name');
    }

    $hasSingleRider = (bool) $hasSingleRider || $singleRiderWait !== null;
    $priorityName = filled($priorityName) ? trim((string) $priorityName) : null;
    $hasPriorityAccess = $priorityName !== null;

    $singleRiderLabel = $singleRiderWait !== null
        ? __('ui.special_queue_single_rider').': '.$singleRiderWait.' min'
        : __('ui.special_queue_single_rider').': '.__('ui.special_queue_available');

    $priorityLabel = $hasPriorityAccess
        ? __('ui.special_queue_priority').': '.$priorityName
        : null;
@endphp

@if($hasSingleRider || $hasPriorityAccess)
    <span {{ $attributes->class([
        'ride-queue-badges',
        'ride-queue-badges--'.$size,
        'ride-queue-badges--labels' => $showLabels,
    ]) }}>
        @if($hasSingleRider)
            <span class="ride-queue-badge" title="{{ $singleRiderLabel }}" aria-label="{{ $singleRiderLabel }}">
                <img src="{{ asset('images/queue-badges/single-rider.png') }}" alt="" loading="lazy" decoding="async">
                @if($showLabels)
                    <span class="ride-queue-badge__text">{{ __('ui.special_queue_single_rider') }}</span>
                    @if($singleRiderWait !== null)
                        <small>{{ $singleRiderWait }} min</small>
                    @endif
                @endif
            </span>
        @endif

        @if($hasPriorityAccess)
            <span class="ride-queue-badge" title="{{ $priorityLabel }}" aria-label="{{ $priorityLabel }}">
                <img src="{{ asset('images/queue-badges/priority-access.png') }}" alt="" loading="lazy" decoding="async">
                @if($showLabels)
                    <span class="ride-queue-badge__text">{{ $priorityName }}</span>
                @endif
            </span>
        @endif
    </span>
@endif