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

    <main>

        <!-- Start section -->
        @include('web.pages.components.header')

        <!-- Start section -->
        <section class="events-txt-sec section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="text_box">
                            <h1 class="title fw-bold mb-4 text-uppercase color-primary">
                                {!! $pages[0]->title !!}
                            </h1>
                                {!! $pages[0]->description !!}
                            <div class="contacts_row d-flex flex-wrap">
                                <p class="item">
                                    <i class="fa-solid fa-phone"></i> {{$settings['site_phone']}}
                                </p>
                                <p class="item">
                                    <i class="fa-solid fa-envelope"></i> {{$settings['site_email']}}
                                </p>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/pattern-1.svg" class="pattern" alt="">
        </section>

        <!-- Start section -->
        <section class="elevated_event resturants-sec about-sec section">
            <div class="container-fluid px-0">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="img_box">
                            <img src="{{asset($pages[1]->image)}}" class="resturants_img1" alt=""/>
                            <img src="{{asset($pages[1]->second_image)}}" class="resturants_img2" alt=""/>

                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="text_box">
                            <h1 class="title fw-bold mb-4 text-uppercase color-primary">
                                {{$pages[1]->title}}
                            </h1>
                                {!! $pages[1]->description !!}

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="rooms-sec pt-4 section">
            <div class="container">
                <div class="col-lg-6">
                    <h1 class="title_sec mb-4 text-uppercase color-primary fw-bold">  {!! $pages[3]->title !!} </h1>
                        {!! $pages[3]->description !!}
                </div>
                <div class="swiper-container rooms_swiper mt-5">
                    <div class="swiper-wrapper">
                        @foreach($events as $row)
                            <div class="swiper-slide">
                                <div class="room_card">
                                    <div class="img_box">
                                        <img src="{{asset($row->image)}}" class="sec-img" alt=""/>
                                    </div>
                                    <div class="card-body">
                                        <h4 class="title color-primary text-uppercase">{{$row->name}}</h4>
                                        <p class="p">
                                            {!! $row->description !!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/web/images/pattern-1.svg" class="pattern" alt=""/>
        </section>

        <!-- Start section -->
        <section class="meetings-sec about-sec section">
            <div class="container-fluid px-0">
                <div class="row justify-content-end align-items-center">
                    <div class="col-lg-6">
                        <div class="text_box">
                            <h1 class="title mb-4 text-uppercase color-primary fw-bold">{{$pages[2]->title}}</h1>
                                {!! $pages[2]->description !!}
                            <div class="events-txt-sec">
                                <div class="contacts_row d-flex flex-wrap">
                                    <p class="item">
                                        <i class="fa-solid fa-phone"></i> {{$settings['site_phone']}}
                                    </p>
                                    <p class="item">
                                        <i class="fa-solid fa-envelope"></i> {{$settings['site_email']}}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="img_box">
                            <img src="{{asset($pages[2]->image)}}" class="meetings_img1" alt=""/>
                            <img src="{{asset($pages[2]->second_image)}}" class="meetings_img2" alt=""/>

                        </div>
                    </div>
                </div>
            </div>
        </section>

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

@stop
