@extends("frond.template.user_layout")

@section('content')

            <div class="col-lg-8">
                <div class="user-card mb-30 p-0 overflow-hidden">
                    <div class="contest-card">
                        <div class="contest-card__thumb">
                            <img src="{{asset('/front/assets/')}}/images/1241580367.png" alt="image" />
                        </div>
                        <div class="contest-card__content">
                            <div class="left">
                                <h5 class="contest-card__name mb-2 text-start text-center-sm h3"> @if(Auth::user()->is_membership_paid==0) Purchase @else Active @endif Membership</h5>
                            </div>
                            <div class="right">
                                <span class="contest-card__price">{{config('global.default_currency_code')}} {{$settings->platform_fee}}</span>
                                <p>ticket price</p>
                            </div>
                        </div>
                        @if(Auth::user()->is_membership_paid==0)
                        <a href="#!" class="contest-card__footer w-100 qrshow" id="m-purchase" data-wallet="{{$settings->registration_to_address}}" data-type="membership" data-price="{{$settings->platform_fee}}" data-last-transaction-time="{{$last_transaction_time}}">Buy Now</a>
                        @endif
                    </div>
                </div>

                <div class="row">
                    @if($daily_ticket)
                    <div class="col-lg-6 mb-30">
                        <div class="contest-card">
                            <!-- <a href="#" class="item-link"></a> -->
                            <div class="contest-card__thumb">
                                <img src="{{$daily_ticket->file_url}}" alt="image" />
                                <!-- <a href="#" class="action-icon"><i class="far fa-heart"></i></a> -->
                                @if(Auth::user()->is_membership_paid==1)
                                <a class="contest-num" href="#">
                                    <!-- <span>contest no:</span> -->
                                    
                                    <h4 class="number qrshow" data-type="ticket" data-wallet="{{$settings->daily_to_address}}" data-price="{{$daily_ticket->price}}" data-last-transaction-time="{{$last_transaction_time}}">Buy Now</h4>
                                    
                                </a>
                                @endif
                            </div>
                            <div class="contest-card__content">
                                <div class="left">
                                    <h5 class="contest-card__name mb-2">{{$daily_ticket->product_name}}</h5>
                                </div>
                                <div class="right">
                                    <span class="contest-card__price">{{config('global.default_currency_code')}} {{$daily_ticket->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 id="countdown2"></span>
                                    </li>
                                    <!-- <li>
                                <i class="las la-ticket-alt"></i>
                                <span>323</span>
                                <p>Sold</p>
                            </li> -->
                                </ul>
                            </div>
                        </div>
                        <!-- contest-card end -->
                    </div>
                    @endif
                    @if($monthly_ticket)
                    <div class="col-lg-6 mb-30">
                        <div class="contest-card">
                            <!-- <a href="#" class="item-link"></a> -->
                            <div class="contest-card__thumb">
                                <img src="{{$monthly_ticket->file_url}}" alt="image" />
                                <!-- <a href="#" class="action-icon"><i class="far fa-heart"></i></a> -->
                                @if(Auth::user()->is_membership_paid==1)
                                <a class="contest-num" href="#">
                                    <!-- <span>contest no:</span> -->
                                    
                                    <h4 class="number qrshow"  data-type="ticket" data-wallet="{{$settings->monthly_to_address}}" data-price="{{$monthly_ticket->price}}" data-last-transaction-time="{{$last_transaction_time}}">Buy Now</h4>
                                    
                                </a>
                                @endif
                            </div>
                            <div class="contest-card__content">
                                <div class="left">
                                    <h5 class="contest-card__name mb-2">{{$monthly_ticket->product_name}}</h5>
                                </div>
                                <div class="right">
                                    <span class="contest-card__price">{{config('global.default_currency_code')}}{{$monthly_ticket->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 id="countdown"></span>
                                        <!-- <div id="countdown"></div> -->
                                    </li>
                                    <!-- <li>
                                <i class="las la-ticket-alt"></i>
                                <span>9805</span>
                                <p>Sold</p>
                            </li> -->
                                </ul>
                            </div>
                        </div>
                        <!-- contest-card end -->
                    </div>
                    @endif
                </div>
            </div>
       

@stop

@section('script')
@php
date_default_timezone_set("Asia/Dubai");
$monthly_drow_date=$drow_date = date('Y-m-d');
if(time() < strtotime(date('Y-m-d')." ".$daily_ticket->drow_time??'12:00:00')){
    $drow_date = date('Y-m-d H:i:s',strtotime(date('Y-m-d')." ".$daily_ticket->drow_time??'12:00:00'));
}else{
    
    $drow_date = date('Y-m-d H:i:s', strtotime(date('Y-m-d')." ".($daily_ticket->drow_time ?? '12:00:00')." + 1 day"));
}

if($monthly_ticket->drow_date > date('d')){
    $monthly_drow_date = date('Y')."-".(date('m')+1)."-".$monthly_ticket->drow_date." ".$daily_ticket->drow_time;
}else{
    if(time() < strtotime(date('Y-m-d')." ".$monthly_ticket->drow_time??'12:00:00')){
        $monthly_drow_date = date('Y-m-d H:i:s',strtotime(date('Y-m-d')." ".$monthly_ticket->drow_time??'12:00:00'));
    }else{
        $monthly_drow_date = date('Y')."-".(date('m')+1)."-".$monthly_ticket->drow_date." ".$daily_ticket->drow_time;
    }
}



@endphp
<script>
@if(Auth::user()->is_membership_paid==0)
$(document).ready(function(){
    $('#p-holde').html($("#m-purchase").attr("data-price")||200);
    $('#textToCopy').text($("#m-purchase").attr("data-wallet"));
    qrcode.makeCode($("#m-purchase").attr("data-wallet"));
    $('#qrModal').modal("toggle");
    
    check_transaction($("#m-purchase").attr("data-last-transaction-time"),$("#m-purchase").attr("data-price"),$("#m-purchase").attr("data-type"));
});
    
@endif
    // Set the target date for the countdown
    var targetDate = new Date('{{$monthly_drow_date}}').getTime();
    
    // Update the countdown every second
    var countdown = setInterval(function() {
      // Get the current date and time
      var currentDate = new Date().getTime();
    
      // Calculate the time remaining
      var timeRemaining = targetDate - currentDate;
    
      // Calculate days, hours, minutes and seconds
      var days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
      var hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      var minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
      var seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);
    
      // Display the countdown
      document.getElementById("countdown").innerHTML =  days + "d " + hours + "h "
      + minutes + "m " + seconds + "s ";
    
      // If the countdown is over, display a message
      if (timeRemaining < 0) {
        clearInterval(countdown);
        document.getElementById("countdown").innerHTML = "EXPIRED";
      }
    }, 1000); // Update every 1 second
    </script>
    <script>
      // Set the target date
      const targetDate1 = new Date('{{$drow_date}}');
      
      // Function to update the countdown
      function updateCountdown() {
        const now = new Date().getTime();
        const distance = targetDate1 - now;
      
        if (distance < 0) {
          clearInterval(timerInterval);
          document.getElementById('countdown2').innerHTML = 'EXPIRED';
          return;
        }
      
        const days = Math.floor(distance / (1000 * 60 * 60 * 24));
        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((distance % (1000 * 60)) / 1000);
      
        document.getElementById('countdown2').innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s`;
      }
      
      // Initial call to update countdown
      updateCountdown();
      
      // Update the countdown every second
      const timerInterval = setInterval(updateCountdown, 1000);
      </script>
@stop