@section('title', 'Doctors List | Madinah Teaching Hospital Faisalabad')
@section('description', 'View the Madina Hospital Faisalabad doctors list. Meet expert staff at Madinah Teaching Hospital Faisalabad. Explore MTH profiles & specializations today.')
@section('keywords', 'Madinah Teaching Hospital Team MTH hospital doctors Meet our doctors at Madinah Hospital Who are the doctors at Madinah Teaching Hospital?')
@section('tags', 'Madinah Teaching Hospital Team, MTH Hospital doctors: Meet our doctors at Madinah Hospital. Who are the doctors at Madinah Teaching Hospital?')
@extends('front.layouts.app')
@section('content')
    <style>
        /* Change accordion active (open) item color to red */
        .accordion-button:not(.collapsed) {
            background-color: #b00000 !important; /* Red background */
            color: #fff !important; /* White text */
            box-shadow: none !important;
        }

        /* Optional: remove blue border glow */
        .accordion-button:focus {
            box-shadow: none !important;
            border-color: #b00000 !important;
        }

        /* Optional: make hover effect consistent */
        .accordion-button:hover {
            color: #b00000;
        }

        #h1{
            font-weight: 800;
             font-size: 80px;
             line-height: 90px;
              margin-bottom: 15px;
        }
    </style>

    <!-- Start Page Banner Area -->
    <div class="team-banner-area bg-3 pt-100">
        <div class="container">
            <div class="page-banner-content">
                <h1 id="h1">Find a Doctor</h1>
                <ul>
                    <li>
                        <a href="{{ route('home') }}">
                            <i class="ri-home-8-line"></i>
                            Home
                        </a>
                    </li>
                    <li>
                        <span>Patient Care</span>
                    </li>
                    <li>
                        <span>Find a Doctor</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Banner Area -->

    <!-- Start Find Doctor Area -->
    {{--    <div class="find-doctor-area pt-100">--}}
    {{--        <div class="container">--}}
    {{--            <div class="find-doctor-title">--}}
    {{--                <h3>Find a Doctor</h3>--}}
    {{--                <p>Find a healthcare provider at MTH hospital</p>--}}
    {{--            </div>--}}

    {{--            <form class="find-doctors">--}}
    {{--                <div class="row">--}}
    {{--                    <div class="col-lg-12">--}}
    {{--                        <label>SEARCH BY:</label>--}}
    {{--                        <div class="form-group">--}}
    {{--                            <input type="text" class="form-control src" placeholder="Search by Specialty, Condition or Doctor">--}}
    {{--                            <i class="ri-search-line"></i>--}}
    {{--                        </div>--}}
    {{--                    </div>--}}

    {{--                    <div class="col-lg-6">--}}
    {{--                        <label>DEPARTMENT</label>--}}
    {{--                        <div class="form-group">--}}
    {{--                            <select class="form-select form-control" aria-label="Default select example">--}}
    {{--                                <option selected>All Departments</option>--}}
    {{--                                <option value="1">Department</option>--}}
    {{--                            </select>--}}
    {{--                        </div>--}}
    {{--                    </div>--}}

    {{--                    <div class="col-lg-6">--}}
    {{--                        <label>SPECIALTY</label>--}}
    {{--                        <div class="form-group">--}}
    {{--                            <select class="form-select form-control" aria-label="Default select example">--}}
    {{--                                <option selected>Select Speciality</option>--}}
    {{--                                <option value="1">Speciality</option>--}}
    {{--                            </select>--}}
    {{--                        </div>--}}
    {{--                    </div>--}}

    {{--                    <div class="col-lg-12">--}}
    {{--                        <button type="submit" class="default-btn active">--}}
    {{--                            Search--}}
    {{--                        </button>--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--            </form>--}}
    {{--        </div>--}}
    {{--    </div>--}}
    <!-- End Find Doctor Area -->

    <!-- Start Our Team Area -->
    <div class="our-team-area ptb-100">
        <div class="container">
            <div class="section-title team-title">
                <span class="top-title">BEST DOCTORS IN FAISALABAD AT MADINAH TEACHING HOSPITAL</span>
                <h4>Meet our team of highly qualified specialists and consultants across all major departments</h4>
            </div>

            <div class="row justify-content-center">
                @foreach($teams as $team)
                    <div class="col-lg-3 col-sm-6">
                        <a href="{{ route('our-team-details',$team->slug) }}">
                            <div class="single-team">
                                {{--                        <img src="{{asset('/front/coreui/assets/img/team-1.jpg')}}" alt="Image">--}}
                                <img src="{{route('our-team.getImage',[$team->id,$team->image_url_name]) }}" alt=""
                                     title="">
                                <h3>
                                    {{$team->name}}
                                </h3>
                                <span>{{$team->designation}}</span>
                            </div>
                        </a>
                    </div>
                @endforeach

                <div class="col-lg-12">
                    <div class="pagination-area">
                        {!! $teams->links() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Our Team Area -->
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-sm-12">
                <p class="display-6 fw-bold">Why Choose MTH Specialists?</p>
                <ul>
                    <li class="mt-3">
                        One of the largest medical teams in Faisalabad, recognized as leading MTH medical specialists across all specialties.
                    </li>
                    <li class="mt-3">
                        Best consultants in Faisalabad with both national and international qualifications.
                    </li>
                    <li class="mt-3">
                        Strong focus on patient-centered care and safety by highly experienced MTH healthcare professionals.
                    </li>
                    <li class="mt-3">
                        Advanced diagnostic and surgical facilities guided by the top doctors in Faisalabad.
                    </li>
                    <li class="mt-3">
                        A leading teaching hospital in Pakistan, producing skilled doctors and surgeons for the future.
                    </li>
                </ul>
            </div>
    <div class="col-lg-12 faqs mb-3">
        <p class="display-6 fw-bold mt-3 bg-color-0057b8 p-4 text-white">FAQs – MTH Doctors</p>
        <div class="accordion accordion-flush" id="accordionFlushExample" >
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush-headingOne">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                            data-bs-target="#flush-collapseOne" aria-expanded="false"
                            aria-controls="flush-collapseOne">
                        1. Who are the doctors at MTH Faisalabad?
                    </button>
                </h2>
                <div id="flush-collapseOne" class="accordion-collapse collapse"
                     aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body" style="text-align: justify"> The Madinah Teaching Hospital doctors list includes professors, consultants,
                        and specialists in medicine, surgery, pediatrics, gynecology, cardiology, radiology, orthopedics, and urology.
                        Patients trust MTH as one of the best places to find Faisalabad hospital doctors with international-level expertise.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush-headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                            data-bs-target="#flush-collapseTwo" aria-expanded="false"
                            aria-controls="flush-collapseTwo">
                        2. How to book an MTH doctor appointment?
                    </button>
                </h2>
                <div id="flush-collapseTwo" class="accordion-collapse collapse"
                     aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body" style="text-align: justify">Appointments with MTH medical specialists can be booked through the hospital
                        reception or the official website. This ensures quick access to the best consultants in Faisalabad.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush-headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                            data-bs-target="#flush-collapseThree" aria-expanded="false"
                            aria-controls="flush-collapseThree">
                        3. What departments are available in MTH?
                    </button>
                </h2>
                <div id="flush-collapseThree" class="accordion-collapse collapse"
                     aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body" style="text-align: justify">The hospital offers a wide range of departments, including surgery,
                        medicine, radiology, cardiology, gynecology, pediatrics, orthopedics,
                        and urology. As a hub of teaching hospital specialists in Pakistan,
                        MTH ensures advanced treatments across all fields.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="flush-headingFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                            data-bs-target="#flush-collapseFour" aria-expanded="false"
                            aria-controls="flush-collapseFour">
                        4. Which hospital has the best doctors in Faisalabad?
                    </button>
                </h2>
                <div id="flush-collapseFour" class="accordion-collapse collapse"
                     aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body" style="text-align: justify">Madinah Teaching Hospital is recognized for having some of the top doctors in Faisalabad,
                        delivering high-quality, compassionate care. Patients prefer MTH for its team of MTH healthcare professionals
                        who combine expertise with modern facilities.
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    <!-- Start Knock us Area -->
    <div class="knock-us-area bg-color-0057b8 ptb-100">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="knock-us-content text-center">
                        <h3>Get in touch with us today to get medical services</h3>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Knock us Area -->

@endsection
@push('footer-scripts')
    <script>
        $(function () {
            $('.is_active_team').addClass('active');
        });
    </script>
@endpush