@extends('layouts.master')

@section('title', 'SIIT SCHOLARSHIP SYSTEM')

@section('style')
    <style>
    </style>
@endsection

@section('script')
    <script src="{{ asset('/plugin/fullcalendar-6.1.10/dist/index.global.js') }}"></script>
    <script></script>
@endsection

@section('content')

    @include('layouts.header')
    {{-- @include('layouts.header-sub') --}}

    <section class="wrapper bg-light">
        <div class="container-card">
            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 mt-2 mb-5"
                data-image-src="./sandbox/img/photos/bg22.png">
                <div class="card-body py-14 px-0">
                    <div class="container">
                        <div class="row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start">
                            <div class="col-lg-6" data-cues="slideInDown" data-group="page-title" data-delay="900">
                                <h1 class="display-2 mb-4 me-xl-5 me-xxl-0">SIIT <span
                                        class="text-gradient gradient-1">Admission</span> Portfolio</h1>
                                <p class="lead fs-23 lh-sm mb-7 pe-xxl-15">Register your child right now, provide the best
                                    education and school for your child, we are ready to make your child excel.</p>
                                <div><a href="https://applyadmissions.siit.tu.ac.th/"
                                        class="btn btn-lg btn-gradient gradient-1 rounded">Explore Now</a>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <img class="img-fluid mb-n18" src="{{ asset('/bg/bg.png') }}" data-cue="fadeIn"
                                    data-delay="300" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="wrapper bg-light">
        <div class="container pt-14 pt-md-17 pb-14 pb-md-18">
            <div class="row text-center">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                    <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Portfolio Review</h2>
                    <h3 class="display-4 mb-9 px-xl-11">
                        ระบบสำหรับคัดเลือกและประเมินแฟ้มสะสมผลงานของนักศึกษา
                    </h3>
                </div>
            </div>
            <!-- /.row -->

            <div class="row gy-8 mb-17">
                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/script.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">ข้อมูลนักศึกษา</h3>
                            <p class="mb-0">ตรวจสอบประวัติ ข้อมูลการศึกษา และเป้าหมายที่ระบุ</p>
                        </div>
                    </div>
                </div>
                <!--/column -->

                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/verify.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">ผลงานและรางวัล</h3>
                            <p class="mb-0">ตรวจสอบเอกสาร เกียรติบัตร รางวัล และผลงานเด่นของนักศึกษา</p>
                        </div>
                    </div>
                </div>
                <!--/column -->

                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/cloud-network.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">กิจกรรมและจิตอาสา</h3>
                            <p class="mb-0">ประเมินการมีส่วนร่วมในกิจกรรม และการทำงานเพื่อสังคม</p>
                        </div>
                    </div>
                </div>
                <!--/column -->

                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/director.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">โครงงาน / Project</h3>
                            <p class="mb-0">ตรวจสอบโครงงานและผลงานที่เกี่ยวข้องกับสาขาที่สมัคร</p>
                        </div>
                    </div>
                </div>
                <!--/column -->

                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/setting.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">ทักษะและความสามารถ</h3>
                            <p class="mb-0">เช่น ภาษาอังกฤษ คอมพิวเตอร์ การออกแบบ หรือทักษะเฉพาะทาง</p>
                        </div>
                    </div>
                </div>
                <!--/column -->

                <div class="col-md-6 col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <img src="./sandbox/img/icons/solid/server.svg"
                                class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia me-4" alt="" />
                        </div>
                        <div>
                            <h3 class="fs-22 mb-1">เอกสารประกอบ</h3>
                            <p class="mb-0">Transcript, จดหมายแนะนำ, หรือเอกสารรับรองอื่น ๆ</p>
                        </div>
                    </div>
                </div>
                <!--/column -->
            </div>
            <!--/.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- /section -->


    <section class="wrapper bg-light">
        <div class="container-card">
            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 pb-15"
                data-image-src="./sandbox/img/photos/bg22.png">
                <div class="card-body py-14 px-0">
                    <div class="container">
                        <div class="row gx-lg-8 gx-xl-12 gy-10 gy-lg-0">
                            <div class="col-lg-4 text-center text-lg-start">
                                <h3 class="display-4 mb-3 pe-xxl-15">Review Statistics</h3>
                                <p class="lead fs-lg mb-0 pe-xxl-10">สถิติการประเมินผลงานและพอร์ตของนักศึกษา</p>
                            </div>
                            <!-- /column -->
                            <div class="col-lg-8 mt-lg-2">
                                <div class="row align-items-center counter-wrapper gy-6 text-center">
                                    <div class="col-md-4">
                                        <img src="./sandbox/img/icons/solid/target.svg"
                                            class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3"
                                            alt="" />
                                        <h3 class="counter">50+</h3>
                                        <p class="mb-0">Projects Reviewed</p>
                                    </div>
                                    <div class="col-md-4">
                                        <img src="./sandbox/img/icons/solid/bar-chart.svg"
                                            class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3"
                                            alt="" />
                                        <h3 class="counter">30+</h3>
                                        <p class="mb-0">Awards Evaluated</p>
                                    </div>
                                    <div class="col-md-4">
                                        <img src="./sandbox/img/icons/solid/employees.svg"
                                            class="svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3"
                                            alt="" />
                                        <h3 class="counter">95%</h3>
                                        <p class="mb-0">Portfolios Completed</p>
                                    </div>
                                </div>
                            </div>
                            <!-- /column -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.container-card -->

        <div class="container">
            <!-- Testimonials -->
            <div class="grid mb-18">
                <div class="row isotope gy-6 mt-n18">
                    <div class="item col-md-6 col-xl-3">
                        <div class="card shadow-lg card-border-bottom border-soft-primary">
                            <div class="card-body">
                                <blockquote class="border-0 mb-0">
                                    <p>“ระบบนี้ช่วยให้การคัดเลือกและประเมินผลงานมีความเป็นระบบและรวดเร็วขึ้น”</p>
                                    <div class="blockquote-details">
                                        <div class="info ps-0">
                                            <h5 class="mb-1">คณะกรรมการ</h5>
                                            <p class="mb-0">คณะวิศวกรรมศาสตร์</p>
                                        </div>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                    <div class="item col-md-6 col-xl-3">
                        <div class="card shadow-lg card-border-bottom border-soft-primary">
                            <div class="card-body">
                                <blockquote class="border-0 mb-0">
                                    <p>“ช่วยลดเวลาในการตรวจสอบพอร์ต และทำให้การตัดสินใจชัดเจนขึ้น”</p>
                                    <div class="blockquote-details">
                                        <div class="info ps-0">
                                            <h5 class="mb-1">อาจารย์ผู้คัดเลือก</h5>
                                            <p class="mb-0">คณะนิเทศศาสตร์</p>
                                        </div>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                    <!-- เพิ่ม Testimonial ได้ตามต้องการ -->
                </div>
            </div>

            <!-- Case Studies -->
            <div class="row text-center">
                <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">
                    <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Reviewed Portfolios</h2>
                    <h3 class="display-4 mb-9 me-lg-n5">ตัวอย่างแฟ้มสะสมผลงานที่ได้รับการประเมินแล้ว</h3>
                </div>
            </div>
            <div class="swiper-container blog grid-view mb-17 mb-md-20" data-margin="30" data-dots="true"
                data-items-xl="3" data-items-md="2" data-items-xs="1">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <article>
                                <figure class="overlay overlay-1 hover-scale rounded mb-6">
                                    <a href="#">
                                        <img src="{{ asset('/pic/oxford.jpg') }}" alt="Portfolio Sample"
                                            style="width:100%; height:150px; object-fit:cover;">
                                    </a>
                                    <figcaption>
                                        <h5 class="from-top mb-0">View Details</h5>
                                    </figcaption>
                                </figure>
                                <div class="post-header">
                                    <h2 class="post-title h3 mb-3">คณะวิศวกรรมศาสตร์</h2>
                                </div>
                            </article>
                        </div>
                        <div class="swiper-slide">
                            <article>
                                <figure class="overlay overlay-1 hover-scale rounded mb-6">
                                    <a href="#">
                                        <img src="{{ asset('/pic/left.jpg') }}" alt="Portfolio Sample"
                                            style="width:100%; height:150px; object-fit:cover;">
                                    </a>
                                    <figcaption>
                                        <h5 class="from-top mb-0">View Details</h5>
                                    </figcaption>
                                </figure>
                                <div class="post-header">
                                    <h2 class="post-title h3 mb-3">คณะสถาปัตยกรรมศาสตร์</h2>
                                </div>
                            </article>
                        </div>
                        <div class="swiper-slide">
                            <article>
                                <figure class="overlay overlay-1 hover-scale rounded mb-6">
                                    <a href="#">
                                        <img src="{{ asset('/pic/hog.jpg') }}" alt="Portfolio Sample"
                                            style="width:100%; height:150px; object-fit:cover;">
                                    </a>
                                    <figcaption>
                                        <h5 class="from-top mb-0">View Details</h5>
                                    </figcaption>
                                </figure>
                                <div class="post-header">
                                    <h2 class="post-title h3 mb-3">คณะนิเทศศาสตร์</h2>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Vision / Mission -->
            <div class="row gx-lg-8 gx-xl-12 gy-6 mb-14 mb-md-17">
                <div class="col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span
                                    class="number fs-18">1</span> </div>
                        </div>
                        <div>
                            <h4>Our Vision</h4>
                            <p class="mb-2">สร้างระบบคัดเลือก Portfolio ที่โปร่งใสและมีมาตรฐาน</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span
                                    class="number fs-18">2</span> </div>
                        </div>
                        <div>
                            <h4>Our Mission</h4>
                            <p class="mb-2">ช่วยให้กรรมการสามารถประเมินผลงานได้อย่างถูกต้องและรวดเร็ว</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="d-flex flex-row">
                        <div>
                            <div class="icon btn btn-circle pe-none btn-soft-primary me-4"> <span
                                    class="number fs-18">3</span> </div>
                        </div>
                        <div>
                            <h4>Our Values</h4>
                            <p class="mb-2">ซื่อสัตย์ ยุติธรรม และให้โอกาสแก่นักศึกษาทุกคนอย่างเท่าเทียม</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact -->
            <div class="row gx-3 gy-10 mb-15 mb-md-18 align-items-center">
                <div class="col-lg-6">
                    <figure><img class="w-auto" src="./sandbox/img/illustrations/3d3.png" alt="" /></figure>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <h2 class="fs-16 text-uppercase text-gradient gradient-1 mb-3">Contact Us</h2>
                    <h3 class="display-4 mb-8">สอบถามข้อมูลสำหรับกรรมการหรือเจ้าหน้าที่ที่เกี่ยวข้อง</h3>
                    <div class="d-flex flex-row mb-3">
                        <img src="./sandbox/img/icons/solid/pin.svg" class="svg-inject icon-svg icon-svg-xs me-3"
                            style="width: 1.5rem; height: 1.5rem;" alt="" />
                        <div>
                            <h5 class="mb-0">Address</h5>
                            <address>SIRINDHORN INTERNATIONAL INSTITUTE OF TECHNOLOGY, THAMMASAT UNIVERSITY - RANGSIT CAMPUS
                            </address>
                        </div>
                    </div>
                    <div class="d-flex flex-row mb-3">
                        <img src="./sandbox/img/icons/solid/rotary.svg" class="svg-inject icon-svg icon-svg-xs me-3"
                            style="width: 1.5rem; height: 1.5rem;" alt="" />
                        <div>
                            <h5 class="mb-0">Phone</h5>
                            <p>02-986-9009 ~ 1207</p>
                        </div>
                    </div>
                    <div class="d-flex flex-row">
                        <img src="./sandbox/img/icons/solid/emails.svg" class="svg-inject icon-svg icon-svg-xs me-3"
                            style="width: 1.5rem; height: 1.5rem;" alt="" />
                        <div>
                            <h5 class="mb-0">E-mail</h5>
                            <p class="mb-0"><a href="mailto:cco@email.siit.tu.ac.th"
                                    class="link-body">cco@email.siit.tu.ac.th</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    @include('layouts.footer')

@endsection