@extends('souqwaqif.layouts.app')
@section('content')
    <section class="slider_section innerslider_section">
        <div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-inner">
                @php $i = 0; @endphp
                @foreach($banner as $banners)
                    <div class="carousel-item  slide {{ $i==0 ? 'active': '' }}" data-bs-interval="10000">
                        <img src="{{isset($banners->image)?asset('storage/banners/'.$banners->image):asset('/images/no-image.png')}}" class="d-block w-100" alt="...">
                        <div class="carousel-caption d-md-block">
                            <div>
                                <h1>{{trans('headings.aboutus-list')}} </h1>
                                {!! isset($banners->description)? $banners->description : 'Raising comfort to the Highest Level'!!}
                            </div>
                        </div>
                    </div>
                @php $i++; @endphp
                @endforeach
            </div>
        </div>
    </section>
    @if(isset($data))
        <section class="facilitiespage-section aboutpage-section section-padding">
            <div class="container">
                <div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                    <div class="col-lg-5">
                        <div class="forimg_animate forimg_animate_hotel">
                            <div class="imgsec">
                                <figure class="effect-apollo"> <img src="{{isset($data->image1)?asset('storage/aboutus/'.$data->image1):asset('/images/no-image.png')}}" />
                                    <figcaption> </figcaption>
                                </figure>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 d-flex align-items-center">
                        <div class="homehotel_details hoteldetail_inner">
                            <h3>{{isset($data->title)? $data->title : 'About Central Inn Souq Waqif'}}</h3>
                            <p>{{isset($data->short_description)? $data->short_description : 'description'}}</p>
                            {!!isset($data->description)? $data->description : 'description'!!}
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection