@extends('main')

@if($seo !== NULL)
    @section('title', $seo->title)
    @section('description', $seo->description)
    @section('keywords', $seo->keywords)
    @section('author', $seo->author)
@else
    @section('title', 'Fanadek Masr | من نحن')    
@endif

@section('content')
<div id="content">
    <div class="breadcrumbs-wrap" style="background-image: url({{asset($breadcrumb_background->content)}});">
        <div class="container">
            <h1 class="page-title">من نحن</h1>
            <ul class="breadcrumbs">
                <li><a href="{{url('/')}}">الرئيسية</a></li>
                <li>من نحن</li>
            </ul>
        </div>
    </div>
    <!-- - - - - - - - - - - - - end Breadcrumbs - - - - - - - - - - - - - - - -->
    <div class="site_inside_page">
        @foreach ($abouts as $about)
            @if($loop->iteration % 2 == 0)
                <div class="page-section half-bg-col">
                    <div class="img-col-left">
                        <div class="col-bg" data-bg="{{asset($about->image)}}" 
                        style="background-image: url({{asset($about->image)}});"></div>
                    </div>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <h2><b>{{$about->title}}</b></h2>
                                {!!$about->text!!}
                            </div>
                            <div class="col-md-6"></div>
                        </div>
                    </div>
                </div>
            @else
                <div class="page-section half-bg-col">
                    <div class="img-col-right">
                    <div class="col-bg" data-bg="{{asset($about->image)}}" 
                        style="background-image: url({{asset($about->image)}});"></div>
                    </div>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6"></div>
                            <div class="col-md-6">
                                <h2><b>{{$about->title}}</b></h2>
                                {!!$about->text!!}
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @endforeach
    </div>
</div>
@endsection