@extends('layouts.master')
@section('css')

@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">Edit Teacher / Employee</h3>
	            <p class="text-muted m-b-30 font-13"></p>
	            <form class="form-horizontal" name="create" method="POST" action="{{ route('teacher.update',$data->NIK) }}"  enctype="multipart/form-data">
	            	{{ method_field('PUT') }}
	                                	 @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="{{$data->NIK}}" disabled="">
	                    </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" placeholder="Username" name="nama" value="{{$data->name}}" 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" {{ $data->kelamin =="L" ? 'checked='.'"'.'checked'.'"' : '' }} required>
									<label for="male">Laki-Laki</label>
									<input type="radio" id="P" name="kelamin" value="P"  {{ $data->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="{{$data->tempat_lahir}}">
	                    </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="{{$data->tanggal_lahir }}">
	                    </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="{{$data->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="{{$data->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" placeholder="Website" value="{{$data->user->email }}" disabled>
	                        @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="{{$data->tanggal_gabung }}">
	                    </div>
	                </div>
	                @php
            			$status = [
            				['key'=> 'admin',
            				 'value'=>'Admin'
            				],
            				['key'=> 'student',
            				 'value'=>'Student'
            				],
            				['key'=> 'teacher',
            				 'value'=>'Teacher'
            				],
            				['key'=> 'parent',
            				 'value'=>'Parent'
            				],
            				['key'=> 'accounting',
            				 'value'=>'Accounting'
            				],
            			]
            		@endphp
            		<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>
                                <option value=""> Select Role </option>
                                @foreach ($status as $element)
                    				<option value="{{$element['key']}}" {{($data->user->role == $element['key'])?'selected' : ''}}>{{$element['value']}}</option>
                    			@endforeach
                            </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