@extends("vitrines.base");
@php
    use Carbon\Carbon;
    $header = htmlHeader("","","","");
    $carbon = new Carbon();
    $carbon::setLocale('fr');
@endphp
@section('content')

<div class="page-wrapper">

    <!-- Preloader -->
    <div class="preloader"></div>
    <!-- Header span -->

    <!-- News Section -->
    <section class="news-section">
        <div class="anim-icons">
            <span class="icon icon-circle-blue wow fadeIn"></span>
            <span class="icon twist-line-1 wow zoomIn"></span>
            <span class="icon twist-line-2 wow zoomIn"></span>
            <span class="icon twist-line-3 wow zoomIn"></span>
        </div>

        <div class="auto-container">
            <div class="sec-title text-center">
                <span class="title">Réserve ta place et achète ton ticket !</span>
                <h2>Les prochains évènements</h2>
            </div>


            <!--Comment Form-->
            <div class="comment-form" style="padding: 0px 0px 30px;">
                <!-- <div class="group-title">
                            <h3>Leave a comment</h3>
                        </div> -->
                <form method="post" action="event-detail">
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-3 col-sm-12 form-group">
                            <input type="text" name="username" placeholder="Recherche par mot clé">
                        </div>

                        <div class="col-lg-3 col-md-3 col-sm-12 form-group">
                            <select>
                                <option selected="" disabled="">Type d'évènement</option>
                                    @foreach (App\Models\EventType::all() as $eventType)
                                        <option value="{{ $eventType->id }}">{{ $eventType->label }}</option>
                                    @endforeach
                            </select>
                        </div>


                        <div class="col-lg-2 col-md-3 col-sm-12 form-group">
                            <select name="pays" id="">
                                <option selected="" disabled="">Pays</option>
                                @foreach (config("app.countries") as $country)
                                    <option value="{{ $country }}">{{ $country }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-2 col-md-3 col-sm-12 form-group">
                            <input type="date" name="email" placeholder="Email">
                        </div>

                        <div class="col-lg-2 col-md-3 col-sm-12 form-group">
                            <button class="theme-btn btn-style-one" type="submit" name="submit-form"><span
                                    class="btn-title">Rechercher</span></button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="row">
                @foreach ($events as $event)
                    <div class="news-block col-lg-4 col-md-4 col-sm-12 wow fadeInRight pricing-block-two">
                        <div class="inner-box">
                            <div class="price-box">
                                <h4 class="price">{{ $event->eventType->label }}</h4>
                            </div>
                            <div class="image-box">
                                <figure class="image">
                                    <a href="{{ route("App#EventDetail",["link" => $event->link]) }}"><img src="{{ $event->photo }}" style="width:300px;height:350px" alt="{{ $event->name }}"></a>
                                </figure>
                            </div>
                            <div class="lower-content">
                                <ul class="post-info">
                                    <li><span class="far fa-calendar"></span>{{ $carbon::createFromFormat('Y-m-d', $event->date_since)->format('d F Y') }}</li>
                                    <li><span class="far fa-map"></span> {{ $event->place }}</li>
                                    <li><span class="far fa-user"></span> {{ $event->status }}</li>
                                </ul>
                                <h4><a href="{{ route("App#EventDetail",["link" => $event->link]) }}">{{ $event->name }}</a></h4>
                                <div class="btn-box">
                                    <a href="{{ route("App#EventDetail",["link" => $event->link]) }}" class="read-more">Plus de détails / Réservation</a>
                                </div>
                                <div class="btn-box mt-3 bg-info text-light d-flex timer" style="height: 50px; align-items: center; justify-content:center; font-size:20px" >
                                    {{ $event->date_end }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--End News Section -->


</div>
<!--End pagewrapper-->

@endsection