@section('title', 'Madinah Teaching Hospital Faisalabad | MTH Hospital Pakistan')
@section('description', 'MTH Hospital Faisalabad provides top-quality care and medical education. Madinah Teaching Hospital Faisalabad is trusted for affordable healthcare. Visit today.')
@section('keywords', 'Madinah Teaching Hospital MTH hospital Faisalabad madinah teaching hospital faisalabad How can I book an appointment at MTH Faisalabad?')
@section('tags', 'Madinah Teaching Hospital, MTH hospital Faisalabad, Madinah Teaching Hospital Faisalabad, How can I book an appointment at MTH Faisalabad?')
@extends('front.layouts.app')
@section('content')
    <!-- Start Hero Area -->
    <div class="hero-area">
        <div class="swiper hero-slide">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg-1">
                    <div class="container">
                        <div class="hero-content">
{{--                            <h1>Our strength is your well-being</h1>--}}
                            <h2 class="fw-bold">Welcome to Madinah Teaching Hospital: Your Trusted Partner in Healthcare Excellence!</h2>
                            <p style="text-align: justify">At Madinah Teaching Hospital (MTH), we provide affordable, compassionate, and advanced healthcare with modern facilities and expert doctors.</p>
                            <p style="text-align: justify">Along with quality patient care, we serve as a teaching hospital, training future healthcare professionals and supporting the community through medical education and charitable services.</p>
                            {{--                            <div class="hero-btn">--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn">Learn more</a>--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn active">Contact us</a>--}}
                            {{--                            </div>--}}
                        </div>
                    </div>
                </div>

                <div class="swiper-slide bg-2">
                    <div class="container">
                        <div class="hero-content">
{{--                            <h1>We want to heal the patient with services</h1>--}}
                            <h2 class="fw-bold">Your Journey to Wellness Starts Here: Welcome to Madinah Teaching Hospital!</h2>
                            <p style="text-align: justify">Your journey to wellness truly begins at Madinah Teaching Hospital, where we place
                                your health at the heart of everything we do. With experienced doctors, modern facilities,
                                and a compassionate team, we provide care that is safe, trusted, and patient-focused.</p>
                            <p style="text-align: justify">From preventive checkups to specialized treatment, we are here to guide you and your family toward a healthier, happier life.</p>
                            {{--                            <div class="hero-btn">--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn">Learn more</a>--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn active">Contact us</a>--}}
                            {{--                            </div>--}}
                        </div>
                    </div>
                </div>

                <div class="swiper-slide bg-3">
                    <div class="container">
                        <div class="hero-content">
{{--                            <h1>Need our expertise? we are ready</h1>--}}
                            <h2 class="fw-bold">Madinah Teaching Hospital advancing healthcare and enriching lives</h2>
                            <p style="text-align: justify">More than a hospital, Madinah Teaching Hospital is a place of care, comfort, and commitment to the community.
                                We work every day to advance healthcare, enrich lives, and bring hope to patients through reliable treatment
                                and personal attention.</p>
                            <p style="text-align: justify">With expert doctors, modern technology, and a patient-first approach, we ensure quality services that
                                support your health, healing, and overall well-being.</p>
                            {{--                            <div class="hero-btn">--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn">Learn more</a>--}}
                            {{--                                <a href="{{ route('home') }}" class="default-btn active">Contact us</a>--}}
                            {{--                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pagination-btn">
            <div class="swiper-pagination"></div>
        </div>

        <ul class="socila-link">
            <li>
                <a href="https://www.facebook.com/" target="_blank">
                    <img src="{{asset('/front/coreui/assets/img/facebook.svg')}}" alt="Image">
                </a>
            </li>
            <li>
                <a href="https://www.facebook.com/" target="_blank">
                    <img src="{{asset('/front/coreui/assets/img/twitter.svg')}}" alt="Image">
                </a>
            </li>
            <li>
                <a href="https://www.facebook.com/" target="_blank">
                    <img src="{{asset('/front/coreui/assets/img/linkedin.svg')}}" alt="Image">
                </a>
            </li>
        </ul>
    </div>
    <!-- End Hero Area -->


    <!-- Start Who We Are Area -->
    <div class="who-we-are-area pt-100 pb-70">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="mr-44">
                        <div class="row align-items-end">
                            <div class="col-lg-7 col-md-6">
                                <div class="who-we-are-img img-1">
                                    <img src="{{asset('/front/coreui/assets/img/service-mth-01.jpg')}}" alt="image">
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-6">
                                <div class="who-we-are-img-2">
{{--                                    <h3>Connect With <span>MTH</span> Health Care</h3>--}}
                                    <img src="{{asset('/front/coreui/assets/img/service-mth-02.jpg')}}" alt="image">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="who-we-are-img-3">
                                    <img src="{{asset('/front/coreui/assets/img/service-mth-03.jpg')}}" alt="image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="ml-44">
                        <div class="who-we-are-content">
                            <span class="top-title">WHO WE ARE</span>
                            <h2>We have been providing services to patients for over 20 years</h2>
                            <p style="text-align: justify">For more than two decades, Madinah Teaching Hospital Faisalabad (MTH) has
                                been serving patients with care and compassion. The mission of MTH hospital
                                Faisalabad is to relieve the suffering of humanity, especially those from
                                underprivileged backgrounds, by providing quality healthcare services.
                            </p>
                        </div>

                        <div class="row">
                            <div class="col-lg-6 col-sm-6">
                                <div class="single-who-we-are">
                                    <i class="flaticon-hands"></i>
                                    <h3>1K+ Healing Hands</h3>
                                    <p style="text-align: justify">Welcome to Madinah Teaching Hospital, a trusted name in healthcare.
                                        With a strong team of doctors, nurses, and staff, MTH hospital Faisalabad
                                        is committed to improving lives through compassion, innovation, and dedication
                                        to patient care.</p>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6">
                                <div class="single-who-we-are">
                                    <i class="flaticon-doctor"></i>
                                    <h3>Experienced Doctors</h3>
                                    <p style="text-align: justify">At Madinah Teaching Hospital Faisalabad, we take pride in having a team of highly skilled and caring medical
                                        professionals. Supported by modern facilities,
                                        MTH hospital Faisalabad ensures patients receive the best
                                        treatment in a safe and supportive environment.</p>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6">
                                <div class="single-who-we-are">
                                    <i class="flaticon-handshake"></i>
                                    <h3>Advanced Healthcare</h3>
                                    <p style="text-align: justify">We believe in using the latest medical technologies and treatments to provide
                                        complete care. From routine checkups to complex surgeries, Madinah Teaching
                                        Hospital (MTH) stands as a trusted healthcare partner in Faisalabad.</p>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-6">
                                <div class="single-who-we-are">
                                    <i class="flaticon-pharmacy"></i>
                                    <h3>Pharmacies</h3>
                                    <p style="text-align: justify">MTH hospital Faisalabad is more than just a hospital—it is a community of care.
                                        With in-house pharmacies, outreach programs, and a strong focus on medical research,
                                        Madinah Teaching Hospital Faisalabad continues its mission of improving lives
                                        and creating positive change in healthcare.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Who We Are Area -->

    <!-- Start Our Department Area -->

    @if(count($departments) >= 1)
        <div class="our-department-area bg-color-f8f9fa pt-100 pb-70">
            <div class="container">
                <div class="section-title department-section-title">
                    <h2 style="color: #a51313">OUR DEPARTMENTS</h2>
                    <p style="text-align: justify">At Madinah Teaching Hospital Faisalabad, we have a wide range
                        of departments so patients can receive complete healthcare in one place.
                        Whether it’s a minor health issue or a serious condition, MTH hospital Faisalabad
                        offers specialized care through expert doctors and modern facilities
                    </p>
                </div>

                <div class="row justify-content-center">
                    @foreach($departments as $department)
                        <div class="col-xl-3 col-md-6 col-12">
                            <div class="single-our-department">
                                <a href="{{route('departments-details',$department->slug)}}"
                                   style="display: block;width: 100%;height: 100%">
                                    <img src="{{ route('departments.show-images', [$department->id,'thumbnail_url']) }}"
                                         class="img-fluid w-100 h-100" alt="{{ $department->thumbnail_name }}">
                                </a>

                                <div class="department-content one">
                                    <h3>
                                        <a href="{{route('departments-details',$department->slug)}}">
                                            {{$department->title}}
                                        </a>
                                    </h3>
                                    {{--                                <p>{!! Str::words($department->description, 8, ' ...') !!}</p>--}}
                                    <p>&nbsp;</p>
                                </div>

                                <div class="department-content hover">
                                    <a href="{{ route('departments-details', $department->slug) }}">
                                        <div class="icon d-none d-lg-block">
                                            {{--                                        <i class="flaticon-fracture"></i>--}}
                                            <img
                                                src="{{route('departments.show-images',[$department->id,'icon_url']) }}"
                                                alt="{{ $department->slug }}"
                                                title="{{ $department->slug }}">
                                        </div>
                                    </a>

                                    <h3>
                                        <a href="{{route('departments-details',$department->slug)}}">
                                            {{$department->title}}
                                        </a>
                                    </h3>
                                    {{--                                    <p>{!! Str::words($department->description, 8, ' ...') !!}</p>--}}
                                    <a href="{{route('departments-details',$department->slug)}}" class="read-more">
                                        Read More
                                        <i class="ri-arrow-right-line"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="show-more my-3 text-center">
                    <a href="{{ route('departments') }}" class="btn btn-show-more border-0">Show More</a>
                </div>
            </div>
        </div>
    @endif

    <!-- End Our Department Area -->

    {{--    <!-- Start Our Team Area -->--}}
    {{--    @if(count($teams) >= 1)--}}
    {{--        <div class="our-team-area bg-color-f1f5f8 pt-100 pb-70">--}}
    {{--            <div class="container">--}}

    {{--                <div class="section-title team-title">--}}
    {{--                    <span class="top-title">OUR SPECIALISTS</span>--}}
    {{--                    <h2>We have all the professional specialists in our hospital</h2>--}}
    {{--                </div>--}}

    {{--                <div class="row justify-content-center">--}}
    {{--                    @foreach($teams as $team)--}}
    {{--                        <div class="col-lg-3 col-sm-6">--}}
    {{--                            <div class="single-team">--}}
    {{--                                <img src="{{route('our-team.getImage',[$team->id,$team->image_url_name]) }}" alt=""--}}
    {{--                                     title="">--}}
    {{--                                <h3>--}}
    {{--                                    <a href="{{ route('our-team-details',$team->slug) }}">{{$team->name}}</a>--}}
    {{--                                </h3>--}}
    {{--                                <span>{{$team->designation}}</span>--}}
    {{--                            </div>--}}
    {{--                        </div>--}}
    {{--                    @endforeach--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    {{--    @endif--}}
    {{--    <!-- End Our Team Area -->--}}


    <!-- Start News Area -->
    @if(count($newsEvents) >= 1)
        <div class="blog-area pt-100 pb-70">
            <div class="container">
                <div class="section-title">
                    <h2>News & Events</h2>
                </div>
                <div class="row text-center text-md-start">
                    @foreach($newsEvents AS $news)
                        <div class="col-lg-4 col-md-6">
                            <div class="single-blog">
                                <a href="{{route('news-and-events-details',$news->slug)}}">
                                    <img
                                        src="{{route('event-thumbnail.getImageThumbnail',[$news->id,$news->thumbnail_url_name]) }}"
                                        alt="" title="">
                                </a>
                                <div class="blog-content">
                                    <a href="{{route('news-and-events-details',$news->slug)}}"
                                       class="tag"> {{$news->event_name}}</a>
                                    <ul>
                                        <li>
                                            <a href="{{route('news-and-events-details',$news->slug)}}">
                                                <i class="ri-building-4-line"></i>
                                                {{$news->department_name}}
                                            </a>
                                        </li>
                                        <li>
                                            <i class="ri-calendar-line"></i>
                                            {{$news->e_date}}
                                        </li>
                                    </ul>
                                    <h3>
                                        <a href="{{route('news-and-events-details',$news->slug)}}">{{$news->name}}</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
    @endif
    <!-- End News Area -->

    <!-- Start Knock us Area -->
    <div class="knock-us-area bg-color-0057b8 pt-100 pb-70">
        <div class="container">
            <div class="certification-heading text-center mb-2">
                <h2 class="text-white">Certification & Recognition</h2>
            </div>
            <div class="row py-2">
                <div class="owl-carousel owl-theme px-5" id="certification-slider">
                    <div class="item px-1">
                        <div class="card certification-card  d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/iso-certified.png')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">ISO 9001:2015 certified </p>
                            </div>
                        </div>
                    </div>
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/phc.png')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Licensed with Punjab Health Care Commission (PHC) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/pmdc.jpg')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Recognized by Pakistan Medical & Dental Council (PMDC) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/cpsp.png')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Recognized by College of Physician and Surgeon Pakistan
                                    (CPSP) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/pnra.png')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Licensed with Pakistan Nuclear Regulatory Authority (PNRA) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/pnc.jpeg')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Recognized by Pakistan Nursing Council (PNC) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/phota.jpg')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Licensed with Punjab Human Organ Transplant Authority
                                    (PHOTA) </p>
                            </div>
                        </div>
                    </div>
                    <!--col starts here -->
                    <div class="item px-1">
                        <div class="card certification-card d-flex flex-column">
                            <img src="{{asset('/front/coreui/assets/images/certfications/punjab-blood-authority.jpg')}}"
                                 alt="ISO Certified 9001:2015" title="The University of Faisalabad"
                                 class="certification-card-top pt-3 card-img-top img-fluid">
                            <div class="card-body flex-grow-1 d-flex flex-column">
                                <p class="fw-semibold">Licensed with Punjab Blood transfusion authority (PBTA) in A
                                    Category </p>
                            </div>
                        </div>
                    </div>
                </div> <!--project wrapper end here -->
            </div>
        </div>
    </div>
    <!-- End Knock us Area -->


    <!-- Start Go Top Area -->
    <div class="go-top">
        <i class="ri-arrow-up-s-fill"></i>
        <i class="ri-arrow-up-s-fill"></i>
    </div>
    <!-- End Go Top Area -->
@endsection
@push('footer-scripts')
    <script>
        $(function () {
            $('.is_active_home').addClass('active');
        });
    </script>
    <script>
        $(document).ready(function () {
            // Footer logo script
            $('#certification-slider').owlCarousel({
                rtl: false,
                loop: true,
                dots: false,
                nav: true,
                navText: ["<i class='ri-arrow-left-line'></i>",
                    "<i class='ri-arrow-right-line'></i>"],
                responsiveClass: true,
                autoplay: true,
                autoplayTimeout: 2500,
                autoplayHoverPause: true,
                // margin: 04,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    800: {
                        items: 3
                    },
                    1000: {
                        items: 5
                    },
                    1024: {
                        items: 4
                    },
                    1600: {
                        items: 5
                    }
                }
            });
        });
    </script>
@endpush