@extends('web.layouts.layout')
@section('content')

    <main>

    <!-- Start section -->
    <section class="rooms-pg section">
        <div class="container">
            
            <!--@php $lang = getCurrentLocale() == 'ar'? 'ar-AR' : 'en-EN'; @endphp-->
            
            <!--<iframe src="https://demov3.book-onlinenow.net/index.aspx?src=202&lan_id={{$lang}}" style='width:100%;height:100pc'></iframe>-->
            
            
            
            
            
            <div class="sec-head">
                <h1 class="title color-primary fw-bold text-uppercase">{{__('web.choose_your_room')}}</h1>
                <p class="p color-primary">{{$count}} {{__('web.room_search')}}</p>
            </div>
            <!--<div class="box mb-5">-->
            <!--    <div class="in-flex">-->
            <!--        <p class="search_result mb-0 color-primary">-->
            <!--            @foreach($filters as $key => $row)-->
            <!--                <span>-->
            <!--                {{__('web.'.$key) .' : '. $row}} @if(array_key_last($filters) != $key) | @endif</span>-->
            <!--            @endforeach-->
            <!--        </p>-->
            <!--        <button class="chang_search_butn color-primary fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch">-->
            <!--            {{__('web.change_search')}} <i class="fa-solid fa-caret-down ms-1"></i>-->
            <!--        </button>-->
            <!--    </div>-->
            <!--    <div class="collapse" id="collapseSearch">-->
            <!--        <div class="search_box">-->
            <!--            <div class="inner">-->
            <!--                <form method="GET" action="{{route('room.index')}}">-->
            <!--                    <div class="row align-items-center">-->
            <!--                        <div class="col-lg-4">-->
            <!--                            <div class="form-group mb-4">-->
            <!--                                <input type="search" name="room" placeholder="{{__('web.what_you_looking_for')}}" @if(isset($filters['room'])) value="{{$filters['room']}}" @endif  class="form-control search_input" />-->
            <!--                                <i class="fa-solid fa-magnifying-glass"></i>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                        <div class="col-lg-4">-->
            <!--                            <div class="row mb-4">-->
            <!--                                <div class="col-6">-->
            <!--                                    <div class="form-group">-->
            <!--                                        <label class="label">{{__('web.check_in')}}</label>-->
            <!--                                        <input type="date" name="check_in" @if(isset($filters['check_in'])) value="{{$filters['check_in']}}" @endif class="form-control" />-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                                <div class="col-6">-->
            <!--                                    <div class="form-group">-->
            <!--                                        <label class="label">{{__('web.check_out')}}</label>-->
            <!--                                        <input type="date" name="check_out" @if(isset($filters['check_out'])) value="{{$filters['check_out']}}" @endif class="form-control" />-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                            </div>-->

            <!--                        </div>-->
            <!--                        <div class="col-lg-4">-->
            <!--                            <div class="row mb-4">-->
            <!--                                <div class="col-6">-->
            <!--                                    <div class="qty-group">-->
            <!--                                        <label class="label text-center">{{__('web.adults')}}</label>-->
            <!--                                        <div class="quantity-container m-auto">-->
            <!--                                            <div class="add-more">-->
            <!--                                                <span class="qt-minus"><i class="fas fa-minus"></i></span>-->
            <!--                                                <input class="qt" name="adult" value="{{$filters['adult'] ?? 1}}">-->
            <!--                                                <span class="qt-plus"><i class="fas fa-plus"></i></span>-->
            <!--                                            </div>-->
            <!--                                        </div>-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                                <div class="col-6">-->
            <!--                                    <div class="qty-group">-->
            <!--                                        <label class="label text-center">{{__('web.children')}}</label>-->
            <!--                                        <div class="quantity-container m-auto">-->
            <!--                                            <div class="add-more">-->
            <!--                                                <span class="qt-minus"><i class="fas fa-minus"></i></span>-->
            <!--                                                <input class="qt" name="children" value="{{$filters['children'] ?? 1}}">-->
            <!--                                                <span class="qt-plus"><i class="fas fa-plus"></i></span>-->
            <!--                                            </div>-->
            <!--                                        </div>-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                            </div>-->

            <!--                        </div>-->
            <!--                        <div class="col-lg-8">-->
            <!--                            <div class="type_radios_group">-->
            <!--                                @foreach($categories as $row)-->
            <!--                                    <div class="form-check">-->
            <!--                                        <input class="form-check-input" type="radio" name="category" value="{{$row->id}}" id="typeRadio{{$row->id}}" @if($request->category == $row->id) checked @endif>-->
            <!--                                        <label class="form-check-label" for="typeRadio{{$row->id}}">-->
            <!--                                            {{$row->name}}-->
            <!--                                        </label>-->
            <!--                                    </div>-->
            <!--                                @endforeach-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                        <div class="col-lg-4">-->
            <!--                            <button class="butn primary_butn w-100 fw-bold">{{__('web.search')}}</button>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </form>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="">
                @foreach($rooms as $row)
                    <div class="room_card">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="img_box">
                                    <img src="{{asset($row->image)}}" class="sec-img" alt="">
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="card-body">
                                    <h4 class="title fw-bold color-primary mb-4 text-uppercase">
                                        {{$row->name}}
                                    </h4>
                                    <div class="features_items mt-3">
                                        @foreach($row->featureSample() as $feature)
                                        <p class="item">
                                            <img src="{{asset($feature->image)}}"> {{$feature->descriptions()->name}}
                                        </p>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="end_box">
                                    <a href="{{route('room.show',$row->id)}}" class="butn primary_butn fw-bold m-auto mt-0">{{__('web.view_more')}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

        </div>
    </section>



    <!-- Start section -->
    @include('web.pages.components.reward_program')
</main>


@stop
