@extends('web.layouts.container')

@section('header')
    <section class="inner_header">
        <div class="inner_back">
            <img src="{{asset($page->header_image)}}" alt="">
        </div>
        <div class="inner_info">
            <div class="container h-100">
                <div class="row align-items-end h-100">
                    <div class="col-lg-6 offset-lg-6">
                        <!--<div class="about_head_info">-->
                        <!--    <h2>{{$page->header_title}}</h2>-->
                        <!--    <p>{{stripText($page->header_description)}}</p>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('content')
    <section class="about section_padding pb-0">
        <div class="container">
            <div class="section_head">
                <h3 class="text-uppercase">{{__('abouts.about_company')}}</h3>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="items">
                        <p>{!! stripText($page->description_1) !!}</p>
                        <div class="img">
                            <div class="row">
                                <div class="col-lg-7">
                                    @isset($page->images[0])
                                        <img class="img_x" src="{{asset($page->images[0])}}" alt="">
                                    @endisset
                                    @isset($page->images[1])
                                        <img class="img_x" src="{{asset($page->images[1])}}" alt="">
                                    @endisset
                                </div>
                                <div class="col-lg-5">
                                    @isset($page->images[2])
                                        <img class="img_y" src="{{asset($page->images[2])}}" alt="">
                                    @endisset
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="items">
                        <p>{!! stripText($page->description_2) !!}</p>
                        <div class="img">
                            <div class="row">
                                <div class="col-lg-5">
                                    @isset($page->images[3])
                                        <img class="img_y" src="{{asset($page->images[3])}}" alt="">
                                    @endisset
                                </div>
                                <div class="col-lg-7">
                                    @isset($page->images[4])
                                        <img class="img_x" src="{{asset($page->images[4])}}" alt="">
                                    @endisset
                                    @isset($page->images[5])
                                        <img class="img_x" src="{{asset($page->images[5])}}" alt="">
                                    @endisset
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="text_back">
            <div class="container">
                <p>{!! stripText($page->description_3) !!}</p>
            </div>
        </div>
        <div class="container">
            <div class="about_img">
                <img src="{{asset($page->footer_image)}}" alt="">
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="about_img_info">
                        <div class="max_height">
                            <!--<p>{!! ($page->footer_description) !!} </p>-->
                            {!! ($page->footer_description) !!} 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection