@extends('layouts.app')

@section('title', 'Message from Chairperson - ' . $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 Chairperson</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 Chairperson</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/Narayan-poudel.jpg') }}" alt="Narayan Poudel" class="img-fluid w-100 h-100" style="object-fit: cover; object-position: top;">
                            </div>
                        </div>
                        <h4 class="fw-bold mb-1">Narayan Poudel</h4>
                        <p class="text-primary fw-bold mb-3">Chairman</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> Leadership Message</span>
                        <h2 class="site-title mb-4">Shaping the Future <span>Together</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;">
                            "Since the future ultimately belongs to the young generation, you need to prepare yourselves for success, integrity, and achievement in your life."
                        </blockquote>

                        <p class="text-justify mb-3">
                            Today, our major concern is to provide quality education to our present and future generations for the overall advancement of the quality of life and society. Proper education, training, and qualifications are more important today than ever before for our nation. To meet these challenges, <strong>{{ $siteContext->name }}</strong> has endeavored to provide outstanding academic pathways since its inception.
                        </p>
                        <p class="text-justify mb-4">
                            We offer the flexibility and genuine choices to cope with the diversity of students' interests and aspirations. Highly qualified, experienced, and dedicated faculties of Pokhara are involved in our core team. We build a conducive and supportive atmosphere that nurtures curiosity and facilitates deep subject-matter learning. 
                        </p>
                        <p class="text-justify mb-4">
                            We hope to continuously receive the co-operation and blessings of our guardians, students, teaching staff, and well-wishers to achieve our common goal of academic excellence. I would like to extend my sincere gratitude to all the students and parents for their support in carrying out our institutional mission.
                        </p>
                        
                        <p class="fw-bold text-dark mb-0">Narayan Poudel</p>
                        <p class="text-muted small">Chairman, Executive Board</p>

                        <div class="mt-4 pt-4 border-top">
                            <a href="{{ route('contact') }}" class="theme-btn">Get In Touch <i class="fas fa-arrow-right-long"></i></a>
                            <a href="{{ route('about.executive-board') }}" class="theme-btn theme-btn2">View Board Members <i class="fas fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- message section end -->
@endsection