@extends('frontLayouts.frontApp')

@section('headerContent')
    <div class="content">
        <h2>{{ __('lang.our_culture') }}</h2>
    </div>
@endsection
@section('class')
    our_culture
@endsection
@section('frontContent')
    <!-- Start Content Our Culture  -->
    <section class="content_our_culture">
        <div class="container">
            <div class="box">
                <div class="content">
                    <img src="{{asset('assets/Front/')}}/images/icon-1.svg" class="image-icon-right" alt="#" />
                    <h5>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $content->culture_details_ar : $content->culture_details_en }}</h5>
                </div>
                <img src="{{asset('assets/Front/')}}/images/rectangle-159.svg" alt="#" />
            </div>
        </div>
    </section>
    <!-- End Content Our Culture  -->
    <section class="culture">
        <div class="container">
            <div class="row">
                <div class="inside">
                    <div class="row">
                        @php $data = [2,5,8,11,14,17,20,23,26,29,32] @endphp
                        @foreach($category as $key => $c)
                        @php $key += 1; @endphp
                        <div class="col-md-4 {{ in_array($key,$data) ? 'down' : '' }} ">
                            <a href="{{ route('front.our.culture.show',$c->id) }}">
                                <div class="box">
                                    <img src="{{url($c->image)}}" alt="#" />
                                    <img src="{{asset('assets/Front/')}}/images/rectangle-17335.png" class="bg" />
                                    <h4>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $c->name_ar : $c->name_en}}</h4>
                                </div>
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Culture -->
@endsection