@extends('app._layout')
@section('title', 'Sınav Başvuru')
@section('description', 'Sınav başvuru formu')

@push('js')
<script>
$(function() {
  $('#basvuruForm').on('submit', function(){
     $('#basvuruForm').addClass('loading');

     $.post('{{url('sinav-basvuru')}}', $(this).serialize(), function(d){
       $('#basvuruForm').removeClass('loading');

       if (d.status == 'ok') {
         $('#basvuruForm').html('<div class="ui green message"><div class="header">Başvurunuz gönderildi <i class="send icon"></i></div></div>')
       }

       if (d.status == 'error') {
         swal({title: d.errors, icon: "warning", button:'Tamam', dangerMode: true});
       }
     });

     return false;
  });

});
</script>
@endpush

@section('content')
<section id="breadcrumbs" class="breadcrumbs">
	<div class="container">
		<ol>
			<li><a href="/">Anasayfa</a></li>
			<li>Sınav Başvuru</li>
		</ol>
	</div>
</section>



<section id="contact" class="contact">
  <div class="container" data-aos="fade-up">


    <div class="section-title">
      <h2>Sınav Başvuru Formu</h2>
    </div>

<div class="d-flex justify-content-center">

<div class="col-lg-7 mt-5 mt-lg-0">
  <form id="basvuruForm" action="# method="post" role="form" class="php-email-form">
    @csrf
    <div class="form-group">
      <label for="name">Ad Soyad</label>
      <input type="text" class="form-control" name="ad_soyad" required>
    </div>

    <div class="form-group">
      <label for="name">Sınıf</label>
      <input type="text" class="form-control" name="sinif" required>
    </div>

    <div class="form-group">
      <label for="name">Veli Ad Soyad</label>
      <input type="text" class="form-control" name="veli_ad_soyad" required>
    </div>

    <div class="form-group">
      <label for="name">Telefon</label>
      <input type="text" class="form-control" name="telefon" required>
    </div>

    <div class="form-group">
      <label for="name">Adres</label>
      <input type="text" class="form-control" name="adres" required>
    </div>

    <div class="form-group">
      <label for="name">Okul</label>
      <input type="text" class="form-control" name="okul" required>
    </div>

    <div class="my-3">
      <div class="loading">Gönderiliyor</div>
      <div class="error-message"></div>
      <div class="sent-message">Başvurunuz gönderildi!</div>
    </div>


    <div class="text-center"><button type="submit">Başvuruyu Gönder</button></div>
  </form>
</div>
</div>


</div>
</section>
@endsection