@extends('layouts.app')

@section('title', 'Kalender Kegiatan')

@section('content')
    <div class="page-header"><div><span class="eyebrow">Agenda Peternakan</span><h1>Kalender Kegiatan</h1><p>Lihat agenda pemberian pakan dan kegiatan peternakan.</p></div><div class="header-actions"><a class="btn btn-primary btn-link" href="{{ route('schedules.create') }}">＋ Tambah Jadwal</a></div></div>
    <div class="calendar-layout">
        <section class="card calendar-card" style="padding:0">
            <div class="calendar-head">
                <div>
                    <a class="icon-button" href="{{ route('calendar', ['month' => $month->copy()->subMonth()->format('Y-m')]) }}" aria-label="Bulan sebelumnya">‹</a>
                    <a class="icon-button" href="{{ route('calendar', ['month' => $month->copy()->addMonth()->format('Y-m')]) }}" aria-label="Bulan berikutnya">›</a>
                    <strong>{{ $month->translatedFormat('F Y') }}</strong>
                </div><a class="text-button" href="{{ route('calendar') }}">Bulan ini</a>
            </div>
            <div class="calendar-grid weekdays">@foreach(['Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab', 'Min'] as $weekday)<span>{{ $weekday }}</span>@endforeach</div>
            <div class="calendar-grid">
                @for($day = $calendarStart->copy(); $day <= $calendarEnd; $day->addDay())
                    @php $dayKey = $day->toDateString(); $dayEvents = $schedulesByDay->get($dayKey, collect()); @endphp
                    <div class="calendar-day {{ $day->month !== $month->month ? 'outside' : '' }} {{ $day->isToday() ? 'today' : '' }}">
                        <span>{{ $day->day }}</span>
                        @foreach($dayEvents->take(2) as $event)
                            <i class="{{ $event->status === 'Selesai' ? 'green' : 'amber' }}">{{ $event->scheduled_at->format('H:i') }} · {{ $event->feed->name }}</i>
                        @endforeach
                        @if($dayEvents->count() > 2)<small>+{{ $dayEvents->count() - 2 }} jadwal</small>@endif
                    </div>
                @endfor
            </div>
        </section>
        <section class="card">
            <div class="card-header"><div><h2>{{ $month->translatedFormat('F Y') }}</h2><p>Jadwal pakan pada bulan ini</p></div></div>
            <div class="day-agenda">
                @forelse($schedulesByDay->flatten()->take(8) as $event)
                    <div><time>{{ $event->scheduled_at->format('d/m H:i') }}</time><i class="{{ $event->status === 'Selesai' ? 'green' : 'red' }}"></i><span><strong>{{ $event->feed->name }}</strong><small>{{ $event->target }} · {{ $event->status }}</small></span></div>
                @empty
                    <p class="muted">Belum ada jadwal pada bulan ini.</p>
                @endforelse
            </div>
        </section>
    </div>
@endsection