@extends('layouts.frontlayout')
@section('content')

<!-- ==== Header_section start === -->
<section class="breadcame_section top-space">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="banner_area">
                    <div class="inner_area">
                        <h2>{{ isset($row->title) && $row->title ? $row->title : 'About Us' }}</h2>
                        <div class="header_img d-lg-block d-none">
                            <img src="{{ url('frontend/images/Vector6.png') }}" alt="..." />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Header_section end === -->

<!-- ==== About_section_start ==== -->
<section class="about_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="row">
                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="content_area">
                            <div class="head">
                                <h2>
                                    {{ isset($row->section1_title) && $row->section1_title ? $row->section1_title : 'Who we are' }}    
                                </h2>
                            </div>
                            <div class="content">
                                @if(isset($row->section1_description) && $row->section1_description)
                                <p>
                                    {{ strip_tags($row->section1_description) }}
                                </p>
                                @endif

                                @if(isset($row->section1_btn_name) && $row->section1_btn_name)
                                <div class="button">
                                    <a href="{{ isset($row->section1_btn_link) && $row->section1_btn_link ? $row->section1_btn_link : 'javascript:;' }}" class="btn btn-primary-2">{{ $row->section1_btn_name }}</a>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="image_area">
                            <img src="{{ General::renderImage(FileSystem::getAllSizeImages($row->section1_image), 'large') }}" alt="..." />
                        </div>
                    </div>
                </div> 
            </div>
        </div>
    </div>
</section>
<!-- ==== About_section_end ==== -->

<!-- ==== Values_section_start ==== -->
<section class="values_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">
                    <div class="header">
                        <h2>{{ isset($row->section2_heading) && $row->section2_heading ? $row->section2_heading : 'Our Values' }}</h2>
                    </div>
                    <div class="row">
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                            <div class="content_box">
                                <div class="image">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($row->section2_image_1), 'large') }}" alt="..." />
                                </div>
                                <div class="content_area">
                                    @if(isset($row->section2_title_1) && $row->section2_title_1)
                                    <h2>{{ $row->section2_title_1 }}</h2>
                                    @endif

                                    @if(isset($row->section2_content_1) && $row->section2_content_1)
                                    <p>{{ strip_tags($row->section2_content_1) }}</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                            <div class="content_box">
                                <div class="image">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($row->section2_image_2), 'large') }}" alt="..." />
                                </div>
                                <div class="content_area">
                                    @if(isset($row->section2_title_2) && $row->section2_title_2)
                                    <h2>{{ $row->section2_title_2 }}</h2>
                                    @endif

                                    @if(isset($row->section2_content_2) && $row->section2_content_2)
                                    <p>{{ strip_tags($row->section2_content_2) }}</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                            <div class="content_box">
                                <div class="image">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($row->section2_image_3), 'large') }}" alt="..." />
                                </div>
                                <div class="content_area">
                                    @if(isset($row->section2_title_3) && $row->section2_title_3)
                                    <h2>{{ $row->section2_title_3 }}</h2>
                                    @endif

                                    @if(isset($row->section2_content_3) && $row->section2_content_3)
                                    <p>{{ strip_tags($row->section2_content_3) }}</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Values_section_end ==== -->

<!-- ==== Objective_section_start ==== -->
<section class="objective_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">
                    <div class="header_area">
                        @if(isset($row->section3_title) && $row->section3_title)
                        <h2>{{ $row->section3_title }}</h2>
                        @endif
                    </div>
                    <div class="content_area">
                        @if(isset($row->section3_description) && $row->section3_description)
                        <p>{{ strip_tags($row->section3_description) }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Objective_section_end ==== -->

<!-- ==== Clients_section_start ==== -->
<section class="clients_section">
    <div class="circle_1">
        @if(isset($row->section4_title_1) && $row->section4_title_1 && isset($row->section4_value_1) && $row->section4_value_1)
        <div class="content_box box_1">
            <h6>{{ $row->section4_title_1 }}</h6>
            <p>{{ number_format($row->section4_value_1) }}</p>
        </div>
        @endif

        @if(isset($row->section4_title_2) && $row->section4_title_2 && isset($row->section4_value_2) && $row->section4_value_2)
        <div class="content_box box_2 happy">
            <h6>{{ $row->section4_title_2 }}</h6>
            <p>{{ number_format($row->section4_value_2) }}</p>
        </div>
        @endif

        @if(isset($row->section4_title_3) && $row->section4_title_3 && isset($row->section4_value_3) && $row->section4_value_3)
        <div class="content_box box_3">
            <h6>{{ $row->section4_title_3 }}</h6>
            <p>{{ number_format($row->section4_value_3) }}</p>
        </div>
        @endif

        <div class="circle_2">
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
                <div class="inner_area">
                    <div class="header">
                        @if(isset($row->section4_title) && $row->section4_title)
                        <h2>{{ $row->section4_title }}</h2>
                        @endif 

                        @if(isset($row->section4_description) && $row->section4_description)
                        <p>{{ strip_tags($row->section4_description) }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Clients_section_end ==== -->

@endsection