@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main >
        <div class="the-container">
            <div class="member-grid-controller">
                <div class="member-navigator relative flex flex-col-reverse lg:flex-col">
                    <div class="form-wrapper service-navi mb-[1.5rem] lg:mb-0 lg:hidden">
                        <select class="form-style" id="menu-news" name="selectName" onchange="location = this.value">
                            @foreach ($data['categorys'] as $categorys)
                                @php
                                $slug = explode("event-category/", $categorys['slug']);
                                $checkslug = $slug[1];
                                @endphp 
                                    <option value="{{url($categorys['slug'])}}" @if($checkslug == $data['slugs']) selected @endif>{{$categorys['name']}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="sticky lg:top-[85px] mb-[.5rem] lg:mb-0 menu-d">
                        <p class="th-5 fs-24 lg:mb-[1rem] title-article ">Events</p>
                        <div class="hidden lg:block">
                            <ul class="mmenu ">
                                @foreach ($data['categorys'] as $category)
                                @php
                                $slug = explode("event-category/", $category['slug']);
                                $checkslug = $slug[1];
                                @endphp                           
                                        <li class="full-url mb-2 il-article" style="{{ $checkslug == $data['slugs'] ? "color:#EAB14B;":""}}">
                                            <p class="th-3 fs-18">{{$category['name']}}</p>
                                            <a href="{{ url($category['slug']) }}"></a>
                                        </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                @if (!empty($data['events']))
                    <div class="member-information">
                        <div class="layout">
                            @foreach ($data['events'] as $event)      
                                <div class="tn:w-1/2 md:w-1/3 mb-[1rem]">
                                    <div class="blog-box-wrapper">
                                        <div class="blog-box-img">
                                            <img src="{{ asset($event['image']) }}" >
                                            
                                            <a href="{{ url($event['slug']) }}"></a>
                                        </div>
                                        <div class="blog-box-detail">
                                            <div class="blog-main-title ">{!!$event['name']!!}</div>
                                            <div class="blog-sub-title ">{!!$event['detail']!!}</div>
                                            <div class="blog-details-title">{{$event['date']}}</div>    
                                            <a href="{{ url($event['slug']) }}"> </a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                                            
                        </div>
                        <div class="mt-6">
                            <ul class="pgntn rounded" role="menubar" aria-label="Pagination">
                                @if ($data['event']->currentPage() > 1)
                                    <li>
                                        <a href="{{ $data['event']->previousPageUrl() }}"><span>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                            <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
                                        </svg></span>
                                        </a>
                                    </li>
                                @endif

                                    @if(!empty($data['events']))
                                        @for ($i = 1; $i <= $data['event']->lastPage(); $i++)
                                            @if ($data['event']->lastPage() > 1)
                                                <li class="{{$data['event']->currentPage() == $i ? 'current': '' }}"><a href="{{ url($page_init['lang_switch'][$page_init['lang']].'?page='.$i) }}">{{$i}}</a></li>  
                                            @endif                            
                                        @endfor
                                    @endif
                            
                                @if ($data['event']->hasMorePages())
                                    <li>
                                        <a href="{{ $data['event']->nextPageUrl() }}"><span>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
                                        </svg></span>
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>                   
                @endif
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection