@extends('layout')
@section('title','User Lottery')
@section('content')
<div class="inner-hero-section style--five">
         </div>
           <div class="mt-minus-150 pb-120">
            <div class="container">
               <div class="row">
                 @include('user_card')
                  <div class="col-lg-8 mt-lg-0 mt-4">
                     <div class="upcoming-draw-wrapper">
                        <h3 class="title">My Tickets</h3>
                        <div class="draw-ticket-slider">
                           <div class="draw-single-ticket">
                              <div class="draw-single-ticket__header">
                                 <div class="left">Ticket#4</div>
                                 <div class="right">Contest No:R9D</div>
                              </div>
                              <div class="circle-divider"><img src="assets/images/elements/circle-border.png" alt="image"></div>
                              <ul class="ticket-numbers-list active">
                                 <li>23</li>
                                 <li>22</li>
                                 <li>19</li>
                                 <li>9</li>
                                 <li>50</li>
                                 <li>11</li>
                                 <li>12</li>
                              </ul>
                           </div>
                           <!-- draw-single-ticket end -->
                           <div class="draw-single-ticket">
                              <div class="draw-single-ticket__header">
                                 <div class="left">Ticket#1</div>
                                 <div class="right">Contest No:R9D</div>
                              </div>
                              <div class="circle-divider"><img src="assets/images/elements/circle-border.png" alt="image"></div>
                              <ul class="ticket-numbers-list active">
                                 <li>23</li>
                                 <li>22</li>
                                 <li>19</li>
                                 <li>9</li>
                                 <li>50</li>
                                 <li>11</li>
                                 <li>12</li>
                              </ul>
                           </div>
                           <!-- draw-single-ticket end -->
                           <div class="draw-single-ticket">
                              <div class="draw-single-ticket__header">
                                 <div class="left">Ticket#2</div>
                                 <div class="right">Contest No:R9D</div>
                              </div>
                              <div class="circle-divider"><img src="assets/images/elements/circle-border.png" alt="image"></div>
                              <ul class="ticket-numbers-list active">
                                 <li>23</li>
                                 <li>22</li>
                                 <li>19</li>
                                 <li>9</li>
                                 <li>50</li>
                                 <li>11</li>
                                 <li>12</li>
                              </ul>
                           </div>
                           <!-- draw-single-ticket end -->
                        </div>
                        <!-- draw-ticket-slider end -->
                     </div>
                     <!-- upcoming-draw-wrapper end -->
                     <div class="row mt-30  mb-none-30">
                        <div class="col-xl-6 col-lg-12 col-md-6 mb-30">
                           <div class="contest-card">
                              <a href="#0" class="item-link"></a>
                              <div class="contest-card__thumb">
                                 <img src="assets/images/contest/1.png" alt="image">
                                 <a href="#0" class="action-icon"><i class="far fa-heart"></i></a>
                                 <div class="contest-num">
                                    <span>contest no:</span>
                                    <h4 class="number">b2t</h4>
                                 </div>
                              </div>
                              <div class="contest-card__content">
                                 <div class="left">
                                    <h5 class="contest-card__name">The Breeze Zodiac IX</h5>
                                 </div>
                                 <div class="right">
                                    <span class="contest-card__price">$3.99</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>5d</span>
                                    </li>
                                    <li>
                                       <i class="las la-ticket-alt"></i>
                                       <span>9805</span>
                                       <p>Remaining</p>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <!-- contest-card end -->
                        </div>
                        <div class="col-xl-6 col-lg-12 col-md-6 mb-30">
                           <div class="contest-card">
                              <a href="#0" class="item-link"></a>
                              <div class="contest-card__thumb">
                                 <img src="assets/images/contest/2.png" alt="image">
                                 <a href="#0" class="action-icon"><i class="far fa-heart"></i></a>
                                 <div class="contest-num">
                                    <span>contest no:</span>
                                    <h4 class="number">X9U</h4>
                                 </div>
                              </div>
                              <div class="contest-card__content">
                                 <div class="left">
                                    <h5 class="contest-card__name">The Del Sol Trailblazer</h5>
                                 </div>
                                 <div class="right">
                                    <span class="contest-card__price">$3.99</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>5d</span>
                                    </li>
                                    <li>
                                       <i class="las la-ticket-alt"></i>
                                       <span>9805</span>
                                       <p>Remaining</p>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <!-- contest-card end -->
                        </div>
                        <div class="col-xl-6 col-lg-12 col-md-6 mb-30">
                           <div class="contest-card">
                              <a href="#0" class="item-link"></a>
                              <div class="contest-card__thumb">
                                 <img src="assets/images/contest/15.png" alt="image">
                                 <a href="#0" class="action-icon"><i class="far fa-heart"></i></a>
                                 <div class="contest-num">
                                    <span>contest no:</span>
                                    <h4 class="number">b2t</h4>
                                 </div>
                              </div>
                              <div class="contest-card__content">
                                 <div class="left">
                                    <h5 class="contest-card__name">The Breeze Zodiac IX</h5>
                                 </div>
                                 <div class="right">
                                    <span class="contest-card__price">$3.99</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>5d</span>
                                    </li>
                                    <li>
                                       <i class="las la-ticket-alt"></i>
                                       <span>9805</span>
                                       <p>Remaining</p>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <!-- contest-card end -->
                        </div>
                        <div class="col-xl-6 col-lg-12 col-md-6 mb-30">
                           <div class="contest-card">
                              <a href="#0" class="item-link"></a>
                              <div class="contest-card__thumb">
                                 <img src="assets/images/contest/16.png" alt="image">
                                 <a href="#0" class="action-icon"><i class="far fa-heart"></i></a>
                                 <div class="contest-num">
                                    <span>contest no:</span>
                                    <h4 class="number">X9U</h4>
                                 </div>
                              </div>
                              <div class="contest-card__content">
                                 <div class="left">
                                    <h5 class="contest-card__name">The Del Sol Trailblazer</h5>
                                 </div>
                                 <div class="right">
                                    <span class="contest-card__price">$3.99</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>5d</span>
                                    </li>
                                    <li>
                                       <i class="las la-ticket-alt"></i>
                                       <span>9805</span>
                                       <p>Remaining</p>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <!-- contest-card end -->
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- user section end -->
            
         


@endsection