@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">Participez à une Tombola et gagnez de nombreux lots!</span>
                <h2>Les Tombolas en cours</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 ($tombolas as $tombola) --}}
                    <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">Tombola</h4>
                            </div>
                            <div class="image-box">
                                <figure class="image">
                                    <a href=""><img src="" style="width:300px;height:350px" alt=""></a>
                                </figure>
                            </div>
                            <div class="lower-content">
                                <ul class="post-info">
                                    {{-- <li><span class="far fa-calendar"></span>{{ $carbon::createFromFormat('Y-m-d', $tombola->date_since)->format('d F Y') }}</li>
                                    <li><span class="far fa-map"></span> {{ $tombola->place }}</li> --}}
                                    <li><span class="far fa-user"></span> En cours</li>
                                </ul>
                                <h4><a href="">
                                    {{-- {{ $tombola->name }} --}}
                                    Nom de la Tombola
                                </a></h4>
                                <div class="btn-box">
                                    <a href="" class="read-more">Plus de détails / Participation</a>
                                </div>
                                <div class="btn-box mt-3 bg-info text-light d-flex " style="align-items: center; justify-content:center">Temps restant avant le tirage</div>
                                <div class="btn-box mt-3 bg-info text-light d-flex " style="height: 50px; align-items: center; justify-content:center; font-size:20px" >
                                    {{-- {{ $tombola->date_end }} --}}
                                    23j 13h 47m 24s
                                </div>
                            </div>
                        </div>
                    </div>
                {{-- @endforeach --}}
            </div>
        </div>
    </section>
    <!--End News Section -->


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

@endsection