@php
    $isShowTicket = isset($ticket) && ! empty($ticket) && is_array($ticket);
    $isShowDirectByLink = isset($showDirectByLink) ? $showDirectByLink : ($isShowTicket && empty($ticket['benefits']));
    // Generate a unique ID for the Book Now button (modal vs normal card)
    $bookNowButtonId = $isShowTicket ? 'book-now-btn-' . $ticket['id'] . ($isShowDirectByLink ? '-modal' : '') : null;
@endphp

@if ($isShowTicket)

    <div class="w-100 h-100 text-center border border-1 border-primary p-1 tickets d-flex flex-column">
        <div class="bg-primary text-white fw-bold p-2 d-flex flex-column justify-content-between" style="min-height: 100px;">
            <span class="ticket-name d-flex justify-content-center align-items-center flex-grow-1">
                {{ $ticket['name_with_details']['ticket_name'] }}
            </span>

            @if ($ticket['name_with_details']['location'])
                <span class="fs-14 d-block event-ticket-location mt-auto">
                    {{ $ticket['name_with_details']['location'] }}
                </span>
            @endif
        </div>

        <div class="py-2 px-0 flex-grow-1 d-flex flex-column">
            @if (! empty($ticket['new_price']) && $ticket['new_price']['amount'] > 0)
                @if ($ticket['new_price']['amount'] != $ticket['current_price']['amount'])
                    <div class="old-price text-secondary lh-xs mb-2 text-center">
                        <span class="fs-15 d-block mb-1">{{ __('app.tickets.Full Price') }}</span>
                        <div class="fs-24 text-decoration-line-through-with-angle mt-n2 lh-sm mx-auto">
                            <span class="fs-20">{{ $ticket['new_price']['currency_symbol'] }}</span>
                            <span class="fs-24">{{ number_format($ticket['new_price']['amount']) }}</span>
                        </div>
                        <div class="fs-24 text-decoration-line-through-with-angle mt-n2 lh-sm mx-auto">
                            <span class="fs-20">{{ $ticket['new_price']['all_prices']['usd_amount']['currency_symbol'] }}</span>
                            <span class="fs-24">{{ number_format($ticket['new_price']['all_prices']['usd_amount']['amount']) }}</span>
                        </div>
                    </div>
                @endif

                <div class="current-price lh-xs mb-2">
                    <div class="text-event-color fs-15 fw-bold d-block mb-1">{{ __('app.tickets.Sale Price') }}</div>
                    <div class="text-primary mt-n2 lh-sm">
                        <span class="fs-20">{{ $ticket['current_price']['currency_symbol'] }}</span>
                        <span class="fs-28 fw-bold">{{ number_format($ticket['current_price']['amount']) }}</span>
                    </div>
                    <div class="text-primary mt-n2 lh-sm">
                        <span class="fs-20">{{ $ticket['current_price']['all_prices']['usd_amount']['currency_symbol'] }}</span>
                        <span class="fs-28 fw-bold">{{ number_format($ticket['current_price']['all_prices']['usd_amount']['amount']) }}</span>
                    </div>
                </div>
            @else
                <div class="free-price d-flex justify-content-center align-items-center flex-grow-1">
                    <span class="fs-28 fw-bold text-primary">FREE</span>
                </div>
            @endif

            <div class="buttom-section mt-auto">
                @if ($isShowDirectByLink)
                    <div class="px-2">
                        @if ($ticket['status'] == 'active')
                            <a id="{{ $bookNowButtonId }}" href="{{ $ticket['buy_link'] }}" target="_blank" class="btn btn-primary bg-event-color border-event-color shadow-none text-uppercase fw-bold rounded-0 py-1 fs-14 w-100">
                                {{ __('app.tickets.Book Now') }}
                            </a>
                        @else
                            <div class="mb-1 px-2">
                                <button class="btn btn-secondary bg-secondary border-secondary shadow-none text-uppercase fw-bold rounded-0 py-1 fs-14 w-100" disabled>
                                    {{ __('app.tickets.Sold Out') }}
                                </button>
                            </div>
                        @endif
                    </div>
                @else
                    <div class="mb-1 px-2">
                        @if ($ticket['status'] == 'active')
                            <a id="{{ $bookNowButtonId }}" href="{{ $ticket['buy_link'] }}" target="_blank" class="btn btn-primary bg-event-color border-event-color shadow-none text-uppercase fw-bold rounded-0 py-1 fs-14 w-100">
                                {{ __('app.tickets.Book Now') }}
                            </a>
                        @else
                            <div class="mb-1 px-2">
                                <button class="btn btn-secondary bg-secondary border-secondary shadow-none text-uppercase fw-bold rounded-0 py-1 fs-14 w-100" disabled>
                                    {{ __('app.tickets.Sold Out') }}
                                </button>
                            </div>
                        @endif
                    </div>
                    <div>
                        <a href="#" class="text-primary fw-bold text-decoration-underline fs-13" data-bs-toggle="modal" data-bs-target="#ticketCardModal{{ $ticket['id'] }}">
                            {{ __('app.tickets.whats included') }}
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>

@endif