@extends('layouts.public')
@section('title', 'Beranda')
@section('content')
<section class="hero">
    <div class="hero-orb orb-one"></div><div class="hero-orb orb-two"></div>
    <div class="container hero-grid">
        <div class="hero-copy">
            <div class="eyebrow eyebrow-light"><span></span> FAKULTAS HUKUM, ILMU SOSIAL, DAN HUMANIORA</div>
            <h1>Hukum, sosial,<br><em>dan humaniora.</em></h1>
            <p>Informasi program studi, keterangan akreditasi, pengumuman, dan berita terverifikasi dari Fakultas Hukum, Ilmu Sosial, dan Humaniora Universitas Dharma Andalas di Padang.</p>
            <div class="hero-actions"><a class="button button-gold" href="{{ route('programs.index') }}">Jelajahi program studi <span>↗</span></a><a class="text-link-light" href="https://pmb.unidha.ac.id/" target="_blank" rel="noopener">Penerimaan mahasiswa <span>↗</span></a></div>
            <div class="hero-proof"><div class="faculty-count">{{ str_pad($programs->count(), 2, '0', STR_PAD_LEFT) }}</div><span>Program studi<br><strong>di bawah FHISH UNIDHA</strong></span></div>
        </div>
        <div class="hero-visual faculty-poster" role="img" aria-label="Informasi Fakultas Hukum, Ilmu Sosial, dan Humaniora Universitas Dharma Andalas di Padang"><div class="poster-lines"></div><div class="poster-seal">FHISH<span>UNIDHA · PADANG</span></div><div class="poster-caption"><span>FAKULTAS HUKUM<br>ILMU SOSIAL<br>DAN HUMANIORA</span><strong>{{ str_pad($programs->count(), 2, '0', STR_PAD_LEFT) }} <small>PROGRAM STUDI</small></strong></div></div>
    </div>
    <div class="hero-bottom container"><span>INFORMASI FAKULTAS <span class="hero-separator">/</span> PROGRAM STUDI <span class="hero-separator">/</span> KABAR KAMPUS</span><a href="{{ route('about') }}">TENTANG FHISH ↗</a></div>
</section>

<section class="intro section-pad" id="tentang"><div class="container intro-grid"><div class="eyebrow"><span></span> TENTANG FHISH</div><div><h2>Hukum, sosial,<br><em>dan humaniora.</em></h2><div class="intro-lower"><p>FHISH merupakan bagian dari Universitas Dharma Andalas di Padang dan menaungi {{ $programs->count() }} program studi aktif: {{ $programs->map(fn ($program) => $program->degree.' '.$program->name)->join(', ', ' dan ') }}. Halaman ini memuat informasi fakultas, bukan profil staf atau dosen.</p><a class="circle-link" href="https://unidha.ac.id/program-studi-dan-akreditasi/" target="_blank" rel="noopener" aria-label="Lihat daftar program studi resmi UNIDHA">↗</a></div></div></div>
    <div class="container faculty-stats"><div><strong>{{ $programs->count() }}</strong><span>Program studi aktif</span></div><div><strong>FHISH</strong><span>Universitas Dharma Andalas</span></div><div><strong>Padang</strong><span>Sumatera Barat</span></div></div>
</section>

<section class="program-section section-pad" id="program"><div class="container"><div class="section-heading"><div><div class="eyebrow eyebrow-light"><span></span> PROGRAM STUDI FHISH</div><h2>{{ $programs->count() }} program studi,<br><em>beragam pilihan ilmu.</em></h2></div><p>Keterangan mengikuti laman resmi UNIDHA dan PMB. Sebagian informasi akreditasi perlu dikonfirmasi kembali ke universitas karena tidak semua laman PMB menampilkan peringkat.</p></div>
    <div class="program-grid">@forelse($programs as $program)<article class="program-card card-{{ $program->theme }}"><span class="program-number">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }} / {{ $program->degree }}</span><span class="program-symbol">{{ $program->symbol }}</span><h3>{{ $program->degree }} {{ $program->name }}</h3><p>{{ $program->description }}</p><div class="accreditation-badge"><span>AKREDITASI</span><strong>{{ $program->accreditation ?: 'Informasi belum tersedia' }}</strong></div>@if($program->website_url)<a class="program-arrow" href="{{ $program->website_url }}" target="_blank" rel="noopener" aria-label="Lihat {{ $program->degree }} {{ $program->name }} di laman resmi PMB">Laman PMB resmi ↗</a>@endif</article>@empty<div class="program-empty">Informasi program studi belum tersedia.</div>@endforelse</div>
</div></section>

<section class="news-section section-pad" id="informasi"><div class="container"><div class="section-heading news-heading"><div><div class="eyebrow"><span></span> INFORMASI FHISH</div><h2>Pengumuman &<br><em>artikel terbaru.</em></h2></div><a class="button button-outline" href="{{ route('news.index') }}">Semua informasi <span>↗</span></a></div>
    <div class="information-columns">
        <section class="announcement-panel"><div class="information-heading"><span class="information-icon">!</span><div><h3>Pengumuman</h3><p>Informasi resmi dan pemberitahuan</p></div></div>
            @forelse($announcements as $post)<article class="announcement-item"><div class="announcement-date">{{ $post->published_at?->translatedFormat('d M Y') }}</div><h4><a href="{{ route('news.show', $post) }}">{{ $post->title }}</a></h4><p>{{ $post->excerpt }}</p><a class="read-link" href="{{ route('news.show', $post) }}">Baca pengumuman <span>→</span></a></article>@empty<div class="information-empty">Belum ada pengumuman yang dipublikasikan.</div>@endforelse
        </section>
        <section class="article-panel"><div class="information-heading"><span class="information-icon">§</span><div><h3>Artikel & berita</h3><p>Artikel dan kabar dari lingkungan kampus</p></div></div>
            @forelse($articles as $post)<article class="article-item"><span class="article-category">{{ $post->category }} <span>·</span> {{ $post->published_at?->translatedFormat('d M Y') }}</span><h4><a href="{{ route('news.show', $post) }}">{{ $post->title }}</a></h4><p>{{ $post->excerpt }}</p><a class="read-link" href="{{ route('news.show', $post) }}">Baca artikel <span>→</span></a></article>@empty<div class="information-empty">Belum ada artikel atau berita yang dipublikasikan.</div>@endforelse
        </section>
    </div>
</div></section>

<section class="cta-band"><div class="container cta-content"><div><span class="eyebrow eyebrow-light"><span></span> PENERIMAAN MAHASISWA</span><h2>Informasi pendaftaran<br><em>tersedia di laman PMB.</em></h2></div><a class="button button-gold" href="https://pmb.unidha.ac.id/" target="_blank" rel="noopener">Kunjungi PMB UNIDHA <span>↗</span></a></div><div class="cta-decoration">FHISH</div></section>
@endsection