@extends('layouts.app')

@section('title', 'About Us')

@section('content')
    <!-- University Info Page -->
    <section class="univ-info py-5">
        <div class="container">
            <!-- Page Header -->
            <div class="text-center mb-4">
                <h1 class="fw-bold">Ram Krishna College of Ayurveda &amp; Medical Sciences</h1>
                <p class="text-secondary">RKDF University, Gandhi Nagar Campus, Bhopal</p>
            </div>

            <!-- University Leaders -->
            <div class="row g-4 mb-5">

                <!-- Vice Chancellor -->
                <div class="col-md-6">
                    <div class="card shadow-sm h-100">
                        <div class="row g-0 align-items-center">

                            <div class="col-4 text-center p-3">
                                <img src="{{ asset('images\home\ViceChancellor.jpg') }}" class="img-fluid rounded-circle"
                                    alt="Vice Chancellor" style="max-width:120px;">
                            </div>

                            <div class="col-8">
                                <div class="card-body">
                                    <h5 class="card-title mb-1">Vice Chancellor</h5>
                                    <p class="fw-semibold mb-0">Prof. Vijay K. Agrawal</p>
                                    <p class="text-muted mb-1">
                                        M.Sc., D.Phil., PGD (Chem. &amp; Chem. Engg.)
                                    </p>
                                    <p class="small mb-2">
                                        Tokyo Institute of Technology, Japan
                                    </p>
                                    <p class="mb-1">
                                        <strong>Contact:</strong> +91 755-2742516
                                    </p>
                                    <p class="mb-0">
                                        <strong>Email:</strong>
                                        <a href="mailto:vc@rkdf.ac.in">vc@rkdf.ac.in</a>
                                    </p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <!-- Registrar -->
                <div class="col-md-6">
                    <div class="card shadow-sm h-100">
                        <div class="row g-0 align-items-center">

                            <div class="col-4 text-center p-3">
                                <img src="{{ asset('images/home/registrar.jpg') }}" class="img-fluid rounded-circle"
                                    alt="Registrar" style="max-width:120px;">
                            </div>

                            <div class="col-8">
                                <div class="card-body">
                                    <h5 class="card-title mb-1">Registrar</h5>
                                    <p class="fw-semibold mb-0">Dr. Satendra S. Thakur</p>
                                    <p class="text-muted mb-2">
                                        MBA, Ph.D.
                                    </p>
                                    <p class="mb-1">
                                        <strong>Contact:</strong> +91 755-2740395
                                    </p>
                                    <p class="mb-0">
                                        <strong>Email:</strong>
                                        <a href="mailto:registrar@rkdf.ac.in">registrar@rkdf.ac.in</a>
                                    </p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- Strength Section -->
        <div class="mb-5">
            <h3 class="fw-bold">Our Strength</h3>
            <p class="lead">The institute has the major strength of strong administration and visionary leadership that
                inculcates discipline in aspiring professionals.</p>
        </div>

        <!-- Facilities -->
        <div class="mb-5">
            <h3 class="fw-bold">Facilities</h3>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">Sports &amp; Other Activities</li>
                <li class="list-group-item">Canteen</li>
                <li class="list-group-item">Hostel</li>
                <li class="list-group-item">Wi-Fi Enabled Campus</li>
                <li class="list-group-item">Transport Facility</li>
            </ul>
        </div>

        <!-- Important Links -->
        <div class="mb-5">
            <h3 class="fw-bold">Important Links</h3>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-3">
                    <a href="https://rkdf.ac.in" target="_blank" class="text-decoration-none">
                        <div class="card p-3 h-100 border-start border-4 border-primary">
                            <h6 class="mb-0">RKDF University</h6>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 mb-3">
                    <a href="https://ncismindia.org" target="_blank" class="text-decoration-none">
                        <div class="card p-3 h-100 border-start border-4 border-success">
                            <h6 class="mb-0">National Commission for Indian System of Medicine (NCISM)</h6>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 mb-3">
                    <a href="https://www.ayush.gov.in" target="_blank" class="text-decoration-none">
                        <div class="card p-3 h-100 border-start border-4 border-danger">
                            <h6 class="mb-0">Ministry of AYUSH</h6>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 mb-3">
                    <a href="https://ayush.mp.gov.in/" target="_blank" class="text-decoration-none">
                        <div class="card p-3 h-100 border-start border-4 border-danger">
                            <h6 class="mb-0">AYUSH Department, M.P</h6>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        </div>
    </section>

@endsection
