@extends('frontend.layouts.app')
@section('title', 'Our Team')
@section('content')

<section class="banner-sec inner-banner">
    <img src="{{ !empty($innerpage_detail['banner_image']) ? 'storage/' . $innerpage_detail['banner_image'] : asset('frontend/images/area-prac-banner.jpg')}}" alt="">
    <div class="banner-content">
        <div class="container">
            <div class="banner-text">
                <h1>{{$innerpage_detail['banner_title']}}</h1>
                <ul class="brdcm">
                    <li>Home</li>
                    <li>Team</li>
                </ul>
            </div>
        </div>
    </div>
</section>



<section class="team-sec common-padd team-page-sec">
    <div class="partical">
        <img src="{{asset('frontend/images/partical3.png')}}" alt="" />
    </div>
    @if ($ourteam->isNotEmpty())
    <div class="container">
        <div class="left-head-sec center-heading">
            <h2>OUR TEAM</h2>
        </div>
        <div class="team-sec-wraper">
            <div class="swiper team-slider">
                <div class="swiper-wrapper">
                    @foreach ($ourteam as $member )
                    <div class="swiper-slide">
                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <!-- Front Side -->
                                <div class="flip-card-front">
                                    <div class="sngl-box">
                                        <div class="image-box-content">
                                            <div class="image-box">
                                                <img src="{{!empty($member['image']) ? 'storage/' .$member['image']  : asset('frontend/images/placeholder.png')}}" alt="" />
                                                <!-- <div class="media-team">
                                                    <ul>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media1.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media2.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media3.svg')}}" alt="" /></a>
                                                        </li>
                                                    </ul>
                                                </div> -->
                                            </div>
                                            <div class="content-box">
                                                <h4>{{$member['name']}}</h4>
                                                <h6>{{$member['designation']}}</h6>
                                            </div>
                                        </div>
                                        <!-- <div class="btm-sec">
                                            <a href="" class="linebtn">
                                                Read More
                                                <span><img src="{{asset('frontend/images/arrow-yellow.svg')}}" /></span>
                                            </a>
                                        </div> -->
                                    </div>
                                </div>

                                <!-- Back Side -->
                                <div class="flip-card-back">
                                    <div class="sngl-box">
                                        <div class="content-box">
                                            {!! $member['summary'] !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach

                </div>
                
                <div class="swiper-team-next"><img src="{{asset('frontend/images/slider-arrow-2.svg')}}" alt="" /></div>
                <div class="swiper-team-prev"><img src="{{asset('frontend/images/slider-arrow-1.svg')}}" alt="" /></div>
            </div>
        </div>
    </div>
    @endif

    @if ($asc_team->isNotEmpty())
    <div class="container associate-sec mt-5">
        <div class="left-head-sec center-heading">
            <h2>ASSOCIATE PRACTITIONERS</h2>
        </div>
        <div class="team-sec-wraper">
            <div class="swiper team-slider">
                <div class="swiper-wrapper">
                    @foreach ($asc_team as $member )
                    <div class="swiper-slide">
                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <!-- Front Side -->
                                <div class="flip-card-front">
                                    <div class="sngl-box">
                                        <div class="image-box-content">
                                            <div class="image-box">
                                                <img src="{{!empty($member['image']) ? 'storage/' .$member['image']  : asset('frontend/images/placeholder.png')}}" alt="" />
                                                <!-- <div class="media-team">
                                                    <ul>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media1.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media2.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media3.svg')}}" alt="" /></a>
                                                        </li>
                                                    </ul>
                                                </div> -->
                                            </div>
                                            <div class="content-box">
                                                <h4>{{$member['name']}}</h4>
                                                <h6>{{$member['designation']}}</h6>
                                            </div>
                                        </div>
                                        <!-- <div class="btm-sec">
                                            <a href="" class="linebtn">
                                                Read More
                                                <span><img src="{{asset('frontend/images/arrow-yellow.svg')}}" /></span>
                                            </a>
                                        </div> -->
                                    </div>
                                </div>

                                <!-- Back Side -->
                                <div class="flip-card-back">
                                    <div class="sngl-box">
                                        <div class="content-box">
                                            {!! $member['summary'] !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>

                <div class="swiper-team-next"><img src="{{asset('frontend/images/slider-arrow-2.svg')}}" alt="" /></div>
                <div class="swiper-team-prev"><img src="{{asset('frontend/images/slider-arrow-1.svg')}}" alt="" /></div>

            </div>
        </div>
    </div>
    @endif

    @if ($oper_bckbone->isNotEmpty())
    <div class="container associate-sec mt-5">
        <div class="left-head-sec center-heading">
            <h2>OPERATIONAL BACKBONE</h2>
        </div>
        <div class="team-sec-wraper">
            <div class="swiper team-slider">
                <div class="swiper-wrapper">
                    @foreach ($oper_bckbone as $member )
                    <div class="swiper-slide">
                        <div class="flip-card">
                            <div class="flip-card-inner">
                                <!-- Front Side -->
                                <div class="flip-card-front">
                                    <div class="sngl-box">
                                        <div class="image-box-content">
                                            <div class="image-box">
                                                <img src="{{!empty($member['image']) ? 'storage/' .$member['image']  : asset('frontend/images/placeholder.png')}}" alt="" />
                                                <!-- <div class="media-team">
                                                    <ul>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media1.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media2.svg')}}" alt="" /></a>
                                                        </li>
                                                        <li>
                                                            <a href=""><img src="{{asset('frontend/images/media3.svg')}}" alt="" /></a>
                                                        </li>
                                                    </ul>
                                                </div> -->
                                            </div>
                                            <div class="content-box">
                                                <h4>{{$member['name']}}</h4>
                                                <h6>{{$member['designation']}}</h6>
                                            </div>
                                        </div>
                                        <!-- <div class="btm-sec">
                                            <a href="" class="linebtn">
                                                Read More
                                                <span><img src="{{asset('frontend/images/arrow-yellow.svg')}}" /></span>
                                            </a>
                                        </div> -->
                                    </div>
                                </div>

                                <!-- Back Side -->
                                <div class="flip-card-back">
                                    <div class="sngl-box">
                                        <div class="content-box">
                                            {!! $member['summary'] !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>

                <!-- <div class="swiper-team-next"><img src="{{asset('frontend/images/slider-arrow-2.svg')}}" alt="" /></div>
                <div class="swiper-team-prev"><img src="{{asset('frontend/images/slider-arrow-1.svg')}}" alt="" /></div> -->

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