@extends('layouts.app')

@section('title', 'Message from Principal - ' . $siteContext->name)

@section('content')
    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background-image: url('{{ asset('assets/img/breadcrumb/breadcrumb.jpg') }}'); background-size: cover; background-position: center; padding: 80px 0;">
        <div class="container text-center text-white">
            <h2 class="breadcrumb-title text-white">Message from Principal</h2>
            <ul class="breadcrumb-menu d-flex justify-content-center list-unstyled gap-2 mt-2">
                <li><a href="{{ route('home') }}" class="text-white">Home</a></li>
                <li class="text-white">/</li>
                <li class="text-white">About Us</li>
                <li class="text-white">/</li>
                <li class="active text-white">Message from Principal</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- message section -->
    <div class="message-area py-120">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-4 col-md-5">
                    <div class="sidebar-message card border-0 shadow-sm p-4 text-center rounded bg-light border">
                        <div class="profile-image mb-4 d-flex justify-content-center">
                            <div class="rounded-circle bg-white shadow-sm d-flex align-items-center justify-content-center border" style="width: 180px; height: 180px; overflow: hidden;">
                                <img src="{{ asset('wp-content/uploads/2021/06/Kiran-Sapkota.jpg') }}" alt="Kiran Sapkota" class="img-fluid w-100 h-100" style="object-fit: cover; object-position: top;">
                            </div>
                        </div>
                        <h4 class="fw-bold mb-1">Kiran Sapkota</h4>
                        <p class="text-primary fw-bold mb-3">Principal</p>
                        
                        <div class="contact-info border-top pt-3 d-flex flex-column gap-2 text-start">
                            <span class="small text-muted"><i class="far fa-envelope text-primary me-2"></i> {{ $siteContext->email }}</span>
                            <span class="small text-muted"><i class="far fa-phone text-primary me-2"></i> {{ $siteContext->phone }}</span>
                            <span class="small text-muted"><i class="far fa-location-dot text-primary me-2"></i> {{ $siteContext->address }}</span>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-8 col-md-7">
                    <div class="message-content">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Academic Message</span>
                        <h2 class="site-title mb-4">Nurturing Excellence & <span>Character</span></h2>
                        
                        <blockquote class="lead border-start border-primary border-4 ps-4 py-2 text-muted font-italic mb-4" style="font-size: 1.15rem; background-color: #f8f9fa;">
                            "Vision without Action is just a dream. Action without Vision just passes the time. But, Vision and Action can change the world."
                        </blockquote>

                        <p class="text-justify mb-3">
                            We have taken a completely new direction to enrich our educational offerings, striving for excellence in every academic domain. Our motto, <strong>“Education for Discipline and Excellence,”</strong> underpins not only our rigorous scholastic programs but also our dedication to cultivating the character and capability of each student.
                        </p>
                        <p class="text-justify mb-3">
                            A supportive management, dedicated faculty members, and collaborative parents blend harmoniously to create a student-centric school. Together, we work unanimously to unleash the inherent intellectual, social, and emotional intelligence of all students who walk through our gates.
                        </p>
                        <p class="text-justify mb-4">
                            We believe that every child is unique, with varying interests and strengths. By fostering a loving, secure, and creative learning environment, we instill a life-long desire to learn. We focus on developing capacities, acquiring moral virtues, and inspiring students to provide meaningful service to their communities.
                        </p>
                        
                        <p class="fw-bold text-dark mb-0">Kiran Sapkota</p>
                        <p class="text-muted small">Principal, {{ $siteContext->name }}</p>

                        <div class="mt-4 pt-4 border-top">
                            <a href="{{ route('academics.index') }}" class="theme-btn">Our Programs <i class="fas fa-arrow-right-long"></i></a>
                            <a href="{{ route('contact') }}" class="theme-btn theme-btn2">Enroll Today <i class="fas fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- message section end -->
@endsection