@extends('layouts.front-layout')
@section('title') Upcoming Hit Man Events @endsection

@section('content')
    <section class="main-slider innerBanner" id="mainSlider">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="slideOne">
                        <h1>upcoming Hitman events</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="eventSec eventInner">
        <div class="container">
            <h2 class="mainHeading text-center" data-aos="fade-up">upcoming public events</h2>
            <div class="row">
                <div class="col-md-12">
                    <div class="eventTabs" data-aos="fade-up">
                        <ul class="nav nav-pills" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="pills-home-tab" data-toggle="pill"
                                        data-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                        aria-selected="true">Past events</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-profile-tab" data-toggle="pill"
                                        data-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                                        aria-selected="false">Upcoming public events</button>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content" id="pills-tabContent">
                                     {{--Past events--}}
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                             aria-labelledby="pills-home-tab">
                       @forelse($get_past_events as $past_event)
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="eventWrap">
                                        <figure>
                                            <img src="{{ $past_event->image_status === 1 ? $past_event->image_url : $past_event->eventImage('event_image') }}" class="img-fluid" alt="">
                                            <div class="eventDate"><i class="fal fa-calendar"></i>
                                                Posted on {{ date('F - d - Y', strtotime($past_event->start_date)) }}
                                            </div>

                                        </figure>
                                        <div class="eventText">

                                            <h3>{{$past_event->event_name ? : ''}}</h3>
                                         {!! $past_event->description ? : '' !!}
                                            <a href="{{route('upcoming.hit.man.events')}}">View More Details</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @empty
                           <h3 class="text-danger text-center">Past Event Data Not Found</h3>
                            @endforelse
                        </div>


                                  {{--Upcoming public events--}}
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                             aria-labelledby="pills-profile-tab">
                            @forelse($get_future_events as $future_event)

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="eventWrap">
                                        <figure>
                                            <img src="{{ $future_event->image_status === 1 ? $future_event->image_url : $future_event->eventImage('event_image') }}" class="img-fluid" alt="">
                                            <div class="eventDate"><i class="fal fa-calendar"></i>
                                                Posted on {{ date('F - d - Y', strtotime($future_event->start_date)) }}
                                            </div>
                                        </figure>
                                        <div class="eventText">
                                            <h3>{{$future_event->event_name ? : ''}}</h3>
                                              {!! $future_event->description ? : '' !!}
                                            <a href="{{route('upcoming.hit.man.events')}}">View More Details</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @empty
                                <h3 class="text-danger text-center">Upcoming Event Data Not Found</h3>
                            @endforelse
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection