@extends('layouts.header')
@section('pageTitle', 'HireMee Gold')
@section('content')

<!-- Page Header Content -->
<div class="container">
  <div class="header-inner">
    <div class="content">
      <h1 class="text-uppercase">HireMee Surveys</h1>
      <!-- <h3 class="text-uppercase">Innovation by the people, for the people</h3> -->
    </div>
  </div>
</div>
</div>
</div>
<section class="section parallex-wrapper">
  <div class="cd-no-page-content-message">
    <img src="{{{ URL::asset('assets/home/images/pro/test-library/no-record.svg')}}}" alt="No result found">
    <h4>Generate test report link</h4>
   
    <div class="row">
      <div class="col-md-4"></div>
    <div class="col-md-4">
    <form class="form-horizontal" action="{{ secure_url('generate-test-link') }}" id="form" method="post" align="center">
      {!! csrf_field() !!}
      <div class="form-group">
        <label class="control-label col-sm-12" for="email">Enter Test pin:</label>
        <div class="col-sm-10">
          <input type="input" class="form-control" name="testpin" id="testpin" placeholder="Enter Test pin">
        </div>
      </div>

      <div class="form-group">
        <label class="control-label col-sm-12" for="report_type">Report Type:</label>
        <div class="col-sm-10">
          <select class="form-control" name="report_type" id="report_type">
            <option value="1">Regular Assessment</option>
            <!-- <option value="2">Career Readiness</option> -->
            <option value="3">Wellbeing Assessment</option>
          </select>
        </div>
      </div>

      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button type="submit" id="submit" class="btn btn-info">Submit</button>
        </div>
      </div>
    </form>

</div>
</div>
<div id="report-div"></div>
  </div>
</section>
<script>
  $('#submit').click(function(e){
      e.preventDefault();
      $.ajax({
        type:'post',
        url:$('#form').attr('action'),
        data:{'testpin':$('#testpin').val(),'report_type':$("#report_type").val()},
        dataType:'json',
        success:function(res){
          if(res.status == 200){
            $('#report-div').text(res.reportUrl);
          }
        }
      })
  });
  $('.parallax-container').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/test-library.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parallax-container-testimonial').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/bg/testimonial-bg.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parallax-container-counter').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/bg/counter-bg.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.counter').counterUp({
    delay: 10,
    time: 1000
  });
</script>

@endsection