@extends('web.layouts.container')

@section('inner_header')
    <section class="inner-header text-center" style="background-image: url(http://cms.nesmasecurity.com/assets/web/images/about_us_2_ban.jpg);">
        <div class="container">
            <h2>{{__('main.about_us')}}</h2>
            <h6><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home')}} </a> <i class="fas fa-chevron-right"></i> {{__('main.about_us')}}</h6>
        </div>
    </section>
@endsection

@section('content')

    <!-- -------------- about-pg --------------- -->
    <section class="about-pg">
        <div class="container">
            <div class="content section-padding">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="img">
                            <img src="{{$aboutPage ? asset($aboutPage->image) : asset('assets/web/images/about3.png')}}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="info">
                            <div class="side-header">
                                <h3>
                                    {{$aboutPage ? $aboutPage->title : ''}}
                                </h3>
                            </div>
                            <p class="text">{!! $aboutPage ? $aboutPage->description : '' !!}</p>
                        </div>
                    </div>
                </div>

                <div class="row mt-5 pt-5">
                    <div class="col-lg-7">
                        <div class="info">
                            <div class="side-header">
                                <h3>{{$whyNesma ? $whyNesma->title : ''}}</h3>
                            </div>
                            <p class="text">{!! $whyNesma ? $whyNesma->description : '' !!}</p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="img">
                            <img src="{{$whyNesma ? asset($whyNesma->image) : asset('assets/web/images/chs.jpg')}}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- -------------- mission --------------- -->
    <section class="mission section-padding bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="items">
                        <div class="icons">
                            <img src="{{asset('assets/web/images/icons/1.svg')}}" alt="">
                        </div>
                        <h4>{{$visionPage ? $visionPage->title : ''}}</h4>
                        <p class="text">{!! stripText($visionPage->description) !!}</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="items">
                        <div class="icons">
                            <img src="{{asset('assets/web/images/icons/2.svg')}}" alt="">
                        </div>
                        <h4>{{$missionPage ? $missionPage->title : ''}}</h4>
                        <p class="text">{!! stripText($missionPage->description) !!}</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="items">
                        <div class="icons">
                            <img src="{{asset('assets/web/images/icons/3.svg')}}" alt="">
                        </div>
                        <h4>{{$goalPage ? $goalPage->title : ''}}</h4>
                        <p class="text">{!! stripText($goalPage->description) !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')
    <script>
        $('.navbar').addClass('inner-nav');
    </script>
@endsection