@extends('layouts.studentportalnav')

@section('title', 'Student Guidelines')

@section('content')

<style>

body{
    background:#f6f7fb;
}

/*==========================
Hero
===========================*/

.guideline-hero{
    background:linear-gradient(135deg,#5E244E,#4a1c3e);
    border-radius:20px;
    padding:45px;
    color:#fff;
    margin-bottom:35px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.guideline-hero h2{
    font-weight:700;
    margin-bottom:10px;
}

.guideline-hero p{
    color:#ececec;
    margin-bottom:0;
    font-size:15px;
}

/*==========================
Cards
===========================*/

.guide-card{

    background:#fff;
    border:none;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    overflow:hidden;
    height:100%;

}

.guide-card:hover{

    transform:translateY(-6px);

}

.card-head{

    background:#5E244E;
    color:#fff;
    padding:18px 22px;

}

.card-head h5{

    margin:0;
    font-weight:600;

}

.card-head i{

    color:#d4af37;
    margin-right:10px;

}

.card-body{

    padding:22px;

}

.card-body ul{

    padding-left:20px;

}

.card-body li{

    margin-bottom:10px;
    color:#555;

}

/*==========================
Alert
===========================*/

.notice{

    background:#fff7e4;
    border-left:6px solid #d4af37;
    border-radius:16px;
    padding:22px;
    margin-top:35px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);

}

.notice h5{

    color:#5E244E;
    font-weight:700;

}

.notice p{

    margin-bottom:0;
    color:#555;

}

/*==========================
Contact
===========================*/

.contact-card{

    margin-top:35px;
    border-radius:20px;
    background:#4a1c3e;
    color:#fff;
    padding:35px;
    box-shadow:0 12px 35px rgba(0,0,0,.12);

}

.contact-card h4{

    color:#d4af37;
    font-weight:700;

}

.contact-item{

    margin-top:18px;
    font-size:15px;

}

.contact-item i{

    color:#d4af37;
    width:28px;

}

</style>

<div class="container py-4">

    <!-- Hero -->

    <div class="guideline-hero">

        <h2>
            <i class="fas fa-book-open"></i>
            Student Guidelines
        </h2>

        <p>
            Welcome to the Automobile Engineering Academy. These guidelines are
            designed to help every student maintain professionalism, safety,
            discipline, and academic excellence throughout the training programme.
        </p>

    </div>

    <div class="row g-4">

        <!-- Classroom -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-chalkboard-teacher"></i>
                        Classroom Rules
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Attend every class on time.</li>

                        <li>Maintain discipline and respect lecturers.</li>

                        <li>Switch mobile phones to silent mode.</li>

                        <li>Complete all assignments before deadlines.</li>

                        <li>Keep classrooms clean and organized.</li>

                    </ul>

                </div>

            </div>

        </div>

        <!-- Workshop -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-tools"></i>
                        Workshop Safety
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Wear PPE before entering workshops.</li>

                        <li>Follow instructor safety instructions.</li>

                        <li>Never operate equipment without permission.</li>

                        <li>Report damaged tools immediately.</li>

                        <li>Keep workstations clean after practical sessions.</li>

                    </ul>

                </div>

            </div>

        </div>

        <!-- Attendance -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-user-check"></i>
                        Attendance Policy
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Minimum attendance requirement is 80%.</li>

                        <li>Medical leave must be supported by documents.</li>

                        <li>Repeated absence may affect examinations.</li>

                        <li>Late arrivals will be recorded.</li>

                        <li>Inform the administration if absent.</li>

                    </ul>

                </div>

            </div>

        </div>

        <!-- Dress -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-user-tie"></i>
                        Uniform & PPE
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Wear academy uniform during lectures.</li>

                        <li>Safety shoes are compulsory.</li>

                        <li>Use gloves and safety glasses.</li>

                        <li>Long hair must be tied properly.</li>

                        <li>ID card must be visible at all times.</li>

                    </ul>

                </div>

            </div>

        </div>

        <!-- Assessment -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-file-alt"></i>
                        Assessment Rules
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Submit assignments before due dates.</li>

                        <li>No plagiarism is permitted.</li>

                        <li>Bring required materials for practical tests.</li>

                        <li>Follow examination regulations.</li>

                        <li>Maintain academic honesty.</li>

                    </ul>

                </div>

            </div>

        </div>

        <!-- Conduct -->

        <div class="col-lg-6">

            <div class="guide-card">

                <div class="card-head">

                    <h5>
                        <i class="fas fa-handshake"></i>
                        Student Conduct
                    </h5>

                </div>

                <div class="card-body">

                    <ul>

                        <li>Respect staff and fellow students.</li>

                        <li>Protect academy property.</li>

                        <li>Do not smoke inside the campus.</li>

                        <li>Avoid discrimination and harassment.</li>

                        <li>Represent the academy professionally.</li>

                    </ul>

                </div>

            </div>

        </div>

    </div>

    <!-- Notice -->

    <div class="notice">

        <h5>
            <i class="fas fa-exclamation-circle text-warning"></i>
            Important Notice
        </h5>

        <p>

            Students who fail to follow academy regulations may face disciplinary
            action according to the Automobile Engineering Academy Student Policy.

        </p>

    </div>

    <!-- Contact -->

    <div class="contact-card">

        <h4>

            <i class="fas fa-headset"></i>
            Student Support

        </h4>

        <p class="mt-3">

            If you have any questions regarding academic regulations,
            attendance, workshop safety, or student services, please contact
            the Student Affairs Office.

        </p>

        <div class="contact-item">

            <i class="fas fa-envelope"></i>
            support@academy.lk

        </div>

        <div class="contact-item">

            <i class="fas fa-phone"></i>
            +94 11 234 5678

        </div>

        <div class="contact-item">

            <i class="fas fa-map-marker-alt"></i>
            Automobile Engineering Academy

        </div>

    </div>

</div>

@endsection