@extends('layouts.app')

@section('content')
<div class="page-titles">
  <h2> {{ $pageTitle }} <small> {{ $pageNote }} </small></h2>
</div>

<form id="form0">
<div class="p-5">
		Select Farmer:
		<select id="farmer_id" name="farmer_id" onchange="reloadPage()">
			<option value></option>
			@foreach ($adddata['farmers'] as $farmer)
    		<option value="{{ $farmer->farmer_id }}" @if ($farmer->farmer_id == $adddata['selected_farmer']) selected @endif  >{{ $farmer->name }} </option>
			@endforeach
		</select>
</div>
<div  class="card">
	<div class="card-body">
		@if(0 != $adddata['selected_farmer'])
				<!-- Done till :
				<input type="number" id="monthsval" value=0 \>
				<button onclick="add()">Add</button> -->
				<!-- <button onclick="remove()">Remove</button> -->

				<table class="table table-hover " id="table">
					<tbody class="no-border-x no-border-y">	
						<tr>
							<td class="thead" field="name1" width="20">No</td>
							<td class="thead" field="name2">Year </td>
													</tr>
 
												<tr>
							<td  class="thead" width="20">1</td>
							<td >2024</td>
													</tr>  
												<tr>
							<td  class="thead" width="20">2</td>
							<td >2025</td>
													</tr>  
												<tr>
							<td  class="thead" width="20">3</td>
							<td >2026</td>
													</tr>  
												<tr>
							<td  class="thead" width="20">4</td>
							<td >2027</td>
													</tr>  
												<tr>
							<td  class="thead" width="20">5</td>
							<td >2028</td>
													</tr>  
						  					</tbody>
				</table>
				<button onclick="add()" class="btn btn-primary btn-sm"> Save Changes </button>
				
				
		@endif
		
	</div>
</div>		
</form>
@endsection

<script type="text/javascript">
	// window.onload = function() {
	// 	window.location.reload();
	// };

	function reloadPage() {
		var url = window.location.href.split('?')[0];
		var farmer_id=$("#farmer_id").val(); 
    if(farmer_id!=null && farmer_id!='' && farmer_id!=0)
    {
    		if (url.indexOf('?') > -1){
   url += '&farmer_id='+farmer_id;
}else{
   url += '?farmer_id='+farmer_id;
    }
    }
    window.location.href = url;
	}

	
function add() {
		var url = window.location.href.split('?')[0];
		var farmer_id=$("#farmer_id").val(); 

		var paymentArr = [];
		$(':checkbox:checked').each(function(i){
			paymentArr[i] = this.id;
		});
	var payment_done = encodeURIComponent(JSON.stringify(paymentArr));
    if(farmer_id!=null && farmer_id!='' && farmer_id!=0)
    {
		if (url.indexOf('?') > -1){
			url += '&farmer_id='+farmer_id;
		}else{
			url += '?farmer_id='+farmer_id;
		}
    }
    else
    {
    	alert("Farmer cannot be empty");
    	return;
    }
    window.location.href = url;
	// window.location.reload();
	}
</script>