@extends('layouts.landing')

@section('content')
    <div class="header-area  header-bg-05  header-learning" style="background-image:url('{{ asset('assets2/img/learning-app/bg-01.png') }}');">
        <div class="utility-bg-img  wow animate__animated animate__zoomIn" data-parallax='{"x": 150, "y": 100}' style="background-image:url('{{ asset('assets2/img/siswa.png') }}');"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-10">
                    <div class="header-inner">
                        <h1 class="title style-01 wow animate__animated animate__fadeInUp animated">PPDB ONLINE</h1>
                        <p class="learn-para wow animate__animated animate__fadeInUp animated">Aplikasi untuk calon peserta didik yang ingin mendaftar di Sekolah Dasar Kota Kediri, dengan aplikasi ini diharapkan dapat mempercepat dan lebih transparan dalam menentukan peserat didik yang lolos dalam seleksi. Silahkan klik tombol dibawah ini untuk mendaftar</p>
                        <div class="btn-wrapper padding-bottom-80 wow animate__animated animate__fadeInUp animated">
                            <a class="boxed-btn learn-btn style-01" href="{{ route('login') }}">Login Operator</a>
                            <a class="boxed-btn learn-btn style-01" href="{{ route('login') }}">Login Peserta PPDB</a>
                            <a class="boxed-btn learn-btn style-01" href="{{ url('daftar/luar-kota') }}">Daftar Peserta PPDB</a>
                            <br><br>
                            <a class="boxed-btn learn-btn style-01" href="{{ route('login', 'sender=bukti_daftar') }}">Cetak Bukti Daftar</a>
                            <a class="boxed-btn learn-btn style-01" href="{{ route('login', 'sender=seleksi') }}">Hasil Seleksi</a>
                        </div>
                    </div>
                </div>
            </div>
{{--            <h1 class="text-center mt-5 mb-5">--}}
{{--                <p class="badge bg-warning text-white w-100" style="padding-top: 30px;padding-bottom: 30px;border-radius: 10px;font-size: 25px;max-width: 80vw;">SIMULASI PPDB<br>sampai dengan<br>3 Juli 2022 23:59:59</p>--}}
{{--            </h1>--}}
        </div>
    </div>
    <div style="height:100px;width:100%"></div>

    <!--Build Us -->
    <div class="learning-bg" style="background-image: url('{{ asset('assets2/img/learning-app/bg-02.png') }}');">
        <div id="overview" class="build-area learning padding-bottom-30">
            <div class="container">
                <div class="row align-items-center ">
                    <div class="col-lg-4">
                        <div class="build-img bg-image-02 wow animate__animated animate__backInLeft animated" data-parallax='{"x": , "y": 20}' style="background-image: url('{{ asset('assets2/img/formulir.png') }}');"></div>
                    </div>
                    <div class="col-lg-8">
                        <div class="bulid-content-area style-01">
                            <div class="section-title">
                                <h4 class="title social-title wow animate__animated animate__fadeInUp animated mb-0">Login</h4>
                                <p class="wow animate__animated animate__fadeInUp animated">Login sesuai dengan NIK untuk siswa dalam kota</p>
                                <h4 class="title social-title wow animate__animated animate__fadeInUp animated mb-0">Daftar</h4>
                                <p class="wow animate__animated animate__fadeInUp animated">Daftar sesuai dengan NIK untuk siswa luar kota</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Create Content-->
        <div class="build-area padding-top-30">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-8">
                        <div class="bulid-content-area style-01">
                            <div class="section-title" style="text-align:right">
                                <h4 class="title wow animate__animated animate__fadeInUp animated">Upload Kelengkapan Dokumen</h4>
                                <p class="wow animate__animated animate__fadeInUp animated">Upload dokumen kelengkapan kartu kelaurga, akta lahir, dan ktp orang tua atau wali</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="build-img bg-image-02  wow animate__animated animate__backInRight animated bg-image" data-parallax='{"x": , "y": 20}' style="background-image: url('{{ asset('assets2/img/dokumen.png') }}');"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="build-area learning padding-bottom-30">
            <div class="container">
                <div class="row align-items-center ">
                    <div class="col-lg-4">
                        <div class="build-img bg-image-02 wow animate__animated animate__backInLeft animated" data-parallax='{"x": , "y": 20}' style="background-image: url('{{ asset('assets2/img/foto-rumah.png') }}');"></div>
                    </div>
                    <div class="col-lg-8">
                        <div class="bulid-content-area style-01">
                            <div class="section-title">
                                <h4 class="title social-title wow animate__animated animate__fadeInUp animated">Verifikasi Dokumen</h4>
                                <p class="wow animate__animated animate__fadeInUp animated">Bawa kelengkapan dokumen persyaratan ke sekolah pilihan pertama, untuk diverifikasi</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="build-area padding-top-30">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-8">
                        <div class="bulid-content-area style-01">
                            <div class="section-title" style="text-align:right">
                                <h4 class="title wow animate__animated animate__fadeInUp animated">Hasil Seleksi</h4>
                                <p class="wow animate__animated animate__fadeInUp animated">Setelah dokumen diverifikasi oleh sekolah, anda dapat melihat hasil seleksi sesuai skor yang dimiliki</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="build-img bg-image-02  wow animate__animated animate__backInRight animated bg-image" data-parallax='{"x": , "y": 20}' style="background-image: url('{{ asset('assets2/img/hasil-seleksi.png') }}');"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="call-to-action-area bg-image">
        <div class="offer-item-area">
            <div class="container">
                <div class="offer-item-wrap learning-app">
                    <div class="row justify-content-center">
                        <div class="col-lg-7">
                            <div class="section-title desktop-center padding-bottom-75">
                                <h3 class="title wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;margin-bottom:0px">Tahapan PPDB Sekolah Dasar</h3>
                                <p class="wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">Penerimaan Peserta Didik Baru Tahun 2022</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">1</div>
                                <div class="content padding-bottom-55">
                                    <h4 class="title">
                                        <a href="">Upload Dokumen</a>
                                    </h4>
                                    <p>Upload dokumen kelengkapan pada kolom yang sudah disesiakan</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">2</div>
                                <div class="content padding-bottom-55">
                                    <h4 class="title">
                                        <a href="">Pilih Sekolah Tujuan</a>
                                    </h4>
                                    <p>Pilih sekolah dasar tujuan yang anda inginkan (Maksimal 5)</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">3</div>
                                <div class="content padding-bottom-55">
                                    <h4 class="title">
                                        <a href="">Pastikan Pilihan Sekolah</a>
                                    </h4>
                                    <p>Pastikan sekolah yang dipilih memiliki skor yang paling tinggi yang tersedia</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">4</div>
                                <div class="content">
                                    <h4 class="title">
                                        <a href="">Verifikasi Dokumen</a>
                                    </h4>
                                    <p>Bawa berkas berkas dokumen ke sekolah pilihan pertama untuk diverifikasi oleh petugas</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">5</div>
                                <div class="content">
                                    <h4 class="title">
                                        <a href="">Periksa Selalu Hasil Seleksi</a>
                                    </h4>
                                    <p>Selalu pantau pergerakan hasil seleksi pada halaman website yang sudah disesiakan</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="offer-single-item style-01 wow animate__ animate__fadeInUp animated animated" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="icon style-02">6</div>
                                <div class="content">
                                    <h4 class="title">
                                        <a href="">Daftar Ulang PPDB</a>
                                    </h4>
                                    <p>Daftar ulang ke sekolah dimana siswa tersebut diterima</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" id="modal_pengumuman">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Pengumuman</h5>
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" onclick="close_modal()">
                        <i class="fa fa-times"></i>
                    </div>
                </div>

                <div class="modal-body p-5">
                    <h3 class="text-center">DAFTAR ULANG PPDB JENJANG SD JALUR ZONASI KE SEKOLAH PENERIMA<br><br><br>
                        JADWAL DAFTAR ULANG SENIN, 11 JULI 2022 S/D RABU, 13 JULI 2022</h3>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        // $('#modal_pengumuman').modal('show');
        // let close_modal = () => {
        //     $('#modal_pengumuman').modal('toggle');
        // }
    </script>
@endpush