@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/bg/breadcumb-bg.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">News & Events</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>News & Events</li>
                </ul>
            </div>
        </div>
    </div>










    {{-- news events --}}

    <div class="overflow-hidden space-top">
        <div class="container">
            <div class="row gy-24 gx-24 justify-content-center">
                @foreach ($event_image as $show)
                <div class="col-lg-3">
                    <div class="gallery-box style2">
                        <div class="gallery-img global-img"><a href="assets/img/gallery/gallery_3_1.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                src="{{ asset('dashboard_assets/event_image') }}/{{ $show->image }}" alt="gallery image">
                            </a></div>
                    </div>
                </div>
                @endforeach

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


    <section class="th-blog-wrapper space-top space-extra-bottom">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="title-area text-center">
                        {{-- <span class="sub-title style1">Resort Facilities</span> --}}
                        <h2 class="sec-title">News & Events</h2>
                    </div>
                </div>
            </div>

            <div class="row">
                @foreach ($news as $show)
                <div class="col-xxl-6 col-lg-6">
                    <div class="th-blog blog-single has-post-thumbnail">
                        <div class="blog-img"><img src="{{ asset('dashboard_assets/news') }}/{{ $show->image }}" alt="Blog Image">
                        </div>

                    </div>
                </div>
                <div class="col-xxl-6 col-lg-6">
                    <div class="blog-content">
                        <h2 class="box-title"><a href="#" style="pointer-events: none;">{{ $show->name}}</a></h2>
                        <div class="blog-meta">
                            <a href="#"><i class="fa-solid fa-calendar-days"></i>{{ $show->date}}</a> <a href="#"><i
                                    class="fa-light fa-map-location-dot"></i>{{ $show->location}}</a>
                        </div>
                        <p class="team-about_text mb-25">{!! $show->des !!}</p>

                    </div>
                </div>
                @endforeach



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



    {{-- news events --}}
@endsection