@extends('layouts.master')

@section('title', 'Research Management System')

@section('style')
    <style>

    </style>
@endsection

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

@section('content')

    @include('layouts.header')

    <div class="content-wrapper">
        <section class="wrapper bg-soft-primary">
            <div class="container pt-10 pb-15 pt-md-14 pb-md-20">
                <div class="row gx-lg-8 gx-xl-12 gy-10 mb-5 align-items-center">
                    <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start order-2 order-lg-0"
                        data-cues="slideInDown" data-group="page-title" data-delay="600">
                        {{-- <h1 class="display-1 mb-5 mx-md-n5 mx-lg-0">SIIT Research Management System</h1> --}}
                        <h1 class="display-1 mb-5 mx-md-n5 mx-lg-0">SIIT Online Submission and Review System</h1>
                        <p class="lead fs-lg mb-7">A centralized platform for managing research projects,
                    publications, funding records, and academic collaboration
                    within SIIT.</p>
                    </div>
                    <div class="col-lg-7" data-cue="slideInDown">
                        <figure><img class="w-auto" src="{{ asset('/sandbox/img/illustrations/i6.png') }}"></figure>
                    </div>
                </div>
            </div>
        </section>

        <section class="wrapper bg-light">
            <div class="container py-14 py-md-16 pb-md-17">
                <div class="row gx-md-5 gy-5 mt-n18 mt-md-n21 mb-14 mb-md-17">
                    <div class="col-md-6 col-xl-4">
                        <div class="card shadow-lg card-border-bottom border-soft-blue">
                            <div class="card-body">
                                <h4>eRA Committee Account</h4>
                                <a href="#" class="more hover link-blue">Click</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-4">
                        <div class="card shadow-lg card-border-bottom border-soft-green">
                            <div class="card-body">
                                <h4>Letter of Support (Thai)</h4>
                                <a href="{{ url('/letterofsupportformth') }}" class="more hover link-green">Click</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-4">
                        <div class="card shadow-lg card-border-bottom border-soft-yellow">
                            <div class="card-body">
                                <h4>Letter of Support (Eng)</h4>
                                <a href="#" class="more hover link-yellow">Click</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-6">
                        <div class="card shadow-lg card-border-bottom border-soft-violet">
                            <div class="card-body">
                                <h4>คำร้องรับรองนิสิตใหม่ในระบบ NRIIS</h4>
                                <a href="#" class="more hover link-violet">Click</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-6">
                        <div class="card shadow-lg card-border-bottom border-soft-pink">
                            <div class="card-body">
                                <h4>คำร้องรับรองนักวิจัยใหม่ในระบบ NRIIS</h4>
                                <a href="#" class="more hover link-pink">Click</a>
                            </div>
                        </div>
                    </div>

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

    @include('layouts.footer')

@endsection