@if($contests->count())
    @php
        $favContests = Auth::user()->favContests ?? [];
        $favContestsIds = [];
        foreach ($favContests as $key => $favContest) {
            $favContestsIds[] = $favContest->contest_id;
        }
    @endphp
    <section id="buyTickets" class="position-relative pt-120 pb-120">
        <div class="bg-el">
            <img src="{{asset('frontend/assets/images/elements/contest-bg.png')}}" alt="image" />
        </div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
                    <div class="section-header text-center">
                        <span class="section-sub-title">{{$context->title ?? 'Try your chance at winning'}}</span>
                        <h2 class="section-title">{{$context->sub_title ?? 'Current Contest'}}</h2>
                        <div class="description_box text-white">
                            {!! $context->description ?? '<p>Participants buy tickets and lots are drawn to determine the winners.</p>' !!}
                        </div>
                    </div>
                </div>
            </div>
            <!-- row end -->
            <div class="row wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
                <div class="col-lg-12">
                    <!-- <ul class="nav nav-tabs justify-content-center mb-30 border-0" id="buyTickets" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="cmn-btn d-flex align-items-center active" id="car-tab" data-toggle="tab" href="#car"
                                role="tab" aria-controls="car" aria-selected="true"><span class="mr-3"><img
                                        src="assets/images/icon/btn/car.png" alt="icon" /></span>
                                Dream Car</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="cmn-btn style--two d-flex align-items-center" id="lifestyle-tab" data-toggle="tab"
                                href="#lifestyle" role="tab" aria-controls="lifestyle" aria-selected="false"><span
                                    class="mr-3"><img src="assets/images/icon/btn/box.png" alt="icon" /></span>All
                                lifestyle</a>
                        </li>
                    </ul> -->
                    <div class="tab-content" id="contestTabContent">

                        <div class="tab-pane fade show active" id="car" role="tabpanel" aria-labelledby="car-tab">
                            <div class="row mb-none-30">
                                @foreach ($contests as $key => $contest)
                                    <div class="col-xl-4 col-md-6 mb-30">
                                        <div class="contest-card__fav">
                                            <a href="{{Auth::check()?'javascript:0;':route('frontend.login')}}" id="favTag{{$contest->id}}" data-contest_id="{{$contest->id}}" class="action-icon">
                                                @if(in_array($contest->id, $favContestsIds))
                                                    <i class="fa fa-heart"></i>
                                                @else
                                                    <i class="far fa-heart"></i>
                                                @endif
                                            </a>
                                        </div>
                                        <div class="contest-card">
                                            <a href="{{route('contest-details', ['id' => $contest->id, 'slug' => $contest->slug])}}" class="item-link"></a>
                                            <div class="contest-card__thumb">
                                                @if(!empty($contest->images[0]->path) && Storage::exists($contest->images[0]->path))
                                                    <img src="{{asset(Storage::url($contest->images[0]->path))}}" alt="{{$contest->title.' Banner Image'}}">
                                                @else
                                                    <img src="{{asset('frontend/assets/images/contest/1.png')}}" alt="image">
                                                @endif
                                                <div class="contest-num">
                                                    <span>contest no:</span>
                                                    <h4 class="number">{{$contest->contest_no}}</h4>
                                                </div>
                                            </div>
                                            <div class="contest-card__content">
                                                <div class="left">
                                                    <h5 class="contest-card__name">
                                                        {{$contest->title}}
                                                    </h5>
                                                </div>
                                                <div class="right">
                                                    <span class="contest-card__price">${{$contest->price}}</span>
                                                    <p>ticket price</p>
                                                </div>
                                            </div>
                                            <div class="contest-card__footer">
                                                <ul class="contest-card__meta">
                                                    <li>
                                                        <i class="las la-clock"></i>
                                                        <span>

                                                            @php
                                                                $endDate = \Carbon\Carbon::parse($contest->contest_end)->endOfDay();
                                                                $now = \Carbon\Carbon::now();
                                                                $remainingDays = $now->diffInDays($endDate, false);
                                                            @endphp

                                                            @if(!empty($contest->contest_end))
                                                                {{$remainingDays}}d
                                                            @else
                                                                0d
                                                            @endif
                                                        </span>
                                                    </li>
                                                    <li>
                                                        <i class="las la-ticket-alt"></i>
                                                        <span>{{$contest->qty - $contest->orderTickets->count()}}</span>
                                                        <p>Remaining</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- contest-card end -->
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <!-- table content end -->
                </div>
            </div>
            <!-- row end-->

            @if(count($contests) >= 6)
                <div class="row mt-30">
                    <div class="col-lg-12">
                        <div class="btn-grp">
                            <a href="{{route('contest-listing')}}" class="btn-border">browse more</a>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>
@endif