@extends('layouts.backend')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title">Master Data Penduduk</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="{{route('home')}}">Home</a>
                </li>
                <li>
                    <a href="{{route('backoffice-penduduk')}}">Master Penduduk</a>
                </li>
                <li class="active">
                    Form Penduduk
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <h4 class="m-t-0 header-title"><b>Form Penduduk</b></h4>
				<form method="POST" class="form-horizontal" enctype="multipart/form-data" action="{{route('backoffice-import-penduduk')}}">
					{{csrf_field()}}
					<div class="form-group">
						<label class="col-md-2 control-label" for="noInduk">File Upload</label>
						<div class="col-md-6">
                            <input type="file" name="file" class="filestyle" data-placeholder="Tidak ada file">
							@error('file')
						        <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
						    @enderror
                        </div>
                        <div class="col-md-4">
                        	<button type="submit" class="btn btn-success waves-effect waves-light">
								<span class="btn-label">
									<i class="fa fa-upload"></i>
								</span>Upload
							</button>	
                        </div>
					</div>
				</form>
				<p class="text-muted m-b-30 font-13">
					Format Table file
				</p>
				@if ($sukses = Session::get('sukses'))
					@for($i = 0; $i < count($sukses['errors']); $i++)
						<div class="alert alert-danger alert-block">
							<button type="button" class="close" data-dismiss="alert">×</button> 
							<strong>
								 - Baris : 							</strong>
						</div>
					@endfor
				@endif
				<table class="table table-bordered m-0">
					<thead>
						<tr>
							<th>#</th>
							<th>First Name</th>
							<th>Last Name</th>
							<th>Username</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th scope="row">1</th>
							<td>Mark</td>
							<td>Otto</td>
							<td>@mdo</td>
						</tr>
					</tbody>
				</table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(function($) {  
            $('input[name=tglLahir]').datepicker({
                format : 'yyyy-mm-dd'
            });
        });
    </script>
</div> 
@endsection