@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-indicators">
                @php $i = 0; @endphp
                @foreach ($banners as $banner)
                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="{{ $i }}" {!! $i==0 ? 'class="active"  aria-current="true"': '' !!}  aria-label="Slide {{ $i + 1 }}"></button>
                    @php $i++; @endphp
                @endforeach
            </div>
            <div class="carousel-inner">
                @php $i = 0; @endphp
                @foreach ($banners as $banner)
                    <div class="carousel-item  slide {{ $i == 0 ? 'active' : '' }}" data-bs-interval="10000">
                        <img src="{{ isset($banner->image) ? asset('storage/banners/' . $banner->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> --}}
                                {!! $banner->description !!}
                            </div>
                        </div>
                    </div>
                    @php $i++; @endphp
                @endforeach
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span
                    class="visually-hidden">Previous</span> </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span
                    class="visually-hidden">Next</span> </button>
        </div>
    </section>
    <section class="eventspage-section section-padding">
        <div class="container">
            @foreach($events as $event)
                <div class="row eventpage_b meeteventpadding" id="{{str_replace(' ', '', $event->title)}}">
                    <div class="col-lg-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                        <div class="owl-carousel meetingeventpage_carousel owl-theme">
                            <div class="item"> <img src="{{ asset('storage/events/' . $event->image) }}" /> </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex align-items-center wow fadeInUp" data-wow-duration="1s" data-wow-delay=".7s">
                        <div class="homehotel_details hoteldetail_inner">
                            <h3>{{$event->title}}</h3>
                            <p>{{$event->description}} </p>
                            <div class="event_conetnts">
                                <h6>{{trans('headings.capacity')}}</h6>
                                <div class="event_contentblock">
                                    <div class="row gy-2">
                                        {!! $event->short_description !!}
                                    </div>
                                </div>
                            </div>
                            <div class="event_cta"><span><a href="{{ route('souqwaqif') }}#enquiry" class="btn primary_btn">{{trans('headings.enquire_now')}} </a></span></div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
@endsection