@extends('layouts.app')

@section('title', 'Hostel & Cafeteria - ' . $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">Hostel & Cafeteria</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><a href="{{ route('facilities.index') }}" class="text-white">Facilities</a></li>
                <li class="text-white">/</li>
                <li class="active text-white">Hostel & Cafeteria</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- hostel section -->
    <div class="facilities-detail py-120">
        <div class="container">
            <div class="row align-items-center g-5 mb-5 pb-5 border-bottom">
                <div class="col-lg-6">
                    <div class="detail-content">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Boarding House</span>
                        <h2 class="site-title mb-4">A Homely <span>Hostel</span> Experience</h2>
                        <p class="text-justify mb-3">
                            We manage separate hostel facilities for both boys and girls, designed to create a secure, disciplined, yet extremely comfortable living environment.
                        </p>
                        <p class="text-justify mb-4">
                            Our rooms are well-furnished, spacious, and well-ventilated. The hostel is structured with dedicated study halls, common recreation rooms, and sanitarily clean washrooms to provide a home away from home. Experienced wardens and supervisors are present round-the-clock to manage student welfare, security, and regular evening study schedules.
                        </p>
                        
                        <div class="row g-3">
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Separate Boys & Girls wings</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Supervised study sessions</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Common recreation halls</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> 24/7 emergency care & safety</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="image-box rounded shadow-lg overflow-hidden border">
                        <img src="{{ asset('wp-content/uploads/2021/06/Hostel-Icon.jpg') }}" alt="Homely Boarding Hostel" class="img-fluid w-100">
                    </div>
                </div>
            </div>

            <!-- cafeteria section -->
            <div class="row align-items-center g-5 pt-5">
                <div class="col-lg-6 order-lg-2">
                    <div class="detail-content">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Dining Services</span>
                        <h2 class="site-title mb-4">Hygienic & Fresh <span>Cafeteria</span></h2>
                        <p class="text-justify mb-3">
                            Proper nutrition is essential for active students. Our modern kitchen and spacious dining hall provide balanced, wholesome, and delicious meals, tiffins, and beverages.
                        </p>
                        <p class="text-justify mb-4">
                            All items are prepared under highly sanitary conditions, utilizing fresh ingredients sourced from local farms. The menus are customized regularly to offer variety, and prices are kept highly reasonable and subsidized for students and staff members alike.
                        </p>
                        
                        <div class="row g-3">
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> 100% hygienic prep standards</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Nutritious tiffins & meals</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Subsidized student menus</span>
                            </div>
                            <div class="col-6">
                                <span class="d-flex align-items-center gap-2 small text-muted"><i class="far fa-circle-check text-primary"></i> Clean dining seating area</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6 order-lg-1">
                    <div class="image-box rounded shadow-lg overflow-hidden border">
                        <img src="{{ asset('wp-content/uploads/2021/06/Hotel_management.jpg') }}" alt="Hygienic Canteen Dining" class="img-fluid w-100">
                    </div>
                </div>
            </div>

            <!-- CTA block -->
            <div class="row mt-5 pt-5">
                <div class="col-12">
                    <div class="card border-0 shadow-sm p-4 bg-light text-center border rounded">
                        <h4 class="fw-bold mb-2">Want to learn more about hostel fees or dietary plans?</h4>
                        <p class="text-muted small mb-4">Get in touch with our administrative desk or coordinate directly with our hostel warden.</p>
                        <div class="d-flex justify-content-center gap-3">
                            <a href="{{ route('contact') }}" class="theme-btn">Contact Us <i class="fas fa-arrow-right-long"></i></a>
                            <a href="{{ route('facilities.index') }}" class="theme-btn theme-btn2">All Facilities <i class="fas fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection