@php
    use App\Libraries\FileSystem;
    if(isset($breadcrumb['about_us_image']) && $breadcrumb['about_us_image'])
    {
        $url = General::renderImage(FileSystem::getAllSizeImages($breadcrumb['about_us_image']), 'large');
    }
    else
    {
        $url = url('assets/img/no_image.jpg');
    }
@endphp
@extends('layouts.frontlayout')
@section('content')
<!-- ==== Breadcame Section Start ==== -->
<section class="breadcame_section top-space">
    <div class="breadcame_area" style="background-image: url({{$url}});">
        <div class="breadcame_content_area animated fadeInDown" data-animation-in="fadeInDown" data-delay-in="0ms">
            <div class="header">
                {{isset($breadcrumb['about_us_title']) && $breadcrumb['about_us_title'] ? $breadcrumb['about_us_title'] :''}}
            </div>
            <div class="description">
                {!!isset($breadcrumb['about_us_description']) && $breadcrumb['about_us_description'] ? $breadcrumb['about_us_description'] :''!!}
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End ==== -->

<!-- ==== About us Section Start ==== -->
<section class="about_us_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="about_us_area">
                    <div class="row">
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                            <div class="about_content_area">
                                @if($pageCustomField && $pageCustomField )
                                <div class="header">
                                    {{isset($pageCustomField['about_our_story_title']) && $pageCustomField['about_our_story_title'] ? $pageCustomField['about_our_story_title'] : ''}}
                                </div>
                                <div class="text">
                                    {!! isset($pageCustomField['about_our_story_description']) && $pageCustomField['about_our_story_description'] ? $pageCustomField['about_our_story_description'] : ''!!}
                                </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
                            <div class="about_img_area">
                                <div class="about_img_1">
                                    <img src="{{url(General::renderImage(FileSystem::getAllSizeImages(isset($pageCustomField['about_our_story_image']) && $pageCustomField['about_our_story_image'] ? $pageCustomField['about_our_story_image'] : ''), 'large'))}}" alt="..." />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about_us_area achievement_sec">
                    <div class="row">
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12 order-lg-0 order-1">
                            <div class="about_img_area">
                                <div class="about_img_1 about_img_2">
                                    <img src="{{url(General::renderImage(FileSystem::getAllSizeImages(isset($pageCustomField['about_achievements_image']) && $pageCustomField['about_achievements_image'] ? $pageCustomField['about_achievements_image'] : ''), 'large'))}}" alt="..." />
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                            <div class="about_content_area">
                                <div class="header">
                                    {{isset($pageCustomField['about_achievements_title']) && $pageCustomField['about_achievements_title'] ? $pageCustomField['about_achievements_title'] : ''}}
                                </div>
                                <div class="text">
                                {!! isset($pageCustomField['about_achievements_description']) && $pageCustomField['about_achievements_description'] ? $pageCustomField['about_achievements_description'] : ''!!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="team_area">
                    <div class="team_header">
                        {{isset($pageCustomField['about_ourteam_title']) && $pageCustomField['about_ourteam_title'] ? $pageCustomField['about_ourteam_title'] : ''}}
                    </div>
                    <div class="title">
                        {{isset($pageCustomField['about_ourteam_description']) && $pageCustomField['about_ourteam_description'] ? $pageCustomField['about_ourteam_description'] : ''}}
                    </div>
                    <div class="team_member_area">
                        <div class="row">
                            @foreach($teamsAll as $k => $ourteam)
                            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                                <div class="item">
                                    <div class="user_img">
                                        <img src="{{url(General::renderImage(FileSystem::getAllSizeImages(isset($ourteam->image) && $ourteam->image ? $ourteam->image : ''), 'large'))}}" alt="...">
                                    </div>
                                    <div class="username">{{isset($ourteam->first_name) && $ourteam->first_name ? $ourteam->first_name.' '.$ourteam->last_name :  ''}}</div>
                                    <div class="designation">{{isset($ourteam->designation) && $ourteam->designation ? $ourteam->designation : ''}}</div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="contact_us_section">
    <div class="contact_us_area">
        <div class="left_area">
            @php
                $images = isset($pageCustomField['about_distributor_image']) && $pageCustomField['about_distributor_image'] ? json_decode($pageCustomField['about_distributor_image']) : [];
            @endphp
            <div class="img_one">
                <img src="{{url(General::renderImage(FileSystem::getAllSizeImages(isset($images) && count($images) > 0 ? $images[0] : null), 'large'))}}" alt="..." />
            </div>
            <div class="img_two">
                <img src="{{url(General::renderImage(FileSystem::getAllSizeImages(isset($images) && count($images) > 1 ? $images[1] : null), 'large'))}}" alt="..." />
            </div>
        </div>
        <div class="right_area">
            <div class="inner_content_area">
                <div class="heading">
                    {{isset($pageCustomField['about_distributor_title']) && $pageCustomField['about_distributor_title'] ? $pageCustomField['about_distributor_title'] : '  '}}
                </div>
                <div class="text">
                    {{isset($pageCustomField['about_distributor_description']) && $pageCustomField['about_distributor_description'] ? $pageCustomField['about_distributor_description'] : '  '}}
                </div>
                <div class="btn_area">
                    <a href="{{isset($pageCustomField['about_contact_us_button_url']) && $pageCustomField['about_contact_us_button_url'] ? $pageCustomField['about_contact_us_button_url'] : '  '}}">{{isset($pageCustomField['about_contact_us_button_title']) && $pageCustomField['about_contact_us_button_title'] ? $pageCustomField['about_contact_us_button_title'] : '  '}}</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="our_work_section">
    <div class="container">
        <div class="row">
            <div class="our_work_area">
                <div class="work_header">
                    {{isset($pageCustomField['about_love_work_title']) && $pageCustomField['about_love_work_title'] ? $pageCustomField['about_love_work_title'] : '  '}}
                </div>
                <div class="work_text">
                    {{isset($pageCustomField['about_love_work_description']) && $pageCustomField['about_love_work_description'] ? $pageCustomField['about_love_work_description'] : '  '}}
                </div>
                <div class="images_area">
                    <ul class="list-inline">
                        <div class="owl-carousel partners">
                            @php
                                $about_love_work_image = isset($pageCustomField['about_love_work_image']) && $pageCustomField['about_love_work_image'] ? json_decode($pageCustomField['about_love_work_image']) : [];
                            @endphp
                            @foreach($about_love_work_image as $img)
                                <li>
                                    <div class="item">
                                        <div class="work_img">
                                            <img src="{{url(General::renderImage(FileSystem::getAllSizeImages($img), 'large'))}}" alt="..." />
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== About us Section End ==== -->
@endsection