@extends('template.index')
@section('title', 'Data Statistik SI PeSSUT KOTA SAMARINDA')
@section('datastatistik', 'active')
@section('konten')

    <section class="blog-area pt-120 pb-120">
        <div class="container">
            <div class="row">
                
                <div class="col-lg-12 col-md-7">
                    <div class="post-comment-form">
                        <div class="widget-title">
                            <h5>Data SIPD</h5>
                        </div>
                        {!! Form::open(
                            ['route' => ['datastatistik-sipd.data'], 
                             'role'  => 'form',
                             'method'=> 'post']) !!}
                        <div class="row">
                                <div class="col-lg-3">
                                        <select class="form-control" name="bidangUrusan" id="bidang">
                                            <option disable>Bidang Urusan</option>
                                            <option value="1" data-pid="1">Urusan Wajib</option>
                                            <option value="2" data-pid="2">Urusan Pilihan</option>
                                            <option value="3" data-pid="3">Urusan Umum</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-2">
                                        <select class="form-control" name="sumberData" id="sumberData" required>
                                            <option disable>OPD</option>
                                        </select>
                                    </div>
                                    <div class="col-lg-3">
                                            <select class="form-control" name="tahun" id="tahun">
                                                <option disable>Tahun Data</option>
                                                <option value="2017" data-pid="2017">2017</option>
                                                <option value="2018" data-pid="2018">2018</option>
                                                <option value="2019" data-pid="2019">2019</option>
                                            </select>
                                        </div>
                                    <div class="col-lg-4">
                                            <button type="submit" class="btn btn-default">Pilih</button>    
                                    </div>
                                </div>
                                {!! Form::close() !!} 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@push('style')
<script type="text/javascript">
    $(document).on('change','#bidang', function(e){
		var id = $(this).children(":selected").attr("data-pid");
		
		$.ajax({
			type	 : 'get',
			url		 : "{{ url('datastatistik-sipd/bidang-urusan') }}",
			data	 : {id:id},
			typeData : 'json',
			success:function(data)
			{
				console.log(data)
				$('.listData').remove();
				var tablaDatos = $('#sumberData');
				
					$(data).each(function(key,value){
					    tablaDatos.append("<option class='listData' data-pid='"+value.opd_id+"' value='"+value.opd_id+"'>"+value.opd_id+"</option>");
					});
				
			}
		})
	})
	
</script>

@endpush

@endsection