@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 | '.$catx->ar_title)    
@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><a href="#">بحث</a></li>
            </ul>
        </div>
    </div>
    <div class="page-section">
        <div class="container">
            @if($hotels->count() > 0)
            <div class="row">
                @foreach($hotels as $hotel)
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="blog_article">
                            <a href="{{url('Hotel/'.beautify_url($hotel->title))}}{{$query_string}}" class="article_image">
                                <img src="{{asset($hotel->hotel_images[0]->image)}}" alt="Fanadek Masr | فنادق مصر | {{$hotel->title}}" />
                            </a>
                            <div class="article-details">
                                <h2>
                                    <a href="{{url('Hotel/'.beautify_url($hotel->title))}}{{$query_string}}">
                                        {{$hotel->title}}
                                    </a>
								</h2>
								<div class="rating-area">
									<ul class="rating">
									@for ($i = 1; $i <= $hotel->stars; $i++)
									<li><i class="fas fa-star"></i></li>
									@endfor
									</ul>
								</div>
                            </div>
                        </div>
                    </div>
                @endforeach	
            </div>					
            {{$hotels->appends($_GET)->links()}}
            @else
                <h2 class="text-center">لا توجد نتائج</h2>
            @endif
        </div>
    </div>
@endsection