@extends('layouts.master')

@section('content')
<style>
.sonar-wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 15px 0px;
}
.sonar-emitter {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 9999px;
    background-color: #00a65a;
    margin-left: 10px;
    top: 55px;
}
 
.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #00a65a;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

 
.sonar-wave {
  animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
.imgsequre{padding:0px;}
.imgsequre img{width:100%;
    border-radius: 50%;}
	section.content{float: none !important;}
	
h1, h2, h3, h4, h5, h6, span, p, em{font-family: 'Montserrat', sans-serif;}	
</style>
<!-- Default box -->
    <section class="content-header" style="margin-bottom:30px;width: 22cm;padding-left: 0px;">
      <h1>
      <h1>
        Dashboard
        <small>Control panel </small>
      </h1>
      <ol class="breadcrumb" style="right: 18px;">
        <li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>
    </section>
    <div class="row"> 
        <div class="col-md-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-aqua">
            <div class="inner">
              <h3>Start Date</h3>

              <p><br />
<b>Notice</b>:  Undefined variable: user in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>74</b><br />
<br />
<b>Notice</b>:  Trying to get property 'start_date' of non-object in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>74</b><br />
01-01-1970</p>
            </div>
            <div class="icon"></div>
            
          </div>
        </div>
        <!-- ./col -->
        <div class="col-md-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>End Date</h3>

              <p><br />
<b>Notice</b>:  Undefined variable: user in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>87</b><br />
<br />
<b>Notice</b>:  Trying to get property 'end_date' of non-object in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>87</b><br />
01-01-1970</p>
            </div>
            <div class="icon"></div>
            
          </div>
        </div>
        <!-- ./col -->
        <div class="col-md-3 col-xs-6">
          <!-- small box -->
            <div class="small-box bg-yellow">
            <div class="inner">
              <h3>Left Days 
              </h3>

              <p>
              <br />
<b>Notice</b>:  Undefined variable: user in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>104</b><br />
<br />
<b>Notice</b>:  Trying to get property 'end_date' of non-object in <b>/opt/lampp/htdocs/bhashalekhan.com/resources/views/user/home.blade.php</b> on line <b>104</b><br />
-20522              </p>
            </div>
            <div class="icon"></div> 
            </div>
        </div> 
		
        <div class="col-lg-9 col-xs-6" > 
			<div class="col-lg-9 col-xs-12" style="padding:0px;">
				<div class="sonar-wrapper">
					<div class="sonar-emitter">
					<div class="sonar-wave"></div>
				  </div>
				  <p style="padding-left: 40px;padding-left: 40px; font-size: 18px;margin-top: 35px;">We do not store any of your  data written after login on our servers, Data will be saved in your laptop/desktop only on your wishes.</p>
				</div>		
			</div>	
            <div class="col-lg-3 col-xs-12 imgsequre">	
			    <img src="{{ URL::asset('/images/Lock.jpg') }}" alt="">
            </div>			
        </div> 	
    </div> 
	
	<div class="row clearfix">	

		<div class="col-md-12"><h3>Watch videos for better understanding.</h3></div>
		<div class="col-md-4" style="margin-bottom: 20px;">
			<h5>What is BhashaLekhan</h5>
			<div class="embed-responsive embed-responsive-16by9">                            
				<iframe width="560" height="315" src="https://www.youtube.com/embed/Vj1rvVIo74g" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>  
			</div>   
		</div>
		   
		<div class="col-md-4" style="margin-bottom: 20px;">
			<h5>Who should use BhashaLekhan</h5>
			<div class="embed-responsive embed-responsive-16by9">                            
				<iframe width="560" height="315" src="https://www.youtube.com/embed/ZBbYmKZ9_qc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
			</div>   
		</div>
	   
		<div class="col-md-4" style="margin-bottom: 20px;">
			<h5>How to Use BhashaLekhan.com</h5>
			<div class="embed-responsive embed-responsive-16by9">                            
				<iframe width="560" height="315" src="https://www.youtube.com/embed/C_7zX8M_6Sg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
			</div>   
		</div>	
	</div> 	

@endsection