@inject('carbon', 'Carbon\Carbon')

<x-layouts.master>
    <x-sections.header-radio-schedule :station="$station" />

    <div class="bg-black">
        <div class="container-1">
            <div class="bg-black py-20">
                @if($schedule->count() === 0)
                    <div class="flex flex-col gap-2 items-center pb-10 text-white">
                        Sorry, there is no schedule data available at present.
                    </div>
                @else
                    <div
                        x-data="{
                            isVisible: false
                        }"
                    >
                        @if(request('type') === 'today')
                            <button
                                class="mx-auto flex flex-col gap-2 items-center link"
                                @click="isVisible = true"
                                x-show="!isVisible"
                                x-cloak
                            >
                                <x-icon name="chevron-up" size="1.2em" />
                                Show earlier
                            </button>
                        @endif

                        <div class="container-1 space-y-16 sm:space-y-8 pt-10 min-h-[500px]">
                            @foreach($schedule as $key => $item)
                                @php($is_live = \Carbon\Carbon::now()->between($item->startsAt(),$item->endsAt()))
                                @php($toggle_show_earlier = request('type') === 'today' && now()->gt($schedule[($key<count($schedule)-1?($key+1):$key)]->endsAt()) )

                                <x-cards.schedule
                                    x-show="{{$toggle_show_earlier?'isVisible':'true'}}"
                                    x-cloak
                                    
                                    :href="$is_live
                                        ? route('stations.show', ['station' => $station->slug])
                                        : $item->getBrand()?->getUrl()
                                    "
                                    :is-live="$is_live"
                                    :sub-title="$item->startsAt()->format('H:i')"
                                    :title="$item->getTitleWithoutAuthor()"
                                    :author="$item->getAuthor()"
                                    :thumbnail_image="$item->getBrand()?->getThumbnail() ?? $station->getThumbnail()"
                                    :description="(!is_array($item->getDescription())) ? $item->getDescription() : ''"
                                />
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <x-sections.footer />
</x-layouts.master>