@extends('layouts/microfin_layout')
@section('title', '| Add Economic Purpose')
@section('content')

	<div class="row add-data-form">
		<div class="col-md-12">
            <div class="col-md-10 col-md-offset-1 fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url('viewEconomicPurposeList/') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	Economic Purpose Lists
                    </a>
                </div>

				{{-- @php
					dd($data['purpose']->loan_purpose_code_level_1);	
				@endphp --}}
				
				{{-- // Level 3  --}}
                <div class="panel panel-default panel-border">

					<div class="panel-heading">
						<div class="panel-title">Update Economic Purpose</div>
					</div>

					<div class="panel-body">
						
						<div class="row">
							<div class="col-md-12">
								{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}

									{{-- layer 1  --}}
									<div class="form-group">
										{!! Form::label('loan_purpose_level_1_selected_4', 'Loan purpose (Layer - 1):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::select('loan_purpose_level_1_selected_4', $data['loan_purpose_level_1_list'], $data['purpose']->loan_purpose_code_level_1, array('id' => 'loan_purpose_level_1_selected_4', 'class'=>'form-control', 'data-validate' => 'required')) !!}
										</div>

										{!! Form::label('loan_purpose_level_1_bangla', 'বাংলা:', ['class' => 'col-sm-1 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_1_bangla', $value = $data['purpose']->loan_purpose_level_1_bangla, ['id' => 'loan_purpose_level_1_bangla', 'class' => 'form-control', 'type' => 'text' ]) !!}
										</div>
									</div>
									{{-- layer 1  --}}

									{{-- layer 2  --}}
									<div class="form-group">
										{!! Form::label('loan_purpose_level_2_selected_4', 'Loan purpose (Layer - 2):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::select('loan_purpose_level_2_selected_4', $data['loan_purpose_level_2_list'], $data['purpose']->loan_purpose_code_level_2, array('id' => 'loan_purpose_level_2_selected_4', 'class'=>'form-control', 'data-validate' => 'required')) !!}
										</div>
									
										{!! Form::label('loan_purpose_level_2_bangla', 'বাংলা:', ['class' => 'col-sm-1 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_2_bangla', $value = $data['purpose']->loan_purpose_level_2_bangla, ['id' => 'loan_purpose_level_2_bangla', 'class' => 'form-control', 'type' => 'text' ]) !!}
										</div>
									</div>
									{{-- layer 2  --}}
									
									{{-- layer 3  --}}
									<div class="form-group">
										{!! Form::label('loan_purpose_level_3_selected_4', 'Loan purpose (Layer - 3):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::select('loan_purpose_level_3_selected_4', $data['loan_purpose_level_3_list'], $data['purpose']->loan_purpose_code_level_3, array('id' => 'loan_purpose_level_3_selected_4', 'class'=>'form-control', 'data-validate' => 'required')) !!}
										</div>
									
										{!! Form::label('loan_purpose_level_3_bangla', 'বাংলা:', ['class' => 'col-sm-1 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_3_bangla', $value = $data['purpose']->loan_purpose_level_3_bangla, ['id' => 'loan_purpose_level_3_bangla', 'class' => 'form-control', 'type' => 'text' ]) !!}
										</div>
									</div>
									{{-- layer 3  --}}

									{{-- layer 4  --}}									
									<div class="form-group">
										{!! Form::label('loan_purpose_level_4', 'Loan purpose (Layer - 4):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_4', $value = $data['purpose']->loan_purpose_level_4, ['id' => 'loan_purpose_level_4', 'class' => 'col-sm-4 form-control', 'type' => 'text', 'placeholder' => 'Enter loan purpose name', 'onfocus' => 'this.placeholder=""', 'onblur' => 'this.placeholder="Enter loan purpose name"' ]) !!}
										</div>									
									
										{!! Form::label('loan_purpose_level_4_bangla', 'বাংলা:', ['class' => 'col-sm-1 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_4_bangla', $value = $data['purpose']->loan_purpose_level_4_bangla, ['id' => 'loan_purpose_level_4_bangla', 'class' => 'form-control', 'type' => 'text' ]) !!}
										</div>
									</div>									
									{{-- layer 4  --}}

									<div class="form-group">
										{!! Form::label('mra_code', 'MRA code:', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('mra_code', $value = $value = $data['purpose']->mra_code, ['class' => 'form-control', 'id' => 'mra_code', 'data-validate' => 'required', 'type' => 'text', 'placeholder' => 'Enter MRA code', 'onfocus' => 'this.placeholder=""', 'onblur' => 'this.placeholder="Enter MRA code"' ]) !!}
										</div>
									</div>

									{{ Form::hidden('id', $data['purpose']->id) }}
									{{ Form::hidden('storeType', 'update') }}

									<div class="form-group">
										<div class="col-sm-10 col-sm-offset-2">
											{!! Form::submit('Submit', ['id' => 'submit3', 'class' => 'btn btn-info']) !!}
										</div>
									</div>

								{!! Form::close() !!}
							</div>
						</div>
						
					</div>
                </div>
				{{-- // Level 3  --}}

            </div>
		</div>
	</div>
	
	<script type="text/javascript">	




		$(document).ready(function(){
	        $('form').submit(function(event){
	            event.preventDefault();
				
			    $.ajax({
			        type: 'post',
			        url: './storeEconomicPurpose',
			        dataType: 'json',
			        data: $('form').serialize(),
			        success: function(_response) {
                        if(_response.errors) {
                            if(_response.errors['name'])
                                toastr.warning(_response.errors.name, null, opts);
                        } else {
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            
                            setTimeout(function(){
                                window.location.href = '{{ url('viewEconomicPurposeList/') }}';
                            }, 1000);
                        }
                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
			    });
	        });
	    });



		$(document).on('change', '#loan_purpose_level_1_selected_4', function(){
			var code = $('#loan_purpose_level_1_selected_4').val();
			$("#loan_purpose_level_2_selected_4 option:gt(0)").remove();
			var csrf = "{{csrf_token()}}";
			$.ajax({
				type: 'post',
				url: './getEconomicPurposes',
				dataType: 'json',
				data: {
					'level' : 2,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						console.log(key, value);
						$("#loan_purpose_level_2_selected_4").append(
							'<option value="' + key + '">' + value + "</option>"
						);
					}
				}
			});
       	});

		$(document).on('change', '#loan_purpose_level_2_selected_4', function(){
			var code = $('#loan_purpose_level_2_selected_4').val();
			$("#loan_purpose_level_3_selected_4 option:gt(0)").remove();
			var csrf = "{{csrf_token()}}";
			$.ajax({
				type: 'post',
				url: './getEconomicPurposes',
				dataType: 'json',
				data: {
					'level' : 3,
					'code' : code,
					'_token' : csrf
				},
				success: function(_response) {
					for (const [key, value] of Object.entries(_response)) 
					{
						console.log(key, value);
						$("#loan_purpose_level_3_selected_4").append(
							'<option value="' + key + '">' + value + "</option>"
						);
					}
				}
			});
       	});


	</script>
@endsection