@extends('layouts.public')
@section('title', 'অনুষ্ঠানের তালিকা')
@section('content')
{!! room_tabs($roomSel, route('schedule'), ['d' => $day], true) !!}
<div class="sched-grid">
  <section class="card mini-cal-box no-print">
    <div class="cal-head">
      <a class="cal-nav" href="{{ $lk(['m' => $prevM, 'd' => $day]) }}" aria-label="আগের মাস"><span class="cal-arrow">◀</span><span class="cal-nav-t">আগের মাস</span></a>
      <h2>{{ bn_months()[(int) date('n', $first)] }} {{ bn(date('Y', $first)) }}</h2>
      <a class="cal-nav" href="{{ $lk(['m' => $nextM, 'd' => $day]) }}" aria-label="পরের মাস"><span class="cal-nav-t">পরের মাস</span><span class="cal-arrow">▶</span></a>
    </div>
    <div class="cal">
      @foreach (['রবি','সোম','মঙ্গল','বুধ','বৃহঃ','শুক্র','শনি'] as $dn)<div class="cal-dn">{{ $dn }}</div>@endforeach
      @for ($i = 0; $i < (int) date('w', $first); $i++)<div class="cal-cell empty"></div>@endfor
      @for ($dd = 1; $dd <= (int) date('t', $first); $dd++)
        @php
          $ymd = $m . '-' . sprintf('%02d', $dd);
          $n = (int) ($countByDay[$ymd] ?? 0);
          $cls = ['cal-cell', $n ? 'busy' : 'free'];
          if ($ymd === date('Y-m-d')) $cls[] = 'today';
          if ($ymd === $day) $cls[] = 'sel';
        @endphp
        <a class="{{ implode(' ', $cls) }}" href="{{ $lk(['m' => $m, 'd' => $ymd]) }}#dayList" title="{{ $n ? (is_en() ? $n . ($n === 1 ? ' Event' : ' Events') : bn($n) . 'টি অনুষ্ঠান') : 'ফাঁকা' }}">
          <span class="cal-num">{{ bn($dd) }}</span>@if ($n)<span class="cal-dot"></span>@endif
        </a>
      @endfor
    </div>
    <p class="muted small mt">যে তারিখে চাপ দেবেন, সেই দিনের অনুষ্ঠানগুলো <span class="only-wide">ডান পাশে</span><span class="only-narrow">নিচে</span> তালিকা আকারে দেখাবে।</p>
  </section>

  <section class="card" id="dayList">
    <div class="day-head">
      <p class="day-kicker">দিনভিত্তিক তালিকা</p>
      <h2 class="card-title">{{ bn_date($day) }}, {{ bn_day($day) }}@if ($day === date('Y-m-d')) <span class="badge badge-approved">আজ</span>@endif</h2>
    </div>
    <div class="day-nav no-print">
      <a class="btn btn-ghost btn-sm" href="{{ $lk(['d' => $prevD]) }}#dayList">◀ আগের দিন</a>
      @if ($day !== date('Y-m-d'))<a class="btn btn-ghost btn-sm" href="{{ $lk([]) }}#dayList">আজ</a>@endif
      <a class="btn btn-ghost btn-sm" href="{{ $lk(['d' => $nextD]) }}#dayList">পরের দিন ▶</a>
      @if ($dayRows->isNotEmpty())<a class="btn btn-primary btn-sm" href="{{ route('schedule.print') }}?d={{ $day . $rq }}&auto=1">⎙ প্রিন্ট</a>@endif
    </div>
    @if ($dayRows->isEmpty())
      <p class="muted big-free">✓ এই দিনে কোনো অনুমোদিত অনুষ্ঠান নেই — কক্ষ ফাঁকা।</p>
    @else
      <ul class="timeline num day-tl">
        @foreach ($dayRows as $i => $r)
          <li>
            <span class="tl-no">{{ bn($i + 1) }}</span>
            <div class="tl-body">
              <span class="tl-lb">সময়:</span><span class="tl-time">{{ bn_time($r->start_time) }} – {{ bn_time($r->end_time) }}</span>
              <span class="tl-lb">অনুষ্ঠানের নাম:</span><strong>{{ $r->program_name }}</strong>
              @if ($r->organizer || $r->department)<span class="tl-lb">আয়োজক:</span><small>{{ list_tr($r->organizer ?: $r->department) }}</small>@endif
              @if ($showRoom)<span class="tl-lb">কক্ষ:</span><small>{{ room_name($r->room_id) }}</small>@endif
              @if ($r->attendees)<span class="tl-lb">অংশগ্রহণকারী:</span><small>{{ bn($r->attendees) }} জন (সম্ভাব্য)</small>@endif
            </div>
          </li>
        @endforeach
      </ul>
    @endif
  </section>
</div>

<section class="card sched-range">
  <div class="toolbar no-print">
    <h2 class="card-title">তারিখ সীমা অনুযায়ী অনুমোদিত অনুষ্ঠান</h2>
    <form method="get" class="filters">
      <input type="hidden" name="d" value="{{ $day }}">@if ($rq)<input type="hidden" name="room" value="{{ $roomSel ?: 'all' }}">@endif
      <label>থেকে<input type="text" name="from" class="datepicker" value="{{ bn_date($from) }}" autocomplete="off"></label>
      <label>পর্যন্ত<input type="text" name="to" class="datepicker" value="{{ bn_date($to) }}" autocomplete="off"></label>
      <label>খুঁজুন<input type="text" name="q" value="{{ $q }}" placeholder="অনুষ্ঠান/আয়োজক"></label>
      <button class="btn btn-primary">দেখুন</button>
      <a class="btn btn-ghost" href="{{ route('schedule.print') }}?pm=range&from={{ $from }}&to={{ $to . $rq }}{{ $q !== '' ? '&q=' . urlencode($q) : '' }}&auto=1">⎙ প্রিন্ট</a>
    </form>
  </div>
  @if ($rows->isEmpty())
    <p class="muted">এই সময়ের মধ্যে কোনো অনুমোদিত অনুষ্ঠান নেই।</p>
  @else
  <div class="table-wrap">
    <table class="table">
      <thead><tr><th>ক্রম</th><th>তারিখ</th><th>বার</th><th>সময়</th>@if ($showRoom)<th>কক্ষ</th>@endif<th>অনুষ্ঠান</th><th>আয়োজক</th></tr></thead>
      <tbody>
      @foreach ($rows as $i => $r)
        <tr>
          <td data-l="ক্রম">{{ bn($i + 1) }}</td>
          <td data-l="তারিখ" class="nowrap"><a href="{{ $lk(['d' => $r->booking_date]) }}#dayList">{{ bn_date($r->booking_date) }}</a></td>
          <td data-l="বার">{{ bn_day($r->booking_date) }}</td>
          <td data-l="সময়" class="nowrap">{{ bn_time($r->start_time) }} – {{ bn_time($r->end_time) }}</td>
          @if ($showRoom)<td data-l="কক্ষ">{{ room_name($r->room_id) }}</td>@endif
          <td data-l="অনুষ্ঠান"><strong>{{ $r->program_name }}</strong></td>
          <td data-l="আয়োজক">{{ list_tr($r->organizer ?: $r->department) }}</td>
        </tr>
      @endforeach
      </tbody>
    </table>
  </div>
  @endif
</section>
@endsection