@extends('template.index')
@section('title', 'Data Kuisoner Online SI PeSSUT KOTA SAMARINDA')
@section('prodeskel', 'active')
@section('konten')

<section id="home" class="slider-area bg-shape" style="background-image:url({{asset('asset/img/shape/002.png')}}) ">
    <div class="slider-active" id="bg">
        <div class="single-slider">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-7 col-lg-7">
                        <div class="slider-img pt-150 sembunyi" data-animation="fadeInDown" data-delay=".8s">
                            <img class="img-fluid" src="{{asset('asset/img/icon/inter2.png')}}" alt="" style="width: 400px; webkit-filter: drop-shadow(8px 8px 10px rgba(0,0,0,0.5));
                            filter: drop-shadow(8px 8px 10px rgba(0,0,0,0.5)); padding-bottom: 20px;">
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-5">
                        <div class="container" data-animation="fadeInRight">
                            <!-- custom radio button -->

                            <!-- custom select -->
                            <div class="holder">
                                <div class="widget-title">
                                    <h5>Data Kepala Keluarga</h5>
                                    @if($errors->any())
                                        <h6>{!! $errors->first() !!}</h6>
                                    @endif
                                </div>
                                {!! Form::open(
                                    ['route' => ['admin.prodeskel.syncronisasi.nik'], 
                                     'role'  => 'form',
                                     'class' => 'customSelect',
                                     'method'=> 'post']) !!}
                                
                                    
                                    <div class="row">
                                        <div class="input autocomplete">
                                            <input type="text" id="myInput" name="no_nik" placeholder="Masukkan Nomor NIK Kepala Keluarga" required />
                                            
                                        </div>

                                        <button type="submit" id="button" class="btn btn-default" disabled>Pilih</button>
                                        <a href="{{ route('klik.daftar') }}" style="cursor:pointer;text-decoration:underline;" class="btn-link">Tambah Data Kepala Keluarga ?</a>
                                        
                                    </div>
                                {!! Form::close() !!} 
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <footer class="second-footer">
                <div class="copyright-text text-center">
                    <p>&copy; 2017 Dinas Komunikasi dan Informatika Pemerintah Kota Samarinda.</p>
                </div>
            </footer>
        </div>
    </div>
</section>

@push('style')
<script type="text/javascript">
    
		$(document).on('input keypress paste change','#myInput', function(e){
            var nik = $(this).val();
            if(nik != 0 || nik != '') {
                jQuery('#button').removeAttr('disabled');
			} else {
			    jQuery('#button').attr('disabled', 'disabled');
			}
		})
	
</script>
@endpush
@endsection