@extends('layouts.layout')

@section('content')  
<style>
body, html {
  height: 100%;
  margin: 0;
}

.hero-image {
  background-image: url("../images/GCOOP.png");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}
</style>

<style>
.alert.alert-info.alert-common.alert-solid:hover {
  background-color: #bce8f1;
  color: white;
}
</style>

@php

$allvideo =  App\Http\Controllers\LoginController::video();
$alltitle =  App\Http\Controllers\LoginController::title();

 
@endphp



<div class="row">
			  <div class="col-xs-3"></div>
            <div class="col-xs-6">
                
	            <div class="alertPart mt-50">
		             <h3>Everyday Continuing 345 system Education</h3>
	                <h5>(Wellness & Business Sharing)</h5>

	            </div>

          	</div>
          	<div class="col-xs-3"></div>
          	</div>


<section class="page-wrapper" style="padding: 20px 0;">
	<div class="container">
	    
	   
	    
	    <br>  <br>
	    
		
		    @if(count($allvideo) == 0)
		    @else
		    
		     @foreach($allvideo as $value)
		     
		     
		     		     @php

		    $p = '';
            date_default_timezone_set("Asia/Singapore");		     
            $timenow =  date('Y-m-d h:i:s'); 
            $time = date('Y-m-d h:i:s', strtotime($timenow));
	
		    $start = date('Y-m-d h:i:s', strtotime($value->start));

		    $stop = date('Y-m-d h:i:s', strtotime($value->end));
		    
		   
		    if($time > $stop){
		       $p = 'none'; 
		    }else{
		     
    		   if($time < $start){
    		      $p = 'none'; 
    		   }else{
    		      $p = 'block'; 
    		   }
		     
		     }
		     
		     
		     @endphp
		     
		     
		     
		     
	
		    <div class="row" style="text-align:center">
		     <div class="col-md-2"></div>
		   <div class="col-md-8">
		       <a href="{{ url('/video/'.$value->id )}}" style="display:"><div class="alert alert-info alert-common alert-solid" role="alert"> <span>{{ $value->titles }} is live now! Click here to watch!</span></div></a>
           
		  </div>
		  <div class="col-md-2"></div>
		    	</div>
		    
		    @endforeach
		    
		    @endif
		    
		   
		
	
	</div>
</section>

<div class="row">
			  <div class="col-xs-3"></div>
            <div class="col-xs-6">
                
	            <div class="alertPart mt-50">
		            @foreach($alltitle as $value)
		               <div class="alert alert-info alert-common alert-solid" role="alert"> <span>{{ $value->titles }}</span></div>
		            
		            @endforeach

	            </div>

          	</div>
          	<div class="col-xs-3"></div>
          	</div>
          	

<section class="about section mobile">
	<div class="container">
		<div class="row mt-40"><center>
		 <img src="images/join.jpg" style="width:50%">
		 <img src="images/logo.png" style="width:50px">
		 <img src="images/diamond.png" style="width:75px;margin-left:20px">
		 </center>
		</div>
	</div>
</section>

 

@endsection