@section("title", "Jurusan dan Biaya")
@extends('Frontend.Layouts.app2')

@section('content')
    <x-header-section-page title="Biaya dan Jurusan UBY" breadcrumb-home="Home" breadcrumb-current="Biaya dan Jurusan" />
    
     
    
    <div class="container mx-auto px-4 lg:px-16 py-10 font-poppins">
        <div class="swiper mySwiper max-w-[1300px] w-full">
            <div class="swiper-wrapper space-x-[10px] pb-[20px] md:ps-[20px]">
                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Ilmu Hukum</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 150.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 795.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/brosur"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>
                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Manajemen</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 150.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 795.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>
                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Teknik Informatika</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 150.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 650.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>
                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Ilmu Komunikasi</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 100.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 650.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>

                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Agroteknologi</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 100.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 650.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>
                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Akuntansi</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 100.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 795.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>

                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S1 Perternakan</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 100.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 650.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 795.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>

                <div
                    class="swiper-slide bg-white shadow-lg rounded-lg p-5 w-full sm:w-[280px] md:w-[320px] flex flex-col space-y-4">
                    <!-- Judul -->
                    <h3 class="text-lg font-semibold text-primary font-poppins">S2 Hukum</h3>

                    <!-- Detail Biaya -->
                    <div class="text-sm font-dmsans text-gray-600 space-y-1">
                        <p>Biaya Pendaftaran: <span class="text-primary font-medium">Rp. 250.000</span></p>
                        <p>Biaya Awal: <span class="text-primary font-medium">Rp. 1.700.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 1.220.000</span></p>

                    </div>

                    <!-- Tombol -->
                    <div class="flex justify-between items-center mt-3 gap-3">
                        <a href="/pendaftaran"
                            class="bg-primary hover:bg-secondary text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Daftar
                            Sekarang</a>
                        <a href="/page/14"
                            class="bg-secondary hover:bg-accent text-white font-medium py-2 px-3 rounded-md text-sm transition-all w-full text-center">Info
                            Lanjut</a>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
     <div class="mt-5 ">
            <h1 class="font-poppins font-semibold text-primary md:text-[25px] text-[18px]  mb-4">Biaya dan Jurusan UBY
                (
                Kelas RPL ) :
            </h1>
            <div class="flex flex-col md:flex-row md:w-[1000px] md:space-x-5 space-y-5 md:space-y-0">
                <div class="bg-white border-2 border-dashed border-primary pl-6 pr-10 py-6 rounded-lg shadow-lg">
                    <h1 class="font-semibold font-dmsans text-[20px] mb-4">Biaya Pendaftaran Jalur RPL Rp 250.000,-
                    </h1>

                    <h1 class="font-semibold font-dmsans text-[20px] mb-2">Biaya untuk jurusan RPL</h1>
                    <ul class="list-disc pl-6 space-y-2">
                        <li class="text-gray-700 font-medium">Biaya Awal : 960.000</li>
                        <li class="text-gray-700 font-medium">Biaya Bulanan : 960.000</li>
                    </ul>
                </div>
                <div class="bg-white border-2 border-dashed border-primary pl-6 pr-10 py-6 rounded-lg shadow-lg">
                    <h1 class="font-semibold font-dmsans text-[20px] mb-2">Daftar Prodi RPL</h1>
                    <div class="flex flex-row space-x-4">
                        <ul class="list-disc pl-5 text-sm text-gray-600 space-y-1">
                            <li>Ilmu Hukum (S1)</li>
                            <li>Perternakan (S1)</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div data-aos="fade-up" class="text-center shadow-xl mt-8">
            <div data-aos="fade-up" class="bg-secondary py-8 rounded-lg">
                <h2 data-aos="fade-up" class="text-xl font-poppins font-bold text-white mb-3">Ubah Masa Depanmu Bersama UBY
                </h2>
                <p data-aos="fade-up" class="text-white font-dmsans mb-5">Jangan lewatkan kesempatan emas untuk menjadi
                    mahasiswa UBY, kampus yang memberikan pendidikan holistik untuk menciptakan lulusan yang siap bersaing
                    global. </p>
                <a href="/pendaftaran" data-aos="fade-up"
                    class="bg-white text-secondary font-poppins font-medium py-2 px-6 rounded-full shadow-md hover:bg-gray-100 transition">
                    Daftar Sekarang
                </a>
            </div>
        </div>
    </div>
@endsection