@extends("vitrines.base");
@php
    $header = htmlHeader("","","","");
@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">Choisi et vote pour ton candidat !</span>
                <h2>Les votes en ce moment</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="GET" action="{{ route("App#Votes") }}">
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-3 col-sm-12 form-group">
                            <input type="text" name="keyWord" placeholder="Recherche par mot clé">
                        </div>

                        <div class="col-lg-3 col-md-3 col-sm-12 form-group">
                            <select name="eventType">
                                <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="country" 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="dateStart" name="date" placeholder="">
                        </div>

                        <div class="col-lg-2 col-md-3 col-sm-12 form-group">
                            <input type="dateEnd" name="date" placeholder="">
                        </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 ($votes as $vote)
                    <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"> vote {{ $vote->event->name }}</h4>
                            </div>
                            <div class="image-box">
                                <figure class="image">
                                    <a href="{{ route("App#Vote",["link"=>$vote->link]) }}"><img style="width:300px;height:350px" src="{{ $vote->event->banner }}" alt=""></a>
                                </figure>
                            </div>
                            <div class="lower-content">
                                <ul class="post-info">
                                    <li><span class="far fa-calendar"></span>Prend fin le {{ date("jS, F Y à  h:i:s", strtotime($vote->date_since)) }}</li>
                                    <li><span class="far fa-map"></span> {{ $vote->country }}</li>
                                    {{-- <li><span class="far fa-user"></span> {{ $vote->price }} FCFA</li> --}}
                                </ul>
                                {{-- <h4><a href="{{ route("App#Vote",["link",$vote->link]) }}">{{ "nhg" }}</a></h4> --}}
                                <div class="btn-box">
                                    <a href="{{ route("App#Vote",["link"=>$vote->link]) }}" class="read-more">Afficher les candidates</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" >
                                    {{ $vote->date_end }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--End News Section -->


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

@endsection