@extends('layouts.app')

@section('title', 'Transportation Facility - ' . $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">Transportation</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">Transportation</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- transportation section -->
    <div class="facilities-detail py-120">
        <div class="container">
            <div class="row align-items-center g-5">
                <div class="col-lg-6">
                    <div class="detail-content">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Student Transit</span>
                        <h2 class="site-title mb-4">Safe & Reliable <span>Transportation</span></h2>
                        <p class="text-justify mb-3">
                            To ensure easy commutes and peace of mind for parents, we render comfortable, reliable, and punctual bus service across different locations of Pokhara valley.
                        </p>
                        <p class="text-justify mb-4">
                            Our vehicles are managed by trained, licensed, and highly reliable drivers and transit attendants. This service helps students save both time and energy, allowing them to arrive at classes fresh and ready to learn. Charges are calculated at highly reasonable rates based on transit zones.
                        </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> Valley-wide route coverage</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> Punctual pickup & drop timings</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> GPS tracking & security audit</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 zoning rates</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/School_Bus.jpg') }}" alt="School Bus Transportation" class="img-fluid w-100">
                    </div>
                </div>
            </div>

            <!-- Route Info 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 book a bus route for the new academic session?</h4>
                        <p class="text-muted small mb-4">Please register your pickup location at the administration counter at the time of admission.</p>
                        <div class="d-flex justify-content-center gap-3">
                            <a href="{{ route('contact') }}" class="theme-btn">Inquire About Routes <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