@extends('frontLayouts.frontApp')

@section('headerContent')
    <div class="content">
        <h2>{{ $cat->name }}</h2>
        <form action="{{ route('front.our.culture.search') }}" method="post">
            @csrf
            <div class="input-group mb-3">
                <input type="text" name="name" required value="{{ request()->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 == $cat->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 Blog -->
    <section class="blog">
        <div class="container">
            @if(count($data))
            <div class="row">
                @foreach($data 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>
            {{$data->links("pagination::bootstrap-4")}}
            @else
                <h4 style="text-align: center;font-size: 58px;padding-block: 150px;color: #ca990e;font-weight: bold;">{{ __('lang.sorry') }} {{ request()->name }}</h4>
            @endif
        </div>
    </section>
    <!-- End Blog -->
@endsection