@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')) !!}

									<div class="form-group">
										{!! Form::label('loan_purpose_level', 'Loan Purpose (English):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level', $value = $data['loan_purpose_level'], ['class' => 'form-control', 'id' => 'loan_purpose_level', 'data-validate' => 'required', 'type' => 'text']) !!}
										</div>
									</div>

									<div class="form-group">
										{!! Form::label('loan_purpose_level_bangla', 'Loan Purpose (বাংলা ):', ['class' => 'col-sm-2 control-label']) !!}
										<div class="col-sm-4">
											{!! Form::text('loan_purpose_level_bangla', $value = $data['loan_purpose_level_bangla'], ['class' => 'form-control', 'id' => 'loan_purpose_level_bangla', 'data-validate' => 'required', 'type' => 'text']) !!}
										</div>
									</div>

									{{ Form::hidden('id',    $data['id']) }}
									{{ Form::hidden('level', $data['level']) }}
									{{ Form::hidden('storeType', 'updateByLevel') }}

									<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();

				var url = window.location.href
				url = url.split('updateEconomicPurpose');
				url = url[0] + 'storeEconomicPurpose';
				
			    $.ajax({
			        type: 'post',
			        url: url,
			        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