@extends('layouts.landing')

@section('title')
    Kalender Acara
@endsection

@section('content')
    {{-- <section class="wrapper bg-soft-primary position-relative">
        <div class="container pt-20 pb-10 pt-md-20 text-center">
            <div class="row">
                <div class="col-lg-8 mx-auto mb-5">

                    <h3 class="display-1 mb-6">{{ Helper::lang('Calandar') }}</h3>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
        <div class="overflow-hidden">
            <div class="divider text-light mx-n2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
                    <path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z" />
                </svg>
            </div>
        </div>
    </section> --}}

    <section class="wrapper bg-light">
        <div class="container pt-20 pt-md-20 pb-15 pb-md-17">
            <div class="row pt-5">
                <div class="col-xl-10 mx-auto">
                    <div class="container text-center mb-6">
                        <div class="row pt-2">
                            <div class="col-lg-12">
                                <form class="filter-form mb-10" method="GET">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <div class="form-control-wrapper">
                                                <input type="search" name="search" value="{{ request('search') }}"
                                                    class="form-control" placeholder="{{ __('message.Cari') }}">
                                            </div>
                                        </div>
                                        <div class="col-md-3 mb-3">
                                            <div class="form-select-wrapper">
                                                <select class="form-select" name="month" aria-label="">
                                                    <option value="" selected>{{ __('message.Bulan') }}</option>
                                                    <option value="01" {{ request('month') == 01 ? 'selected' : null }}>
                                                        {{ __('message.Januari') }}
                                                    </option>
                                                    <option value="02" {{ request('month') == 02 ? 'selected' : null }}>
                                                        {{ __('message.Februari') }}
                                                    </option>
                                                    <option value="03" {{ request('month') == 03 ? 'selected' : null }}>
                                                        {{ __('message.Maret') }}
                                                    </option>
                                                    <option value="04" {{ request('month') == 04 ? 'selected' : null }}>
                                                        {{ __('message.April') }}
                                                    </option>
                                                    <option value="05"
                                                        {{ request('month') == 05 ? 'selected' : null }}>
                                                        {{ __('message.Mei') }}
                                                    </option>
                                                    <option value="06"
                                                        {{ request('month') == 06 ? 'selected' : null }}>
                                                        {{ __('message.Juni') }}
                                                    </option>
                                                    <option value="07"
                                                        {{ request('month') == 07 ? 'selected' : null }}>
                                                        {{ __('message.Juli') }}
                                                    </option>
                                                    <option value="08"
                                                        {{ request('month') == '08' ? 'selected' : null }}>
                                                        {{ __('message.Agustus') }}
                                                    </option>
                                                    <option value="09"
                                                        {{ request('month') == '09' ? 'selected' : null }}>
                                                        {{ __('message.September') }}
                                                    </option>
                                                    <option value="10"
                                                        {{ request('month') == '10' ? 'selected' : null }}>
                                                        {{ __('message.Oktober') }}
                                                    </option>
                                                    <option value="11"
                                                        {{ request('month') == '11' ? 'selected' : null }}>
                                                        {{ __('message.November') }}
                                                    </option>
                                                    <option value="12"
                                                        {{ request('month') == '12' ? 'selected' : null }}>
                                                        {{ __('message.Desember') }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-1 mb-3">
                                            <button type="submit"
                                                class="btn btn-primary">{{ __('message.Cari') }}</button>
                                        </div>
                                    </div>
                                </form>
                                <!-- /.blog -->
                                <div class="blog grid grid-view">
                                    <div class="row isotope gx-md-8 gy-8 mb-8">
                                        @forelse ($events as $key => $value)
                                            <article class="item post col-md-4">
                                                <div class="card">
                                                    <figure class="card-img-top overlay overlay-1 hover-scale h-22"><a
                                                            href="{{ route('landing.events.show', ['slug' => $value->slug]) }}">
                                                            <img class="h-25"
                                                                src="{{ asset('uploads/landing-page/events/images/' . $value->photo) }}"
                                                                alt="" /></a>
                                                        <figcaption>
                                                            <h5 class="from-top mb-0">{{ __('message.Selengkapnya') }}
                                                            </h5>
                                                        </figcaption>
                                                    </figure>
                                                    <div class="card-body">
                                                        <div class="post-header">
                                                            <!-- /.post-category -->
                                                            <h2 class="post-title h3 mt-1 mb-3"><a class="link-dark"
                                                                    href="{{ route('landing.events.show', ['slug' => $value->slug]) }}">{{ Str::substr($value->name, 0, 25) . '...' }}</a>
                                                            </h2>
                                                        </div>
                                                        <!-- /.post-header -->

                                                        <!-- /.post-content -->
                                                    </div>
                                                    <!--/.card-body -->
                                                    <div class="card-footer">
                                                        <ul class="post-meta d-flex mb-0">
                                                            <li class="post-date"><i
                                                                    class="uil uil-calendar-alt"></i><span>{{ date('d M Y', strtotime($value->date)) }}</span>
                                                            </li>


                                                        </ul>
                                                        <!-- /.post-meta -->
                                                    </div>
                                                    <!-- /.card-footer -->
                                                </div>
                                                <!-- /.card -->
                                            </article>
                                        @empty
                                            <div class="text-center">
                                                <p>{{ __('message.Tidak ada data') }}</p>
                                            </div>
                                        @endforelse
                                    </div>
                                    <!-- /.row -->
                                </div>
                                <!-- /.blog -->
                                {{-- <nav class="d-flex" aria-label="pagination">
                                    <ul class="pagination">
                                        <li class="page-item disabled">
                                            <a class="page-link" href="#" aria-label="Previous">
                                                <span aria-hidden="true"><i class="uil uil-arrow-left"></i></span>
                                            </a>
                                        </li>
                                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                                        <li class="page-item">
                                            <a class="page-link" href="#" aria-label="Next">
                                                <span aria-hidden="true"><i class="uil uil-arrow-right"></i></span>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- /.pagination -->
                                </nav> --}}
                                @if ($events->hasPages())
                                    <div class="row">
                                        <div class="col">
                                            {{ $events->links('pagination::bootstrap-4') }}
                                        </div>
                                    </div>
                                @endif
                                <!-- /nav -->
                            </div>
                        </div>
                        {{-- @if ($even->hasPages())
                            <div class="row">
                                <div class="col">
                                    {{ $membership->links('pagination::bootstrap-4') }}
                                </div>
                            </div>
                        @endif --}}
                    </div>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
@endsection