@extends('layouts.app')

@section('title', 'Programme Schedule')
@section('meta_description', 'AIT Broadcasting Network full TV and Radio programme schedule')

@section('content')
<div class="px-6 py-4">
    <div class="grid grid-cols-[1fr_280px] gap-5">

        {{-- MAIN COLUMN --}}
        <div>

            {{-- PAGE HEADER --}}
            <div class="bg-white border border-[#e2e2dc] rounded overflow-hidden mb-5">
                <div class="p-5 border-l-4 border-[#0a3828]">
                    <div class="text-xs font-bold text-[#0a3828] tracking-widest uppercase mb-1">Media</div>
                    <h1 class="text-2xl font-bold text-[#111110] font-serif">Programme Schedule</h1>
                    <p class="text-sm text-gray-500 mt-1">Today's TV and Radio schedule for AIT Broadcasting Network</p>
                </div>
            </div>

            {{-- TV SCHEDULE --}}
            <div class="mb-6">
                <div class="flex items-stretch border-b-2 border-[#0a3828] mb-3">
                    <div class="bg-[#0a3828] text-white text-[10px] font-bold tracking-widest uppercase px-4 py-1.5 rounded-t">
                        📺 AIT TV — Today's Schedule
                    </div>
                    <span class="text-xs text-gray-400 self-end pb-1.5 px-3">
                        {{ now()->format('l, d F Y') }}
                    </span>
                </div>

                @if($tvSchedule->count() > 0)
                    <div class="bg-white border border-[#e2e2dc] rounded overflow-hidden">
                        @foreach($tvSchedule as $schedule)
                            <div class="flex items-start gap-4 px-4 py-3 border-b border-[#f0f0eb] last:border-0
                                {{ isset($currentTvShow) && $currentTvShow && $currentTvShow->id === $schedule->id ? 'bg-[#f0f8f4]' : 'hover:bg-[#fafaf7]' }} transition">

                                {{-- TIME --}}
                                <div class="min-w-[60px] flex-shrink-0">
                                    <div class="text-sm font-bold {{ isset($currentTvShow) && $currentTvShow && $currentTvShow->id === $schedule->id ? 'text-[#0a3828]' : 'text-gray-600' }}">
                                        {{ $schedule->formatted_start_time }}
                                    </div>
                                    <div class="text-[9.5px] text-gray-400">
                                        {{ $schedule->formatted_end_time }}
                                    </div>
                                </div>

                                {{-- SHOW INFO --}}
                                <div class="flex-1">
                                    <div class="flex items-center gap-2 mb-0.5">
                                        <div class="text-sm font-bold text-[#111110] font-serif">
                                            {{ $schedule->show->title }}
                                        </div>
                                        @if(isset($currentTvShow) && $currentTvShow && $currentTvShow->id === $schedule->id)
                                            <span class="text-[8px] font-bold bg-red-600 text-white px-2 py-0.5 rounded tracking-wider animate-pulse">
                                                ● ON AIR
                                            </span>
                                        @endif
                                        @if($schedule->is_live)
                                            <span class="text-[8px] font-bold bg-[#0a3828]/10 text-[#0a3828] px-2 py-0.5 rounded tracking-wider">
                                                LIVE
                                            </span>
                                        @else
                                            <span class="text-[8px] font-bold bg-gray-100 text-gray-500 px-2 py-0.5 rounded tracking-wider">
                                                REPEAT
                                            </span>
                                        @endif
                                    </div>
                                    @if($schedule->show->host_names)
                                        <div class="text-xs text-gray-500">
                                            Hosted by {{ $schedule->show->host_names }}
                                        </div>
                                    @endif
                                    @if($schedule->show->description)
                                        <div class="text-xs text-gray-400 mt-0.5">
                                            {{ Str::limit($schedule->show->description, 120) }}
                                        </div>
                                    @endif
                                </div>

                                {{-- DURATION --}}
                                <div class="text-[9.5px] text-gray-400 flex-shrink-0 text-right">
                                    @php
                                        $start = \Carbon\Carbon::parse($schedule->start_time);
                                        $end   = \Carbon\Carbon::parse($schedule->end_time);
                                        $duration = $start->diffInMinutes($end);
                                    @endphp
                                    {{ $duration }} mins
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="bg-white border border-[#e2e2dc] rounded p-6 text-center text-gray-400 text-sm">
                        No TV schedule available for today.
                    </div>
                @endif
            </div>

            {{-- RADIO SCHEDULE --}}
            <div class="mb-6">
                <div class="flex items-stretch border-b-2 border-[#0a3828] mb-3">
                    <div class="bg-[#b8962e] text-white text-[10px] font-bold tracking-widest uppercase px-4 py-1.5 rounded-t">
                        📻 AIT Radio 89.7 FM — Today's Schedule
                    </div>
                    <span class="text-xs text-gray-400 self-end pb-1.5 px-3">
                        {{ now()->format('l, d F Y') }}
                    </span>
                </div>

                @if($radioSchedule->count() > 0)
                    <div class="bg-white border border-[#e2e2dc] rounded overflow-hidden">
                        @foreach($radioSchedule as $schedule)
                            <div class="flex items-start gap-4 px-4 py-3 border-b border-[#f0f0eb] last:border-0
                                {{ isset($currentRadioShow) && $currentRadioShow && $currentRadioShow->id === $schedule->id ? 'bg-[#f0f8f4]' : 'hover:bg-[#fafaf7]' }} transition">

                                {{-- TIME --}}
                                <div class="min-w-[60px] flex-shrink-0">
                                    <div class="text-sm font-bold {{ isset($currentRadioShow) && $currentRadioShow && $currentRadioShow->id === $schedule->id ? 'text-[#b8962e]' : 'text-gray-600' }}">
                                        {{ $schedule->formatted_start_time }}
                                    </div>
                                    <div class="text-[9.5px] text-gray-400">
                                        {{ $schedule->formatted_end_time }}
                                    </div>
                                </div>

                                {{-- SHOW INFO --}}
                                <div class="flex-1">
                                    <div class="flex items-center gap-2 mb-0.5">
                                        <div class="text-sm font-bold text-[#111110] font-serif">
                                            {{ $schedule->show->title }}
                                        </div>
                                        @if(isset($currentRadioShow) && $currentRadioShow && $currentRadioShow->id === $schedule->id)
                                            <span class="text-[8px] font-bold bg-red-600 text-white px-2 py-0.5 rounded tracking-wider animate-pulse">
                                                ● ON AIR
                                            </span>
                                        @endif
                                    </div>
                                    @if($schedule->show->host_names)
                                        <div class="text-xs text-gray-500">
                                            Hosted by {{ $schedule->show->host_names }}
                                        </div>
                                    @endif
                                    @if($schedule->show->description)
                                        <div class="text-xs text-gray-400 mt-0.5">
                                            {{ Str::limit($schedule->show->description, 120) }}
                                        </div>
                                    @endif
                                </div>

                                {{-- DURATION --}}
                                <div class="text-[9.5px] text-gray-400 flex-shrink-0 text-right">
                                    @php
                                        $start = \Carbon\Carbon::parse($schedule->start_time);
                                        $end   = \Carbon\Carbon::parse($schedule->end_time);
                                        $duration = $start->diffInMinutes($end);
                                    @endphp
                                    {{ $duration }} mins
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="bg-white border border-[#e2e2dc] rounded p-6 text-center text-gray-400 text-sm">
                        No Radio schedule available for today.
                    </div>
                @endif
            </div>

        </div>

        {{-- SIDEBAR --}}
        @include('partials.sidebar')

    </div>
</div>
@endsection