@extends('web.layouts.container')

@section('header')
    <div class="inner-header text-center" style="background-image: url({{$image ? asset($image) : asset('assets/web/images/about.jpg')}});">
        <h4><span>{{$title ?? __('main.ceo_message')}}</span></h4>
    </div>
@endsection

@section('content')
    <!-- -------------- about ----------------- -->
    <section class="about section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="img">
                        @if($abouts && $abouts->photos)
                            @foreach($abouts->photos as $photo)
                                <img src="{{asset($photo)}}">
                            @endforeach
                            @else
                            <img src="{{asset('assets/web/')}}/images/ab1.jpg" >
                            <img src="{{asset('assets/web/')}}/images/ab3.jpg"  class="abs-img">
                        @endif

                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="info">
                        <div class="side-head">
                            <h4>{{__('main.ceo_message')}}</h4>
                        </div>
                        <p class="text mb-3">{!! $abouts && $abouts->ceo_message ? $abouts->ceo_message['ceo_message_'.getCurrentLocale()] : ''  !!}</p>
                    </div>
                </div>
            </div>
        </div>
        <img src="{{asset('assets/web/')}}/images/an-logo.svg" alt="" class="about-shap">
    </section>

@endsection

@section('inner_js')

@endsection