@extends('frontLayouts.frontApp')

@section('headerContent')
    <div class="content">
        <h2>{{ __('lang.our_museums') }}</h2>
        <form action="{{ route('our_museums.search') }}" method="post">
            @csrf
            <div class="input-group mb-3">
                <input type="text" name="name" 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="city_id" aria-label="Default select example" required>
                            <option selected disabled>{{ __('lang.city') }}</option>
                            @foreach($cities as $item)
                                <option value="{{ $item->id }}" {{ $item->id == request()->city_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 Our Museums -->
<section class="our_museums">
  <div class="container">
      @if(count($data))
      @foreach($data as $item)
        <div class="box">
            <div class="row">
        <div class="col-lg-4">
          <img src="{{ url($item->image) }}" alt="#" />
        </div>
        <div class="col-lg-8">
          <div class="content">
            <h4>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->title_ar : $item->title_en }}</h4>
            <p>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->content_ar : $item->content_ar }}</p>
              <div class="items">
                <div class="row">
                  <div class="col-md-6">
                    <div class="item">
                      <i class="fas fa-map-marker-alt"></i> <h6>{{ LaravelLocalization::getCurrentLocale() == 'ar' ? $item->city->name_ar : $item->city->name_en }} </h6>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="item">
                      <i class="fas fa-calendar-alt"></i> <h6>{{ __('lang.to') }} {{ __('lang.'.$item->from) }} {{__('lang.to')}} {{ __('lang.'.$item->to) }} </h6>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="item">
                      <i class="fas fa-phone-alt"></i> <h6>{{ $item->phone }} </h6>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="item">
                      <i class="fas fa-envelope"></i> <h6>{{ $item->email }} </h6>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
      </div>
        </div>
      @endforeach
          {{$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 Our Museums -->
@endsection