@extends('clientside.layouts.app')
@section('content')
    <section class="section_common inner_banner">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                @php $i = 0; @endphp
                @foreach ($banner as $banners)
                    <div class="carousel-item {{ $i == 0 ? 'active' : '' }}"
                        style="background:url({{ isset($banners->image) ? asset('storage/banners/' . $banners->image) : asset('/images/no-image.png') }})">
                        <img src="{{ isset($banners->image) ? asset('storage/banners/' . $banners->image) : asset('/images/no-image.png') }}"
                            alt="" class="w-100 banner_inner_image">
                        <div class="carousel-caption d-none d-flex justify-content-center align-items-center">
                            <div class=" wow fadeInUp">
                                {!! $banners->description !!}
                            </div>
                        </div>
                    </div>
                    @php $i++; @endphp
                @endforeach
            </div>
            @if ($i != 1)
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <img src="{{ asset('clientside/img/arr_left.png') }}" alt="">
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <img src="{{ asset('clientside/img/arr_right.png') }}" alt="">
                </a>
            @endif
        </div>
        <a href="#" class="scroll_more next-section">
            <img alt="" src="{{ asset('clientside/img/circle_white.png') }}" class="circle">
            <img alt="" src="{{ asset('clientside/img/arrow_white.png') }}" class="arrow">
        </a>
    </section>
    <section class="section_common even_list_sec" style="background:url('../clientside/img/events_list_bg.jpg') no-repeat">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 text-center">
                    <h3 class="section_title2 mb-4">{{ trans('fields.enjoy_stay_with_us') }}</h3>
                </div>
                @foreach ($event as $events)
                    <div class="col-md-4 wow ">
                        <div class="event_thumb">
                            <div class="thumb_image">
                                <img src="{{ isset($events->thumbnail_image) ? asset('storage/events/' . $events->thumbnail_image) : asset('/images/no-image.png') }}"
                                    alt="" class="w-100">
                            </div>
                            <div class="caption">
                                <h3>{{ $events->title }}</h3>
                                @if((App::getLocale()=='en'))
                                    @php $str = substr(strip_tags($events->short_description), 0, 150); @endphp
                                @else
                                    @php $str = $events->short_description; @endphp
                                @endif
                                <p>{{ $str }}..</p>
                                <div class="d-flex justify-content-between">
                                    <a href="{{ route('getevent', $events->id) }}"
                                        class="btn border-btn-white">{{ trans('fields.view_details') }}</a>
                                    <a href="{{route('home')}}/#enquiry"
                                        class="btn btn-primary">{{trans('headings.enquire-now')}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection