<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TGP Hospital - Quality Healthcare</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="{{ asset('home') }}/css/index.css">

    @stack('css')


</head>

<body>
    <!-- Header -->
    <header>
        <div class="container header-container">
            <div class="logo">
                <i class="fas fa-hospital"></i>
                <a href="{{ route('home') }}">
                    <h1>TGP Hospital</h1>
                </a>
            </div>

            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>

            <ul class="nav-menu">
                <li><a href="{{ route('home') }}">Home</a></li>
                <li><a href="{{ route('services') }}">Services</a></li>
                <li><a href="{{ route('doctors') }}">Doctors</a></li>

                <!-- About Us with dropdown -->
                <li class="dropdown">
                    <a href="{{ route('about') }}">About Us</a>
                    <ul class="dropdown-menu">
                        <li><a href="{{ route('history') }}">Our History</a></li>
                        <li><a href="{{ route('mission') }}">Mission & Values</a></li>
                        <li><a href="{{ route('leadership') }}">Leadership Team</a></li>
                        <li><a href="{{ route('career') }}">Careers</a></li>
                        <li><a href="{{ route('blog') }}">Blog & News</a></li>
                        <li><a href="{{ route('research') }}">Research & Innovation</a></li>
                        <li><a href="{{ route('accreditations') }}">Accreditations</a></li>
                    </ul>
                </li>

                <li><a href="{{ route('contact') }}">Contact</a></li>

                <div class="mobile-actions">
                    <a href="{{ route('login.index') }}"><button class="btn btn-outline">Login</button></a>
                    <a href="{{ route('booking') }}"><button class="btn btn-primary">Book Appointment</button></a>
                </div>
            </ul>

            <div class="header-actions desktop-actions">
                <a href="{{ route('login.index') }}"><button class="btn btn-outline">Login</button></a>
                <a href="{{ route('booking') }}"><button class="btn btn-primary">Book Appointment</button></a>
            </div>
        </div>
        <div class="overlay"></div>
    </header>


    @yield('content')

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <h3>TGP Hospital</h3>
                    <p>Providing quality healthcare with compassion and innovation since 1998.</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>

                <div class="footer-column">
                    <h3>Quick Links</h3>
                    <ul>
                        <li><a href="{{ route('home') }}">Home</a></li>
                        <li><a href="{{ route('services') }}">Services</a></li>
                        <li><a href="{{ route('doctors') }}">Doctors</a></li>
                        <li><a href="{{ route('about') }}">About Us</a></li>
                        <li><a href="{{ route('contact') }}">Contact</a></li>
                        <li><a href="{{ route('career') }}">Careers</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h3>Services</h3>
                    <ul>
                        <li><a href="{{ route('services') }}">Emergency Care</a></li>
                        <li><a href="{{ route('services') }}">Primary Care</a></li>
                        <li><a href="{{ route('services') }}">Surgery</a></li>
                        <li><a href="{{ route('services') }}">Maternity</a></li>
                        <li><a href="{{ route('services') }}">Rehabilitation</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h3>Contact Us</h3>
                    <ul>
                        <li><i class="fas fa-map-marker-alt"></i> 123 Medical Drive, Health City</li>
                        <li><i class="fas fa-phone"></i> (+880) 123-4567</li>
                        <li><i class="fas fa-envelope"></i> info@tgphospital.com</li>
                        <li><i class="fas fa-clock"></i> Open 24/7</li>
                    </ul>
                </div>
            </div>

            <div class="copyright">
                <p>&copy; 2025 TGP Hospital. All rights reserved. Design & Developed by <a
                        href="https://techgiantpro.com/" target="_blank">Tech Giant Pro</a></p>
            </div>
        </div>
    </footer>


    <!-- Neon Cursor Element -->
    <!-- <div class="neon-cursor"></div> -->

    @stack('js')
    <script src="{{ asset('home') }}/js/index.js"></script>
    <script></script>
</body>

</html>
