@extends('layouts.app')

@section('content')

										 <form id="frm" class="form-group">
										 @csrf
										 <div class="row">
											<div class="col-md-4">
											<label>Site</label>
											 <select name="siteid" class="form-control">
											 @foreach($sites as $site)
												<option value='{{$site->siteid}}'>{{$site->siteid}} {{$site->sitename}}</option>
											 @endforeach
											 </select>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label>From</label>
													<div class="input-group">
													  <div class="input-group-prepend">
														<span class="input-group-text">
														  <span class="fa fa-calendar-o"></span>
														</span>
													  </div>
													  <input type='text' name="tanggal1" class="form-control pickadate"  />
													</div>
												  </div>
											</div>
											<div class="col-md-4">
												<div class="form-group">
													<label>To</label>
													<div class="input-group">
													  <div class="input-group-prepend">
														<span class="input-group-text">
														  <span class="fa fa-calendar-o"></span>
														</span>
													  </div>
													  <input type='text'  name="tanggal2" class="form-control pickadate" />
													</div>
												  </div>
											</div>
										 </div>
										 
										
											<button type="button" onclick="proses()" class="btn btn-primary">SUBMIT</button>
											
										 
										 
										 </form>
										 
										 <hr>
										 <div id="divrs"></div>
										</div>
									
	
	
@endsection	

@section('jsfunction')
<script>

	$(document).ready(function () {
		$('.pickadate').datepicker({
			autoclose: true,
			todayHighlight: true,
			format: 'yyyy-mm',
			viewMode: "years",
			minViewMode: "months"
		});
		
	});

	function proses(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				type : "POST",
				url  : "{{url('laporan/transaksi_bulanan')}}",
				data : $("#frm").serialize(),
				beforeSend: function() {
						$("#divrs").html("<p>Please wait..</p>");
				},
				success: function(data){
					$("#divrs").html(data);
				}
			});
	}

	</script>
	
@endsection