@extends('layouts.master')

@section('title', __("tr.$title Takaful and Grants info"))
@section('subtitle', __("tr.$title Takaful and Grants info" ) )
@section('titleicon', "icon-file-text")

@section('content')
<style>

</style>
	<!-- BEGIN .main-content -->
	<div class="main-content">

        @if(session('error'))
            <div class="alert alert-danger text-white bg-danger">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                {{ session('error') }}
            </div>
        @endif

		<div class="row gutters">
			<div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
                @include('system.components.notifications')
                <div class="row">
                    <div class="col-md-8">
                        <div class="card">
                            <div class="card-header">
                                @lang('tr.Request Details')
                            </div>
                            <div class="card-body">
                            <form method="post"  action="{{($takafulRequest) ? route('save_takaful', ['takafulRequest' => $takafulRequest->id]) : route('save_takaful') }}">
                                {{ csrf_field() }}

                                <div class="form-group">
                                    <label for="term_id">@lang("tr.Term")</label>
                                    {!! Form::select('term_id', array(""=>__("tr.Select Term")) + $terms, $takafulRequest->term_id, array('id'=> 'term_id', 'name'=> 'term_id', 'class'=>'form-control', 'data-placement'=>'top', 'title'=> __('tr.Term') )) !!}
                                </div>

                                @if(false)
                                    <div class="form-group">
                                        <label for="discount_type">@lang("tr.Discount Type")</label>
                                        {!! Form::select('discount_type', array(""=>__("tr.Select Discount Type")) + $discountTypes, $takafulRequest->discount_type, array('id'=> 'discount_type', 'name'=> 'discount_type', 'class'=>'form-control', 'data-placement'=>'top', 'title'=> __('tr.Discount Type') )) !!}
                                    </div>

                                    <div class="form-group">
                                        <label for="discount_amount">@lang("tr.Discount Amount")</label>
                                        <input type="number" class="form-control" name='discount_amount' value="{{$takafulRequest->discount_amount}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="takaful_type">@lang("tr.Request Type")</label>
                                        {!! Form::select('takaful_type', array(""=>__("tr.Select Type")) + $types, $takafulRequest->takaful_type, array('id'=> 'takaful_type', 'name'=> 'takaful_type', 'class'=>'form-control', 'data-placement'=>'top', 'title'=> __('tr.Type') )) !!}
                                    </div>
                                @endif

                                <div id="takaful_data" style="display:none;">
                                    <div class="form-group">
                                        <label for="guardian_relation">@lang("tr.Guardian Relation")</label>
                                        {!! Form::select('guardian_relation', array(""=>__("tr.Select Guardian Relation")) + $guardianRelationLabels, $takafulRequest->guardian_relation, array('id'=> 'guardian_relation', 'name'=> 'guardian_relation', 'class'=>'form-control', 'title'=> __('tr.Guardian Relation') )) !!}
                                    </div>

                                    <div class="form-group">
                                        <label for="guardian_name">@lang("tr.Guardian Name")</label>
                                        <input type="text" class="form-control" name='guardian_name' value="{{$takafulRequest->guardian_name}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="guardian_occupation">@lang("tr.Guardian Occupation")</label>
                                        <input type="text" class="form-control" name='guardian_occupation' value="{{$takafulRequest->guardian_occupation}}">
                                    </div>

                                    <div class="form-group" id="guardian_relation_reason_div" style="display:none;">
                                        <label for="guardian_relation_reason">@lang("tr.Guardian Relation Reason")</label>
                                        <input type="text" class="form-control" id="guardian_relation_reason" name='guardian_relation_reason' value="{{$takafulRequest->guardian_relation_reason}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="guardian_net_income">@lang("tr.Guardian Net Income")</label>
                                        <input type="number" class="form-control" name='guardian_net_income' value="{{$takafulRequest->guardian_net_income}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="guardian_income_source">@lang("tr.Guardian Income Source")</label>
                                        {!! Form::select('guardian_income_source', array(""=>__("tr.Select Guardian Income Source")) + $guardianIncomeLabels, $takafulRequest->guardian_income_source, array('id'=> 'guardian_income_source', 'name'=> 'guardian_income_source', 'class'=>'form-control', 'title'=> __('tr.Guardian Income Source') )) !!}
                                    </div>

                                    <div class="form-group">
                                        <label for="guardian_mobile_number">@lang("tr.Guardian Mobile Number")</label>
                                        <input type="text" class="form-control" name='guardian_mobile_number' value="{{$takafulRequest->guardian_mobile_number}}">
                                    </div>

                                    <div id="mother_data" style="display:none;">
                                        <div class="form-group">
                                            <label for="mother_occupation">@lang("tr.Mother’s Occupation")</label>
                                            <input type="text" class="form-control" id="mother_occupation" name='mother_occupation' value="{{$takafulRequest->mother_occupation}}">
                                        </div>

                                        <div class="form-group">
                                            <label for="mother_net_income">@lang("tr.Mother’s Net Income")</label>
                                            <input type="number" class="form-control" id="mother_net_income" name='mother_net_income' value="{{$takafulRequest->mother_net_income}}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="number_of_family_members_living_with_you">@lang("tr.Number of Family Members Living with you")</label>
                                        <input type="number" class="form-control" name='number_of_family_members_living_with_you' value="{{$takafulRequest->number_of_family_members_living_with_you}}">
                                    </div>
                                </div>

                                <div id="grant_data" style="display:none;">
                                    <div class="form-group">
                                        <label for="organization_id">@lang("tr.Organization")</label>
                                        {!! Form::select('organization_id', array(""=>__("tr.Select Organization")) + $organizations, $takafulRequest->organization_id, array('id'=> 'organization_id', 'name'=> 'organization_id', 'class'=>'form-control', 'data-placement'=>'top', 'title'=> __('tr.Organization') )) !!}
                                    </div>
                                </div>

                                <div class="form-group" id="note" style="display:none;">
                                    <label for="note">@lang("tr.Reason / Notes")</label>
                                    <input type="text" class="form-control" name='note' value="{{$takafulRequest->note}}">
                                </div>


                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-primary" id=''>@lang('tr.Submit')</button>
                                </div>
                            </form>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
		</div>
		<!-- Row end -->
	</div>
	<!-- END: .main-content -->
    <script type="text/javascript">

        function updateFields (type){

            if(type == 1 || type == 2) {

                $('#takaful_data').show();
                $('#grant_data').hide();
                $('#note').hide();
            }
            else if(type == 3) {

                $('#grant_data').show();
                $('#note').show();
                $('#takaful_data').hide();
            }
            else if(type == 4) {

                $('#note').show();
                $('#takaful_data').hide();
                $('#grant_data').hide();
            }
            else {

                $('#takaful_data').hide();
                $('#grant_data').hide();
                $('#note').hide();
            }
        }

        function updateGuardianRelationDependencies(guardianRelation){

            if(!guardianRelation) {
                $('#mother_data').hide();
                $('#guardian_relation_reason_div').hide();
                $('#guardian_relation_reason').val('');
                $('#mother_occupation').val('');
                $('#mother_net_income').val('');
            }
            else if(guardianRelation == 1) {//dad
                $('#mother_data').show();
                $('#guardian_relation_reason_div').hide();
                $('#guardian_relation_reason').val('');
            }
            else {
                $('#mother_data').hide();
                $('#guardian_relation_reason_div').show();
                $('#mother_occupation').val('');
                $('#mother_net_income').val('');
            }
        }

        $(document).ready(function() {

            @if ($takafulRequest != null)
                
                @if(!empty($takafulRequest->guardian_relation))
                    updateGuardianRelationDependencies({{$takafulRequest->guardian_relation}});
                @endif

                @if($takafulRequest->takaful_type)

                    updateFields({{$takafulRequest->takaful_type}});
                @else

                    updateFields(1);
                @endif
            @endif


            $('#takaful_type').on('change', function(event) {

                var type = $(this).val();
                updateFields(type);
            });

            $('#guardian_relation').on('change', function(event) {

                var guardianRelation = $(this).val();
                updateGuardianRelationDependencies(guardianRelation);
            });
        });

    </script>
@stop