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

@section('content')
    <div class="container mx-auto px-4 lg:px-16 py-10 font-poppins">
        <x-header-section-page title="Biaya dan Jurusan Universitas Al - Irsyad" breadcrumb-home="Home"
            breadcrumb-current="Biaya dan Jurusan" />
        <!-- Biaya Formulir -->
        <div class="swiper mySwiper max-w-[1300px] w-full mt-6">
            <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 Kewirausahaan ( SMA ke S1 )</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. 950.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="/"
                            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 Bisnis Digital ( SMA ke S1 )</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. 950.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="/"
                            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 Informatika ( SMA ke S1 )</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. 950.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="/"
                            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 Kewirausahaan ( D3 ke S1 )</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. 950.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 750.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="/"
                            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 Bisnis Digital ( D3 ke S1 )</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. 950.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 750.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="/"
                            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 Informatika ( D3 ke S1 )</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. 950.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 750.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="/"
                            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>

                <!-- RPL -->
                <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 Farmasi ( RPL )</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. 2.000.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 1.700.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="/"
                            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 Keperawatan ( RPL )</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. 2.000.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 2.000.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="/"
                            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">D4 Teknologi Laboratorium Medis(RPL)</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. 2.000.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 1.900.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="/"
                            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 Kebidanan ( RPL )</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. 2.000.000</span></p>
                        <p>Biaya Bulanan: <span class="text-accent font-medium">Rp. 2.000.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="/"
                            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 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
                    UNAIC
                </h2>
                <p data-aos="fade-up" class="text-white font-dmsans mb-5">Jangan lewatkan kesempatan emas untuk menjadi
                    mahasiswa UNAIC, 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