@extends('layouts/microfin_layout')
@section('title', '| Daily Recoverable Report (Member Wise)')
@section('content')
	<style type="text/css">
		table thead tr th,
		table thead tr td {
			word-break: normal;
		}
		.table > thead > tr > td, 
		.table > tbody > tr > td, 
		.table > tfood > tr > td, 
		.table > thead > tr > th, 
		.table > tbody > tr > th, 
		.table > tfood > tr > th {
			padding: 3px 15px;
		}
		.table > tbody > tr > td:nth-child(1),
		.table > tbody > tr > td:nth-child(1),
		.table > tbody > tr > td:nth-child(1),
		.table > tbody > tr > td:nth-child(1) {
			vertical-align: middle;
		}
		#areaListView > tbody > tr > td:first-child {
			background: transparent !important;
			color: #000 !important;
		}
	</style>
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default" style="background-color:#708090;">
				<div class="panel-heading" style="padding-bottom:0px;border:none!important">
					<div class="panel-options"></div>
									</div>
				{!! Form::open(array('name' => 'searchForm', 'class' => 'searchForm', 'url' => 'viewRegularLoan', 'method' => 'GET')) !!}
					<div class="row">
						<div class="col-xs-2">
							{!! Form::label('branch', 'Branch:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('branchId', array('' => 'Select') + ($branch), null, array('class'=>'form-control', 'id' => 'branchId')) !!}
						</div>
						<div class="col-xs-2">
							{!! Form::label('field officer', 'Field Officer:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('fieldOfficerId', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'fieldOfficerId')) !!}
						</div>
						<div class="col-xs-3">
							{!! Form::label('samity', 'Samity:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('samityId', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'samityId')) !!}
						</div>
						<div class="col-xs-2">
							{!! Form::label('product category', 'Product Category:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('productCategoryId', array('' => 'Select') + ($primaryProductCategory), null, array('class'=>'form-control', 'id' => 'productCategoryId')) !!}
						</div>
						<div class="col-xs-1">
							{!! Form::label('product', 'Product:', ['class' => 'control-label']) !!} <br/>
							{!! Form::select('productId', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'productId')) !!}
						</div>
						<div class="col-xs-1">
							{!! Form::label('date', 'Date:', ['class' => 'control-label']) !!} <br/>
							{!! Form::text('dateFrom', $value = null, ['class' => 'form-control datepicker', 'id' => 'dateFrom', 'type' => 'text', 'readonly' => 'readonly']) !!}
						</div>
						<div class="col-xs-1" style="float:right">
							{!! Form::label('', '', ['class' => 'control-label']) !!} <br/>
							{!! Form::submit('Search', ['id' => 'submit', 'class' => 'btn btn-search', 'style' => 'float:right']) !!}
						</div>
					</div>
				{!! Form::close() !!}
				<div class="title-section">
					<h1>
						<span>Daily Recoverable Report (Member Wise)</span>
					</h1>
				</div>
				<div class="panel-body panelBodyView"> 
					
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).on('change', '#branchId', function() {
			
			$.ajax({
		        type: 'post',
		        url: './reqFieldOfficerOption',
		        dataType: 'json',
		        data: {
		        	'branchId' : $('#branchId').val()			        	
		       	}, 
		        success: function(_response) {
                    if(_response.errors) {
                        alert(_response.errors);
                    } else {
                    	$('#fieldOfficerId').empty();
                       	$('#fieldOfficerId').append("<option value='' selected='selected'>Select</option>");

                    	$.each(_response.fieldOfficer, function(index, value) {
	                        $('#fieldOfficerId').append('<option value="'+ index +'">' + value + '</option>');
	                    });
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
		    });
		});

		$(document).on('change', '#fieldOfficerId', function() {
			
			$.ajax({
		        type: 'post',
		        url: './reqSamityOption',
		        dataType: 'json',
		        data: {
		        	'fieldOfficerId' : $('#fieldOfficerId').val()			        	
		       	}, 
		        success: function(_response) {
                    if(_response.errors) {
                        alert(_response.errors);
                    } else {
                    	$('#samityId').empty();
                       	$('#samityId').append("<option value='' selected='selected'>Select</option>");

                    	$.each(_response.samity, function(index, value) {
	                        $('#samityId').append('<option value="'+ index +'">' + value + '</option>');
	                    });
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
		    });
		});

		$(document).on('change', '#productCategoryId', function() {
			
			$.ajax({
		        type: 'post',
		        url: './reqPrimaryProductOption',
		        dataType: 'json',
		        data: {
		        	'branchId' : $('#branchId').val(),	
		        	'productCategoryId' : $('#productCategoryId').val()			        	
		       	}, 
		        success: function(_response) {
                    if(_response.errors) {
                        alert(_response.errors);
                    } else {
                    	$('#productId').empty();
                       	$('#productId').append("<option value='' selected='selected'>Select</option>");
                       	
                    	$.each(_response.primaryProduct, function(index, value) {
	                        $('#productId').append('<option value="'+ index +'">' + value + '</option>');
	                    });
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
		    });
		});

		$('form').submit(function(event){
            event.preventDefault();

            $('.panelBodyView').load('{{ URL::to("reqReport/") }}'+'?'+$('form').serialize());
        });
	</script>
@endsection