@extends('frontLayouts.frontApp')

@section('headerContent')
    <div class="content">
        <h2>{{ $data->name }}</h2>
        <form action="{{ route('front.our.culture.search') }}" method="post">
            @csrf
            <div class="input-group mb-3">
                <input type="text" name="name" class="form-control" aria-label="Username" aria-describedby="basic-addon1">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span>
                </div>
            </div>
            <div class="select-search">
                <div class="row">
                    <div class="col-md-4">
                        <select class="form-select" name="cat_id" aria-label="Default select example" required>
                            <option selected disabled>{{ __('lang.cultures') }}</option>
                            @foreach($category as $item)
                                <option value="{{ $item->id }}" {{ $item->id == $data->id ? 'selected' : '' }}>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->name_ar : $item->name_en }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-warning">{{ __('lang.search') }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@section('class')
    experiment our_museums_main
@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' ? $data->description_ar : $data->description_en }}</h5>
            </div>
            <img src="{{ asset('assets/Front/') }}/images/rectangle-159.svg" alt="#" />
        </div>
    </div>
</section>
<!-- End Content Our Culture  -->

<!-- Start Blog -->
<section class="blog">
    <div class="container">
        <div class="row">
            @foreach($postsLatest as $item)
                <div class="col-lg-4 col-md-6">
                <div class="box">
                    <img src="{{ url($item->image) }}" alt="#" />
                    <img src="{{ asset('assets') }}/Front/images/rectangle-17354.png" class="bg" alt="#" />
                    <h4>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->name_ar : $item->name_en }}</h4>
                    <p>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? \Illuminate\Support\Str::words($item->description_ar,14) : \Illuminate\Support\Str::words($item->description_en,14)}}</p>
                    <a href="{{ route('front.our.culture.details',$item->id) }}" class="btn btn-warning read_more">{{ __('lang.read_more') }}</a>
                </div>
            </div>
            @endforeach
            @if(!empty($data->ad_image))
                <div class="banner">
                    <a href="{{ $data->url }}">
                        <img src="{{ url($data->ad_image) }}" alt="#" />
                    </a>
                </div>
            @endif

            @foreach($posts as $item)
                <div class="col-lg-4 col-md-6">
                <div class="box">
                    <img src="{{ url($item->image) }}" alt="#" />
                    <img src="{{ asset('assets') }}/Front/images/rectangle-17354.png" class="bg" alt="#" />
                    <h4>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->name_ar : $item->name_en }}</h4>
                    <p>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? \Illuminate\Support\Str::words($item->description_ar,14) : \Illuminate\Support\Str::words($item->description_en,14) }}</p>
                    <a href="{{ route('front.our.culture.details',$item->id) }}" class="btn btn-warning read_more">{{ __('lang.read_more') }}</a>
                </div>
            </div>
            @endforeach
        </div>
        {{$posts->links("pagination::bootstrap-4")}}
    </div>
</section>
<!-- End Blog -->
@endsection