@extends('frontend.layouts.default')
@section('content')
  <!-- banner section start-->
    <div class="inner-page-banner-strip"> 
      <!-- <img src="{{ url('frontend/img/inner-page-background.jpg') }}" alt="..."> --> 
    </div>
    <!-- / banner section end -->
    <div class="section banner-top sm-bt fw-banner">
      <div class="floated-content">
        <div class="container">
          <div class="content">
            <div>
              <h4 class="title">Sign Up To A Free Trial Account</h4>
              <p class="text-center">No need to enter any payment details</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="box-s1">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-sm-6">
            <div class="box h-box stdnt-box">
              <div class="box-header">
                <img src="{{ url('frontend/img/smart_icon/student-up.png') }}" alt="">
              </div>
              <div class="box-body">
                <h2 class="title">I am a Student</h2>
                <button href="#" class="btn btn-primary" data-toggle="modal" data-target="#student-log-modal" id="student-signup">7 Day Free Trial</button>
              </div>
            </div>
          </div>
          <div class="col-md-4 col-sm-6 ">
            <div class="box h-box prnt-box">
              <div class="box-header ">
                <img src="{{ url('frontend/img/smart_icon/school-up.png') }}" alt="">
              </div>
              <div class="box-body">
                <h2 class="title">I am a School</h2>
                <button href="#" class="btn btn-primary" data-toggle="modal" data-target="#school-log-modal">3 Week Free Trial</button>
              </div>
              
                <!-- <button class="btn btn-strip">Coming soon...</button> -->
            </div>
          </div>
          <div class="col-md-4 col-sm-6 graydisable">
            <div class="box h-box tutor-box">
              <div class="box-header">
                <img src="{{ url('frontend/img/smart_icon/tutor-up.png') }}" alt="">
              </div>
              <div class="box-body">
                <h2 class="title">I am a Teacher/Tutor</h2>
                <button href="#" class="btn btn-primary" data-toggle="modal" data-target="#tutor-log-modal">14 Day Free Trial</button>
                <!-- <button class="btn btn-strip">Coming soon...</button> -->
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>

      <!-- / Subscription-section start 
     @include('frontend/pages/newsletter');-->
     <!-- / Subscription-section start -->
   @include('frontend.pages.signup_modal')
@endsection
@section('pagecss')
<style>
.error {
    color:#FF0000;
}
</style>
@endsection
@push('page-scripts')
<script>
  @if(request()->get('popup')==1)
$(document).ready(function(){
   setTimeout(function(){
    $('#student-signup').click();
   },1000); // 5000 to load it after 5 seconds from page load
});
@endif
</script>
@endpush