@include('public_area.layouts.header_include')

@include('public_area.layouts.aside_include')


<section>
  <div class="food-delivery-head">
    <div class="food-delivery-back">
      <a href="{{ route('main-screen') }}"><i class="md-ripples uil uil-times"></i></a>
    </div>
    <div class="food-delivery mt-2">
      <h6>Challanges & rewards</h6>
    </div>
    <div class="wish-list-food">
     
    </div>
    <div class="wish-list-Cart">
      <span>History</span>
    </div>
  </div>
</section>

<section class="pt-5">
	<div class="container pt-5">
	   <div class="row">
		  <div class="col-md-12">
			 <div class="tabbable">
				<ul class="nav nav-tabs" id="myTab" role="tablist">
				  
				   <li class="nav-item">
				   		<a class="md-ripples nav-link text-dark" href="#">Challanges</a>
				   </li>
				   <li class="nav-item">
				  		<a class="md-ripples nav-link text-dark" href="#" >Badges</a>
				   </li>
				   <li class="nav-item">
				   <a class="md-ripples nav-link text-dark" href="#" >Rewards shop</a>
				   </li>
				   
				</ul>
			 </div>
		  </div>
	   </div>
	</div>
 </section>


  
@include('public_area.layouts.footer_include')

<script>
	const popup = document.querySelector('.popup');
	const close = document.querySelector('.close');

	window.onload = function() 
	{
		setTimeout(function(){
			popup.style.display = "block";
		},2000)	
	}

	close.addEventListener('click',() => {
		popup.style.display = "none";
	})
</script>