@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')
<!--====== BANNER PART START ======-->
    @include('themes.frontend.includes.breadcrumb',['titleClass'=>'text-white'])
<!--====== BANNER PART ENDS ======-->

<!--==================================================-->
<!-----Start services Section ----->
<!--===================================================-->
    
   <section class="service pq-bg-grey">
      <div class="container">
         <div class="row">
            <div class="col-lg-12">
               <div class="col-lg-12">
                  <div class="pq-section pq-style-1 text-center">
                     <h5 class="pq-section-title">Explore Our Main Service</h5>
                  </div>
               </div>
            </div>            

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


                @foreach($dataArr['children'] as $childPage)
                    @php 
                        $childPage = (object) $childPage;
                        $cfValue = App\Models\Page::getPageCfValue(['page_id'=>$childPage->page_id,'template_id'=>$childPage->template_id,'class_id'=>$class_id]);
                    @endphp

                    <div class="col-xl-4 col-md-12 mt-4 ">
                        <x-link url="{{ route('web.service.detail',$childPage->slug ) }}">   
                            <div class="pq-fancy-box pq-style-3">
                                <div class="pq-fancy-box-hoverbg"> 
                                    @if(!empty($cfValue['custom_fields']['image_7']['value']))
                                        <img class="img-fluid"  alt="{!!  $childPage->title !!}" src="{{ $dataArr['media_folder'].$cfValue['custom_fields']['image_7']['value'] }}" >
                                    @else
                                        @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                                            <img alt="{!!  $childPage->title !!}" src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" class="img-fluid" >
                                        @endif
                                    @endif
                                </div>
                                <div class="pq-fancy-box-icon"> 
                                    @if(!empty($cfValue['custom_fields']['image_8']['value']))
                                        <img alt="{!!  $childPage->title !!}" src="{{ $dataArr['media_folder'].$cfValue['custom_fields']['image_8']['value'] }}" >
                                    @else
                                        @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                                            <img alt="{!!  $childPage->title !!}" src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" >
                                        @endif
                                    @endif
                                </div>
                                <div class="pq-fancy-box-info left">
                                    <h5 class="pq-fancy-box-title">{!! $childPage->title  !!}</h5>
                                    <p class="pq-fancybox-description">
                                        @if(!empty($cfValue['custom_fields']['textarea_9']['value']))
                                        {!! $cfValue['custom_fields']['textarea_9']['value'] !!}
                                        @endif
                                    </p>
                                    <div class="pq-button pq-button-link">
                                    <div class="pq-button-block"> <span class="pq-button-text">Read More</span> <i
                                            class="ion ion-plus-round"></i> </div>
                                    </div>
                                </div>
                            </div>
                        </x-link>
                    </div>
                @endforeach

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

         </div>
      </div>
   </section>




@stop