@extends('layouts.theme')
@section('title','Buat e-ktp Baru')
@include('layouts.header')
@section('content')
<div class="container" style="margin-top: 70px;">
	<div class="row">
		<div class="col-md-8 col-md-offset-3">
		    <div class="card">
		        <div class="card-header" data-background-color="purple">
		            <h4 class="title">Form Permohonan Ktp</h4>
		            <h6 class="title">Baru</h6>
					<p class="category">Isi data Dengan benar</p>
		        </div>
		        <div class="card-content">
		            <form >
		            {{ csrf_field() }}
		                <div class="row">


		                <div class="row">
		                	<div class="col-md-6">
		                		<div class="form-group label-floating">
		                			<label class="control-label">No Kartu Keluarga</label>
		                			<input type="number" name="no_kk" id="no_kk" class="form-control">
		                		</div>
		                	</div>
		                </div>


		                <a class="btn btn-primary pull-right" id="post">cek</a>
		                <div class="clearfix"></div>
		            </form>
		        </div>


		    </div>
		</div>

	</div>
	<div class="row">
		<div class="col-md-6 col-md-offset-3">
			<div class="card">
				<div class="card-header" data-background-color="purple">
		                <h4 class="title">Data </h4>
            </div>
			<table  class="table table-responsive">
				<thead>
					<tr>
						<th>No</th>
						<th colspan="" rowspan="" headers="" scope="">NIk</th>
					</tr>
				</thead>
				<tbody id="table">

				</tbody>
			</table>
    		</div>
		</div>
	</div>
	<script>
			$('#post').click(function(){
				var no =$('#no_kk').val();

				var data = no.toString();
				//alert(data);
				$.get("http://localhost:8000/e-kk/"+data,function(isi){
					$.each(isi,function(index,list){
						$('#table').append('<tr><td>'+list.nik+'</td></tr>');
					});
				});



			});
		</script>
</div>

@endsection()