@extends('themes.frontend.layouts.app')
@if (isset($dataArr['meta_title']))
@section('page-title'){{ $dataArr['meta_title'] }}@stop
@else
@section('page-title'){{ $dataArr['title'] }}@stop
@endif
@if (isset($dataArr['meta_key']))
@section('meta-keywords'){{ $dataArr['meta_key'] }}@stop
@endif
@if (isset($dataArr['meta_descp']))
@section('meta-description'){{ $dataArr['meta_descp'] }}@stop
@endif
@if (isset($dataArr['image_path']))
@section('meta-image'){{ $dataArr['image_path'] }}@stop
@endif
@if ($dataArr['full_url'])
@section('cur-url'){{ $dataArr['full_url'] }}@stop
@endif

@push('styles')
@if(isset($dataArr['custom_fields']['textarea_4']) && $dataArr['custom_fields']['textarea_4'] && $dataArr['custom_fields']['textarea_4']['value'])
<!--====== START: CUSTOM PAGE CSS from backed the Page ======-->
<style scoped>
		{!! $dataArr['custom_fields']['textarea_4']['value'] !!}
</style>
<!--====== END: CUSTOM PAGE CSS from backed the Page ======-->
@endif
@endpush

@section('content')
	<!--====== Breadcrumb section START ======-->
	@include('themes.frontend.includes.breadcrumb')
	<!--====== Breadcrumb section ENDS ======-->

    <!--==================================================-->
    <!-----Start ourteam Section ----->
    <!--===================================================-->
    
    <section class="our-team pq-pb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                <div class="pq-section pq-style-1 text-center">
                    <h5 class="pq-section-title">Professional Staff</h5>
                </div>
                </div>
            </div>

            @if($dataArr['children'] && count($dataArr['children'])>0)
                @php
                $fadeinArr = ['fadeInRight','fadeInUp','fadeInLeft','fadeInDown'];
                @endphp

                @foreach(array_chunk($dataArr['children'], 4) as $chunk)
                    <div class="row justify-content-center ">
                        @foreach($chunk as $item)

                            @php 
                                $item = (object) $item;
                                $cfValue = App\Models\Page::getPageCfValue(['page_id'=>$item->page_id,'template_id'=>$item->template_id,'class_id'=>$class_id]);
                            @endphp
                            <div class="col-xl-3 col-md-6 col-sm-12">
                                <x-link url="{{ route('web.team-member.detail',$item->slug ) }}">   
                                    <div class="pq-team-box pq-style-1">
                                    <div class="pq-team-img"> 
                                        @if(!empty($cfValue['custom_fields']['image_7']['value']))
                                            <img class="img-fluid"  alt="{!!  $item->title !!}" src="{{ $dataArr['media_folder'].$cfValue['custom_fields']['image_7']['value'] }}" >
                                        @else
                                            @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                                                <img alt="{!!  $item->title !!}" src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" class="img-fluid" >
                                            @endif
                                        @endif
                                    </div>
                                    <div class="pq-team-info">
                                        <h6 class="pq-member-name"> {{ $item->title }} </h6>
                                        @if(!empty($cfValue['custom_fields']['text_6']['value']))
                                        <span class="pq-team-designation">{!! $cfValue['custom_fields']['text_6']['value'] !!}</span>
                                        @endif
                                    </div>
                                    </div>
                                </x-link>
                            </div>
                        @endforeach
                    </div>
                @endforeach


            @else
                <div class="row"><div class="col-md-12 col-lg-12">No record is found</div></div>
            @endif
        </div>
    </div>


@stop