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

    <main>

        <!-- ---------- rooms2 ----------- -->
        <section class="rooms_grid mt-5">
            <div class="container">
                <div class="section_title">
                    <div class="row">
                        <div class="col-lg-8">
                            <h3 class="title"> {{__('web.our_rooms')}} <span class="line wow"></span> </h3>
                        </div>
                    </div>
                </div>
                <div class="rooms_cards">
                    <div class="row gx-1">
                        @if(count($rooms))
                            @foreach($rooms as $key=>$room)
                            <div class="col-lg-12">
                                <div class="room wow fadeInUp slow" data-wow-delay="0.{{$key+1 * 2}}s">
                                    <a href="{{route('room.show',$room->id)}}" class="img">
                                        <img src="{{asset($room->external_image)}}" alt="" class="img_cover">
                                        <div class="float_info">
                                            <h2> {{$room->name}} </h2>
                                        </div>
                                    </a>
                                    <div class="info">
                                        <h3> {{$room->name}} </h3>
                                        <ul class="info_list">
    {{--                                        <li> <span class="icon me-2"> <i class="fal fa-clock"></i> </span> <span class="txt"> From 5 pm - 12 pm </span> </li>--}}
                                            @if($room->status_min == 'true')
                                                <li>
                                                    <span class="icon me-2"> <i class="fal fa-users"></i> </span>
                                                    <span class="txt"> {{$room->room_min_count}} </span>
                                                </li>
                                            @endif
                                            <li>
                                                <span class="icon me-2"> <i class="fal fa-users"></i> </span>
                                                <span class="txt"> {{$room->room_max_count}} </span>
                                            </li>
                                            <li> <span class="txt">  {{$room->cost}} {{__('web.sar')}} {{__('web.per_person')}} </span> </li>
                                        </ul>
                                        <div class="text-end">
                                            <a href="{{route('room.show',$room->id)}}" class="book_link mt-4"> <span> {{__('web.book_now')}} </span> <span class="icon ms-2"> <i class="fal fa-chevron-right"></i> </span> </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        @else
                            <div class="text-center mt-4">
                                <a href="#0" class="butn butn_gray"> <span > {{__('web.not_exists_rooms')}} </span> </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>


        <!-- <div class="img_pattern1">
        </div> -->
    </main>

@stop
