@extends('layouts.app')
@section('title')
Timeline {{ $focusYear }}
@endsection
@section('content')
<div class="subnavbar pt-3">
    <form method="POST" action="{{ route('guest.queue') }}" enctype="multipart/form-data">
        @csrf
        <div class="input-group mb-3">
            <input style="font-size: 1.5rem; padding: 1rem;" class="form-control shadow-lg bg-white rounded" type="text" name="title" placeholder="Judul Buku">
            <div class="input-group-append" style="font-size: 1.5rem;">
                <button class="btn btn-info" type="submit"><i class="fa fa-search"></i> Cari</button>
            </div>
        </div>
    </form>
</div>

<div class="pt-3 pb-1 d-flex align-items-center justify-content-between">
    <h1 class="mb-0">Timeline {{ $focusYear }}</h1>
    <a href="{{ route('guest.timeline') }}" class="btn btn-sm btn-outline-secondary">
        <i class="fa fa-arrow-left"></i> Semua Tahun
    </a>
</div>

@php $yearData = $years[$focusYear]; @endphp

<div class="card mt-3">
    <div class="card-body">
        <h5 class="card-title">Bulan pada tahun {{ $focusYear }}</h5>
        @include('guest.partials.timeline_year_months', ['yearData' => $yearData])
    </div>
</div>

<div class="card mt-3">
    <div class="card-body">
        <h5 class="card-title">Penulis dengan peristiwa pada tahun {{ $focusYear }}
            <span class="badge badge-info">{{ $yearAuthors->count() }}</span>
        </h5>
        @if ($yearAuthors->isEmpty())
            <p class="text-muted mb-0">Tidak ada.</p>
        @else
            <ul class="list-unstyled mb-0">
                @foreach ($yearAuthors as $a)
                    <li>
                        <a href="{{ route('guest.author', $a->slug) }}">{{ $a->name }}</a>
                        <small class="text-muted">
                            ({{ (int) $a->birth_date->year }}{{ $a->death_date ? '–' . (int) $a->death_date->year : '–Sekarang' }})
                        </small>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
</div>
@endsection