@extends('theme.spade.layouts.main')

@section('title') Doctors & Providers @endsection

@section('meta')
<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
@endsection

@section('canonical')
<link ref="canonical" href="{{ route('doctor_provider') }}" />
@endsection

@section('content')
    @php
        $breadcrumbData = [
            [
                'title' => 'Doctors & Providers',
                'link' => route('doctor_provider'),
            ],
        ];
    @endphp
    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)

    <section>
        <div class="auto-container">
            <div class="row">
                <div class="col-md-12">
                    <div class="services-area">
                        <!-- Related Posts -->
                        <div class="auto-container">

                            <!--Service Tabs Style Two / Three Column-->
                            @foreach($teamMembers as $groupId => $groupMembers)
                            <div class="clearfix">
                                <div class="col-md-12">
                                    <div class="sec-title wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1000ms">
                                        <h2> {{ $groupId == 1 ? 'Doctors' : ($groupId == 2 ? 'Pokhara Branch' : 'Visiting Consultant') }} </h2>
                                    </div>
                                    <!--Tabs Content-->
                                    <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
                                        <div class="clearfix">
                                            @foreach ($groupMembers as $key => $teamMember)
                                                @if($key%4 == 0)
                                                    <div class="clearfix"></div>
                                                @endif
                                                <article class="col-md-3 col-sm-6 col-xs-12">
                                                    <div class="candidate radius">
                                                        <div class="candidate-margins format-link">
                                                            <a href="javascript:;" class="media-box">
                                                                <img src="{{ asset('storage/uploads/' . $teamMember->image_path) }}"
                                                                    alt="{{ $teamMember->name }}" class="img-responsive">
                                                            </a>
                                                            <div class="inner-box">
                                                                <h3><a href="javascript:;">{{ $teamMember->name }}
                                                                        {{ $teamMember->degnation }}</a>
                                                                    <span>{!! $teamMember->detail !!}
                                                                    </span>
                                                                    {{-- <span>BDS, MDS, PhD Orthodontics and Dentofacial Orthopedics
                                                                </span> --}}
                                                                </h3>
                                                                <div class="link">
                                                                    <form method="POST" action="{{ route('appointment') }}">
                                                                        @csrf <!-- CSRF protection for POST requests -->
                                                                        <input type="hidden" name="id" value="{{ $teamMember->id }}">
                                                                        <button type="submit"  class="btn btn-success btn-sm hvr-bounce-to-left">
                                                                            Book Your Appointment
                                                                        </button>
                                                                    </form>

                                                                    {{-- <a href="{{ route('appointment') }}"
                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
                                                                        an Appointment</a> --}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>

                                {{-- <!--Service Tabs Style Two / Three Column-->
                                <div class="clearfix">
                                    <div class="col-md-12">
                                        <div class="sec-title wow fadeInLeft" data-wow-delay="300ms"
                                            data-wow-duration="1000ms">
                                            <h2>Pokhara Branch</h2>
                                        </div>
                                        <!--Tabs Content-->
                                        <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
                                            <div class="clearfix">
                                                <!--Post-->
                                                <article class="col-md-3 col-sm-6 col-xs-12">

                                                    <div class="candidate radius">
                                                        <div class="candidate-margins format-link">
                                                            <a href="single/26/dr_aparna_mishra.html" class="media-box">
                                                                <img src="admin/js/timthumb/timthumb7a3e.jpg?src=https://www.aroginhealthcare.com/images/team/aparna-mishra.jpg&amp;h=350&amp;w=330&amp;q=95"
                                                                    alt="Dr. Aparna Mishra" class="img-responsive">
                                                            </a>
                                                            <div class="inner-box">
                                                                <h3><a href="single/26/dr_aparna_mishra.html">Dr. Aparna
                                                                        Mishra</a>
                                                                    <span>Consultant Pediatrician</span>
                                                                    <span>MD, PGI, Chandigarh</span>
                                                                </h3>
                                                                <div class="link">
                                                                    <a href="make_an_appointment/26/dr_aparna_mishra.html"
                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
                                                                        an Appointment</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article><!--Post End-->
                                                <!--Post-->
                                                <article class="col-md-3 col-sm-6 col-xs-12">

                                                    <div class="candidate radius">
                                                        <div class="candidate-margins format-link">
                                                            <a href="single/30/dr_manish_pradhan.html" class="media-box">
                                                                <img src="admin/js/timthumb/timthumbe29e.png?src=https://www.aroginhealthcare.com/images/team/dr_manish_pradhan1.png&amp;h=350&amp;w=330&amp;q=95"
                                                                    alt="Dr. Manish Pradhan" class="img-responsive">
                                                            </a>
                                                            <div class="inner-box">
                                                                <h3><a href="single/30/dr_manish_pradhan.html">Dr. Manish
                                                                        Pradhan</a>
                                                                    <span>Consultant Dermatologist & Hair Transplant
                                                                        Surgeon</span>
                                                                    <span>MD, NMC</span>
                                                                </h3>
                                                                <div class="link">
                                                                    <a href="make_an_appointment/30/dr_manish_pradhan.html"
                                                                        class="btn btn-success btn-sm hvr-bounce-to-left">Make
                                                                        an Appointment</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article><!--Post End-->
                                            </div>
                                        </div>
                                    </div>

                                    <!--Service Tabs Style Two / Three Column-->
                                    <div class="clearfix">
                                        <div class="col-md-12">
                                            <div class="sec-title wow fadeInLeft" data-wow-delay="300ms"
                                                data-wow-duration="1000ms">
                                                <h2>VISITING CONSULTANTS</h2>
                                            </div>
                                            <!--Tabs Content-->
                                            <div class="row" data-wow-delay="300ms" data-wow-duration="1000ms">
                                                <div class="clearfix">
                                                    <!--Post-->
                                                    <article class="col-md-3 col-sm-6 col-xs-12">

                                                        <div class="candidate radius">
                                                            <div class="candidate-margins format-link">
                                                                <a href="single/15/dr_laxman_rijal.html" class="media-box">
                                                                    <img src="admin/js/timthumb/timthumbd3aa.jpg?src=https://www.aroginhealthcare.com/images/team/default-profile.jpg&amp;h=350&amp;w=330&amp;q=95"
                                                                        alt="Dr. Laxman Rijal" class="img-responsive">
                                                                </a>
                                                                <div class="inner-box">
                                                                    <h3><a href="single/15/dr_laxman_rijal.html">Dr. Laxman
                                                                            Rijal</a>
                                                                        <span>Consultant Orthopedics</span>
                                                                        <span>MS (AIIMS), FHUES (India, Singapore)</span>
                                                                    </h3>
                                                                    <div class="link">
                                                                        <a href="make_an_appointment/15/dr_laxman_rijal.html"
                                                                            class="btn btn-success btn-sm hvr-bounce-to-left">Make
                                                                            an Appointment</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </article><!--Post End-->
                                                    <!--Post-->
                                                    <article class="col-md-3 col-sm-6 col-xs-12">

                                                        <div class="candidate radius">
                                                            <div class="candidate-margins format-link">
                                                                <a href="single/17/mr_anup_raj_bhandari.html"
                                                                    class="media-box">
                                                                    <img src="admin/js/timthumb/timthumbd3aa.jpg?src=https://www.aroginhealthcare.com/images/team/default-profile.jpg&amp;h=350&amp;w=330&amp;q=95"
                                                                        alt="Mr. Anup Raj Bhandari" class="img-responsive">
                                                                </a>
                                                                <div class="inner-box">
                                                                    <h3><a href="single/17/mr_anup_raj_bhandari.html">Mr.
                                                                            Anup Raj Bhandari</a>
                                                                        <span>Clinical Psychologist</span>
                                                                        <span>M.Phil (IOM)</span>
                                                                    </h3>
                                                                    <div class="link">
                                                                        <a href="make_an_appointment/17/mr_anup_raj_bhandari.html"
                                                                            class="btn btn-success btn-sm hvr-bounce-to-left">Make
                                                                            an Appointment</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </article><!--Post End-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> --}}
                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
    </section>
@endsection