@extends('layouts.front_app')
@section('content')
    <!-- Main Hero Section -->

    <section class="main-slider">
        <div class="container">
            <h2 class="heading">{{ $data->title_1 }}</h2>
            <div class="swiper mainSlider">
                <div class="swiper-wrapper">
                    @if($shows->isEmpty())
                        <p class="center-text text-white">No Show On This Week.</p>
                    @else
                        @foreach($shows as $val)
                            <div class="swiper-slide">
                                <div class="weekcard">
                                    <figure>
                                        <img src="{{ $val->getShowsProfile() }}" alt="{{ $val->name }}" class="img-fluid">
                                    </figure>
                                    <div>
                                        <h4>{{ $val->name }}</h4>
                                        <a href="{{ route('show.details',$val->id) }}">View Detail</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </section>
    <!-- ! Main Hero Section -->

    <!-- Upcoming Show Section -->
    <section class="upcoming-section">
        <div class="container">
            <h2 class="heading">{{ $data->title_2 }}</h2>
            @if(!$event->isEmpty()))
                <div class="row">
                    @foreach($event as $val)
                        <div class="col-md-4">
                            <div class="showcard">
                                <figure>
                                    <img src="{{$val->image }}" alt="{{$val->image }}" class="img-fluid">
                                </figure>
                                <div>
                                    <span><b><a href="{{ route('event.details',$val->id) }}" class="eventdate" >{{ \Carbon\Carbon::parse($val->created_date)->format('l, M j') }}</a></b></span>
                                    <h4>{{ $val->event_name }}.</h4>
                                    <ul>
                                        <li>
                                            <i class="fas fa-clock"></i> Doors : {{ \Carbon\Carbon::parse($val->time)->format('g:i A') }}
                                        </li>
                                        <li>
                                            <i class="fas fa-clock"></i> Show : {{ \Carbon\Carbon::parse($val->start_time)->format('g:i A') }}
                                        </li>
                                        <li><i class="fas fa-map-marker-alt"></i> Location :   <a href="https://www.google.com/maps/search/?api=1&query={{ urlencode($val->location) }}" target="_blank">
    {{ $val->location }}
  </a>
</li>
                                        <!--<li><i class="fas fa-ticket-alt"></i>{{ $val->organizer_name }}</li>-->
                                        <li>
                                            <i class="fas fa-ticket-alt"></i> Ticket Price : <i class="fa-solid fa-dollar-sign" style="width: 11px; color: white;"></i> {{ !empty($val->price) ? $val->price : '' }}
                                        </li>
                                    </ul>
                                    <a href="{{ route('event.details',$val->id) }}" class="themeBtn">Buy Ticket</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="text-center mt-5">
                    <a href="{{ route('events') }}" class="themeBtn">View All show</a>
                </div>
            @endif
        </div>
    </section>
    <!-- ! Upcoming Show Section -->
@endsection