@php
use App\Libraries\FileSystem;
$images = isset($pageCustomField['s4why_choose_freshina_image']) && $pageCustomField['s4why_choose_freshina_image'] ? json_decode($pageCustomField['s4why_choose_freshina_image']) : [];
$images2 = isset($pageCustomField['s5our_delivery_services_image']) && $pageCustomField['s5our_delivery_services_image'] ? json_decode($pageCustomField['s5our_delivery_services_image']) : [];
$strLength = isset($pageCustomField['s4why_choose_freshina_description']) && $pageCustomField['s4why_choose_freshina_description'] ? strlen($pageCustomField['s4why_choose_freshina_description']) : [];

$strLength2 = isset($pageCustomField['s5our_delivery_services_description']) && $pageCustomField['s5our_delivery_services_description'] ? strlen($pageCustomField['s5our_delivery_services_description']) : [];
$firstServicesSection = isset($pageCustomField['s4why_choose_freshina']) && $pageCustomField['s4why_choose_freshina'] == 1 ? true : false;
$secondServicesSection = isset($pageCustomField['s5our_delivery_services']) && $pageCustomField['s5our_delivery_services'] == 1 ? true : false;
@endphp

@if($firstServicesSection == true && (isset($pageCustomField['s4why_choose_freshina_title']) && $pageCustomField['s4why_choose_freshina_title'] || $strLength || $images))
    <!-- why_freshina_destribution_section_Start -->
    <section class="why_freshina_destribution_section">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="content_area">
                        <div class="left_area">
                            <div class="owl-carousel " id="why_destribution">
                                @if(isset($images) && count($images) > 0)
                                    @foreach($images as $img)
                                        <div class="item">
                                            <div class="item_inner_box">
                                                <div class="img_area">
                                                    <div class="img_inn">
                                                        <img src="{{url(General::renderImage(FileSystem::getAllSizeImages($img), 'large'))}}" alt=".." />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="item">
                                        <div class="item_inner_box">
                                            <div class="img_area">
                                                <div class="img_inn">
                                                    <img src="{{asset('assets/img/no_image.jpg')}}" alt=".." />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="right_area">
                            <div class="description">
                                <h5>
                                    {{isset($pageCustomField['s4why_choose_freshina_title']) && $pageCustomField['s4why_choose_freshina_title'] ? $pageCustomField['s4why_choose_freshina_title'] :''}}
                                </h5>
                                @if($strLength && $strLength <= 680)
                                    <p>
                                        {{isset($pageCustomField['s4why_choose_freshina_description']) && $pageCustomField['s4why_choose_freshina_description'] ? $pageCustomField['s4why_choose_freshina_description'] :''}}
                                    </p>
                                @elseif($strLength && $strLength > 680)
                                    <p class="read_less d-none">
                                        {{isset($pageCustomField['s4why_choose_freshina_description']) && $pageCustomField['s4why_choose_freshina_description'] ? $pageCustomField['s4why_choose_freshina_description'] :''}}
                                          <a href="javascript:;" data-type="read_less" class="read_more_less">Read Less</a>
                                    </p>
                                    <p class="read_more">
                                        {{isset($pageCustomField['s4why_choose_freshina_description']) && $pageCustomField['s4why_choose_freshina_description'] ? Str::limit($pageCustomField['s5our_delivery_services_description'],685,'...') :''}}
                                          <a href="javascript:;" data-type="read_more" class="read_more_less">Read More</a>
                                    </p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- why_freshina_destribution_section_End -->
@endif

@if(($secondServicesSection == true) && (isset($pageCustomField['s5our_delivery_services_title']) && $pageCustomField['s5our_delivery_services_title'] || $strLength2 || $images2))
    <!-- Our_Delivery_service_section_Start -->
    <section class="why_freshina_destribution_section delivery_service_section">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="content_area">
                        <div class="right_area d-sm-block d-none">
                            <div class="description">
                                <h5>
                                    {{isset($pageCustomField['s5our_delivery_services_title']) && $pageCustomField['s5our_delivery_services_title'] ? $pageCustomField['s5our_delivery_services_title'] :''}}
                                </h5>
                                @if($strLength2 && $strLength2 <= 680)
                                    <p>
                                        {{isset($pageCustomField['s5our_delivery_services_description']) && $pageCustomField['s5our_delivery_services_description'] ? $pageCustomField['s5our_delivery_services_description'] :''}}
                                    </p>
                                @elseif($strLength2 && $strLength > 680)
                                    <p class="read_less d-none">
                                        {{isset($pageCustomField['s5our_delivery_services_description']) && $pageCustomField['s5our_delivery_services_description'] ? $pageCustomField['s5our_delivery_services_description'] :''}}  <a href="javascript:;" data-type="read_less" class="read_more_less">Read Less</a>
                                    </p>
                                    <p class="read_more"> 
                                        {{
                                            isset($pageCustomField['s5our_delivery_services_description']) && $pageCustomField['s5our_delivery_services_description'] ? Str::limit($pageCustomField['s5our_delivery_services_description'],685,'...') :''}}  <a href="javascript:;" data-type="read_more" class="read_more_less">Read More</a>
                                    </p>
                                @endif
                            </div>
                        </div>
                        <div class="left_area">
                            <div class="owl-carousel " id="our_services">
                                @if(isset($images) && count($images) > 0)
                                    @foreach($images2 as $img)
                                        <div class="item">
                                            <div class="item_inner_box">
                                                <div class="img_area">
                                                    <div class="img_inn">
                                                        <img src="{{url(General::renderImage(FileSystem::getAllSizeImages($img), 'large'))}}" alt=".." />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="item">
                                        <div class="item_inner_box">
                                            <div class="img_area">
                                                <div class="img_inn">
                                                    <img src="{{asset('assets/img/no_image.jpg')}}" alt=".." />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif    
                            </div>
                        </div>
                        <div class="right_area d-sm-none d-block">
                            <div class="description">
                                <h5>
                                    {{isset($pageCustomField['s5our_delivery_services_title']) && $pageCustomField['s5our_delivery_services_title'] ? $pageCustomField['s5our_delivery_services_title'] :''}}
                                </h5>
                                <p>
                                    @php
                                        $description = isset($pageCustomField['s5our_delivery_services_description']) ? $pageCustomField['s5our_delivery_services_description'] : '';
                                        // pr($description);
                                    @endphp
                                    
                                    @if (strlen($description) > 220)
                                        {{ substr($description, 0, 220) }}<span id="moreText" style="display: none;">{{ substr($description, 220) }}</span> <a href="javascript:;" onclick="toggleMoreText()">Read More</a>
                                    @else
                                        {{ $description }}
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Our_Delivery_service_section_End -->
@endif