@extends('app._layout')
@section('title', 'Ön Kayıt')
@section('description', 'Ön kayıt oluşturma sayfası')

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

     $.post('{{url('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')
<div class="ui stackable grid">
  <div class="sixteen wide column">
    <div class="ui breadcrumb">
      <a class="section" href="{{url('/')}}">Anasayfa</a>
      <i class="right angle icon divider"></i>
      <a class="section" href="{{url('egitim-kadromuz')}}">Eğitim Kadorumuz</a>
      <i class="right angle icon divider"></i>
      <div class="active section">Öğretmen Başvuru Formu</div>
    </div>
  </div>
</div>


<div class="ui grid mb30">
  <div class="sixteen wide column">


    <div class="ui two column stackable centered grid">
      <div class="column">
          <div class="ui segment">
          <div class="ui header">Öğretmen Başvuru Formu</div>
          <form class="ui form" id="basvuruForm" action="#" method="post">
              @csrf
              <div class="field">
                <input type="text" name="ad_soyad" placeholder="Adınız Soyadınız" required>
              </div>
              <div class="field">
                <input type="text" name="brans" placeholder="Branşınız" required>
              </div>
              <div class="field">
                <input type="email" name="email" placeholder="Email" required>
              </div>
              <div class="field">
                <input type="text" name="telefon" placeholder="Telefon" required>
              </div>
              <div class="field">
                <textarea name="mesaj" placeholder="Mesajınız..." cols="30" rows="4" required></textarea>
              </div>

              <button class="ui fluid blue icon button" type="submit" name="button">Formu Gönder <i class="send icon"></i></button>
            </div>
          </form>
      </div>
    </div>



  </div>
</div>
@endsection