@extends('web.layout')

@section('title', 'Penerimaan Mahasiswa Baru')

@section('content')
    <!-- Hero Section -->
    <section class="container py-0 py-md-4">
        <div class="row mt-3">
            {{-- <div class="col-12 col-md-6 align-self-center text-center text-md-start">
                <div class="d-flex justify-content-center justify-content-md-start gap-2">
                    <span class="badge bg-success rounded-pill">#SiapKuliah</span>
                    <span class="badge bg-warning text-dark rounded-pill">#UNUKaltim{{ date('Y') }}</span>
                </div>

                <h1 class="mt-3 fw-bold">
                    Masa Depan Anda Prioritas Kami
                </h1>

                <p class="lead mt-3">
                    Penerimaan Mahasiswa Baru Tahun Akademik 2025/2026 kini telah dibuka!
                    Bergabunglah dengan kampus yang menanamkan nilai intelektual, spiritual, dan kepemimpinan dalam setiap
                    langkah pendidikanmu.
                    Temukan passion, bentuk karakter, dan jadilah bagian dari generasi unggul yang siap bersaing secara
                    global.
                </p>

                <p class="text-muted d-none d-lg-block">
                    Ayo ambil langkah awal menuju impianmu. Pendaftaran mudah, cepat, dan tersedia berbagai jalur bebas
                    biaya pendaftaran.
                    Jangan tunggu esok — daftar hari ini!
                </p>

                <a href="{{ \App\Models\WebSetting::where('key', 'PENDAFTARAN_LINK')->first()->value }}" target="_blank"
                    class="btn btn-lg btn-primary mt-2 mt-md-4 text-white">
                    Daftar Sekarang
                </a>
                <a href="{{ \App\Models\WebSetting::where('key', 'WHATSAPP_LINK')->first()->value }}" target="_blank"
                    class="btn btn-secondary text-white mt-2 mt-md-4 ms-2">
                    Tanya Admin PMB
                </a>
            </div> --}}
            <div class="col-12 col-md-6 mb-4 mb-md-0">
                <x-web.banner />
            </div>

            <div class="col-12 col-md-6 align-self-center text-center text-md-start">
                {{-- Badge 1 --}}
                <span class="badge bg-warning text-dark mb-3">Masa Depan Anda Prioritas Kami</span>
                {{-- Badge 2 --}}
                <span class="badge bg-success text-white mb-2">Berlandaskan Nilai Islam & Kebangsaan</span>

                {{-- Title --}}
                <h1 class="fw-bold display-4 mb-3">
                    Bergabunglah dengan <br>
                    <span class="text-primary">
                        {{ env('APP_NAME') }}
                    </span>
                </h1>

                {{-- Subtitle --}}
                <p class="text-muted">
                    Raih masa depan cerah bersama {{ env('APP_NAME') }}, kampus unggulan yang membentuk generasi cerdas,
                    berkarakter, dan berwawasan global dengan nilai-nilai Islam Ahlussunnah Wal Jamaah, cinta tanah air, dan
                    semangat pembangunan berkelanjutan.
                </p>

                {{-- CTA Button --}}
                <a href="{{ \App\Models\WebSetting::where('key', 'PENDAFTARAN_LINK')->first()->value }}" target="_blank"
                    class="btn btn-lg btn-secondary text-white">
                    Segera Daftar Kuliah
                    <i class="bi bi-arrow-right"></i>
                </a>
            </div>

        </div>
    </section>

    <!-- Informasi PMB -->
    <section class="py-5">
        <div class="container">
            <div class="text-center mb-3 mb-md-5">
                <h2 class="fw-bold">Daftar Jalur Pendaftaran</h2>
                <p class="text-muted mt-2">
                    Pilih jalur pendaftaran yang paling sesuai dengan kebutuhan dan rencanakan <br> masa depan akademikmu
                    bersama
                    kami.
                    Kesempatan emas menantimu!
                </p>
            </div>
            <div class="row g-5">
                <!-- Card 1 -->
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm rounded-4">
                        <div class="card-body p-4">
                            <h3 class="fw-bold card-title">Kelas Reguler Gratispoll</h3>
                            <h5 class="card-subtitle mb-2 text-body-secondary">Jalur Bebas Biaya Pendaftaran</h5>
                            <p class="card-text mt-3">Kesempatan emas bagi calon mahasiswa untuk kuliah tanpa biaya
                                pendaftaran.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Card 2 -->
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm rounded-4">
                        <div class="card-body p-4">
                            <h3 class="fw-bold card-title">Kelas KIP-K</h3>
                            <h5 class="card-subtitle mb-2 text-body-secondary">Program Beasiswa Pemerintah</h5>
                            <p class="card-text mt-3">Buka peluang kuliah gratis melalui Kartu Indonesia Pintar Kuliah.</p>
                        </div>
                    </div>
                </div>

                <!-- Card 3 -->
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm rounded-4">
                        <div class="card-body p-4">
                            <h3 class="fw-bold card-title">Kelas Reguler Malam</h3>
                            <h5 class="card-subtitle mb-2 text-body-secondary">Kuliah Fleksibel</h5>
                            <p class="card-text mt-3">Ideal untuk kamu yang ingin kuliah sambil bekerja dengan jadwal malam
                                hari.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Card 4 -->
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm rounded-4">
                        <div class="card-body p-4">
                            <h3 class="fw-bold card-title">Kelas RPL PG.PAUD</h3>
                            <h5 class="card-subtitle mb-2 text-body-secondary">Rekognisi Pembelajaran Lampau</h5>
                            <p class="card-text mt-3">Akses kuliah jenjang lanjut bagi guru PAUD dengan pengalaman mengajar.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Card 5 -->
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 shadow-sm rounded-4">
                        <div class="card-body p-4">
                            <h3 class="fw-bold card-title">Kelas RPL D3</h3>
                            <h5 class="card-subtitle mb-2 text-body-secondary">Alih Jenjang Profesional</h5>
                            <p class="card-text mt-3">Dirancang untuk profesional D3 yang ingin melanjutkan ke jenjang
                                sarjana.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Fasilitas -->
    <section class="container py-5">
        <div class="row">
            <div class="col-12 col-md-6 mb-4 mb-md-0">
                <img src="{{ asset('images/facility-illust.svg') }}" alt="Fasilitas Penunjang Mahasiswa" class="img-fluid">
            </div>
            <div class="col-12 col-md-6 align-self-center text-center text-md-start">
                <div class="card border-0 rounded-4 shadow">
                    <div class="card-body p-4">
                        <h4 class="card-title mb-3 fw-semibold">Fasilitas Penunjang Mahasiswa</h4>
                        <p class="card-text">UNU Kaltim menyediakan berbagai fasilitas untuk mendukung kenyamanan dan
                            kesuksesan studi Anda:</p>
                        <ul class="list-group list-group-flush mb-3">
                            <li class="list-group-item">
                                <i class="bi bi-check2-circle text-success me-2 h2 align-middle"></i>
                                Tempat tinggal eksklusif berupa apartemen atau asrama mahasiswa (tersedia melalui seleksi)
                            </li>
                            <li class="list-group-item">
                                <i class="bi bi-check2-circle text-success me-2 h2 align-middle"></i>
                                Lingkungan belajar Islami, kondusif, dan profesional
                            </li>
                            <li class="list-group-item">
                                <i class="bi bi-check2-circle text-success me-2 h2 align-middle"></i>
                                Akses terhadap beasiswa pemerintah seperti <strong>KIP-K</strong> dan
                                <strong>GRATISPOL</strong>
                            </li>
                            <li class="list-group-item">
                                <i class="bi bi-check2-circle text-success me-2 h2 align-middle"></i>
                                Fasilitas kampus lengkap: ruang belajar modern, hotspot internet, perpustakaan digital, dan
                                lainnya
                            </li>
                        </ul>


                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="alert alert-primary">
                    <i class="bi bi-lightbulb-fill me-2"></i>
                    Tidak hanya biaya yang terjangkau, UNU Kaltim juga membekali Anda dengan lingkungan yang
                    mendorong tumbuh kembang secara akademik dan spiritual.
                </div>
            </div>
        </div>
    </section>
@endsection