@extends('layouts.master')
@section('css')
{{-- <style type="text/css">
  .profile-user-img
  {
    width: 150px!important;
  }
  .position-img {
  width:100%;
  object-fit:cover;
}
</style> --}}
@endsection
@section('content')
<div class="page-wrapper">
     @include('partial.flash')
	<div class="container-fluid">
	    
	    <div class="row">
	        <div class="card card-body">
	            <h3 class="box-title m-b-0">Add Teacher / Employee</h3>
	            <p class="text-muted m-b-30 font-13"></p>
	            <form class="form-horizontal" name="create" method="POST" action="{{ url('master/teacher') }}"  enctype="multipart/form-data">
	            	@csrf
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">NIK*</label>
	                    <div class="col-sm-10">
	                        <input type="text" class="form-control"  name="NIK" value="{{old('NIK')}}" required>
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Nama Lengkap*</label>
	                    <div class="col-sm-10">
	                        <input type="text" class="form-control" id="name" name="nama" value="{{old('nama')}}" required>
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Jenis Kelamin*</label>
	                    <div class="col-sm-10">
	                        <div class="custom-control custom-radio">
	                            <input type="radio" id="L" name="kelamin" value="L" {{ old('kelamin')=="L" ? 'checked='.'"'.'checked'.'"' : '' }} required>
									<label for="male">Laki-Laki</label>
									<input type="radio" id="P" name="kelamin" value="P"  {{ old('kelamin')=="P" ? 'checked='.'"'.'checked'.'"' : '' }} required>
									<label for="female">Perempuan</label>
	                        </div>
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Tempat lahir</label>
	                    <div class="col-sm-10">
	                        <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir" value="{{old('tempat_lahir')}}" required>
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Tanggal Lahir</label>
	                    <div class="col-sm-10">
	                        <input type="date" name="tanggal_lahir" class="form-control" value="{{old('tanggal_lahir')}}"required>
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Alamat</label>
	                    <div class="col-sm-10">
	                        <input type="text" class="form-control" id="alamat" name="alamat" value="{{old('alamat')}}">
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">No HP</label>
	                    <div class="col-sm-10">
	                        <input type="text" class="form-control" id="hp" name="hp" value="{{old('hp')}}">
	                    </div>
	                </div>
	                <div class="form-group row" {{ $errors->has('email') ? ' has-error' : '' }}>
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Email Sekolah</label>
	                    <div class="col-sm-10">
	                        <input type="email" class="form-control" id="email" name="email"  value="{{old('email')}}" required>
	                        @if ($errors->has('email'))
	                      <small style="color: red;">*{{ $errors->first('email') }}</small>
	                    @endif
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Tanggal Bergabung</label>
	                    <div class="col-sm-10">
	                        <input type="date" name="tanggal_gabung" class="form-control" value="{{old('tanggal_gabung')}}">
	                    </div>
	                </div>
	                <div class="form-group row">
	                    <label for="inputEmail3" class="col-sm-2 text-right control-label col-form-label">Role</label>
	                    <div class="col-sm-10">
	                        <select id="role" name="role" class="form-control" required {{old('role')}}>
                                <option value=""> Select Role </option>
                                <option value="admin">Admin</option>
                                <option value="student">Student</option>
                                <option value="teacher">Teacher</option>
                                <option value="parent">Parent</option>
                                <option value="accounting">Accounting</option>
                            </select>
	                    </div>
	                </div>
	                <div class="form-group m-b-0 text-center">
	                    <button type="submit" class="btn btn-success waves-effect waves-light m-r-10">Save</button>
                                        
	                </div>
	            </form>
	        </div>
	    </div>
	    

	   
	</div>
	<!-- ============================================================== -->
	<!-- End Container fluid  -->
	<!-- ============================================================== -->
</div>
@endsection
@section('js')
<script type="text/javascript">
	function readURL(input,kategori) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();

          reader.onload = function(e) {
            if(kategori == "photo"){
              $('#uploadphoto').attr('src', e.target.result);
            }
            else if(kategori == "icon"){
              $('#uploadicon').attr('src', e.target.result);
            }
          }

          reader.readAsDataURL(input.files[0]);
        }
      }
      //set Photo to preview container
      $("#photo").change(function() {
        readURL(this,kategori = "photo");
      });

      function getKota()
  {
    var idprovinsi = $('#provinsi').val();
    //poses call ajax
    $('.kota option:contains("--Pilih--")').text('Loading..');
    $.post('{{ url('master/student/getkota') }}', 
    {
        _token      : '{!! csrf_token() !!}',
        provinsi     : idprovinsi,
    }, 
    function(response){
        $('.kota option:contains("Loading..")').text('--Pilih--');
        if(response)
        {
        	console.log(response);
            parent_kategori = response;
            removeOptions(document.getElementById("kota"));

            $.each(response, function(key, value){

              parseToSelect('.kota', value.id, value.nama);
            });
            $("#kota").prepend("<option value=''>Pilih Kota</option>").val('');
        }
        
    });

  }
  function removeOptions(selectbox)
    {
        var i;
        for(i = selectbox.options.length - 1 ; i >= 0 ; i--)
        {
            selectbox.remove(i);
        }
    }

    function parseToSelect(class_name, id, name)
    {

       $(class_name).append("<option value='"+id+"'>"+name+"</option>");
    }
</script>
@endsection