@extends('layouts/pos_layout')
@section('title', '| Guarantor')
@section('content')

<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
            <div class="col-md-1"></div>
                <div class="col-md-10 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{url('pos/viewGuarantor/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>Guarantor List</a>
                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">Guarantor</div>
                        </div>
                    <div class="panel-body">
                        
                    {!! Form::open(array('url' => '' , 'enctype' => 'multipart/form-data',  'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                         
                <div class="row">

                <div class="col-md-12" id="formDiv">

                    <div class="col-md-6">

                        <input type="hidden" value="{{ $guarantor->id }}" name="id" />

                        <div class="form-group">
                            {!! Form::label('branch_id', 'Branch:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="branch_id" id="branch_id" class="form-control">
                                    <option value="">Select Branch</option>
                                    @if($branches)
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" {{ ($guarantor->customer->branch_id == $branch->id) ? 'selected' : '' }}>{{ $branch->branchCode }} - {{ $branch->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <p id='branch_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('customer_id', 'Customer:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="customer_id" id="customer_id" class="form-control">
                                    <option value="">Select Customer</option>
                                </select>
                                <p id='customer_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('guarantor_name', 'Guarantor Name:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('guarantor_name', $guarantor->name, ['class' => 'form-control', 'id' => 'guarantor_name', 'type' => 'text', 'placeholder' => 'Enter Guarantor Name']) !!}
                                <p id='guarantor_namee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->father_name == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('father_name', "Father Name:$set", ['class' => 'col-sm-3 control-label', 'id' => 'father_name_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('father_name', $guarantor->father_name,  ['class' => 'form-control', 'id' => 'father_name', 'type' => 'text', 'placeholder' => 'Enter Father Name']) !!}
                                <p id='father_namee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->spouse_name == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('spouse_name', "Spouse Name:$set", ['class' => 'col-sm-3 control-label', 'id' => 'spouse_name_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('spouse_name', $guarantor->spouse_name, ['class' => 'form-control', 'id' => 'spouse_name', 'type' => 'text', 'placeholder' => 'Enter Spouse Name']) !!}
                                <p id='spouse_namee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->email == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('email', "Email:$set", ['class' => 'col-sm-3 control-label', 'id' => 'email_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('email', $guarantor->email, ['class' => 'form-control', 'id' => 'email', 'type' => 'text', 'placeholder' => 'Enter Customer Email']) !!}
                                <p id='emaile' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->mobile == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('mobile_no', "Phone:$set", ['class' => 'col-sm-3 control-label', 'id' => 'mobile_no_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('mobile_no', $guarantor->phone, ['class' => 'form-control', 'id' => 'mobile_no', 'type' => 'text', 'placeholder' => 'Enter Customer Phone No.']) !!}
                                <p id='mobile_noe' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <span id='present_address_label'>Present Address:</span>
                        <br><br>

                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_division_id', "Division:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="present_division_id" id="present_division_id" class="form-control">
                                    <option value="">Select Division</option>
                                    @if($divisions)
                                        @foreach($divisions as $division)
                                            <option value="{{ $division->id }}" {{ ($division->id == $guarantor->present_division_id) ? 'selected' : '' }}>{{ $division->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <p id='present_division_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_upazila_id', "Upazila/Thana:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="present_upazila_id" id="present_upazila_id" class="form-control">
                                    <option value="">Select Upazila/Thana</option>
                                </select>
                                <p id='present_upazila_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_village_id', "Village:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="present_village_id" id="present_village_id" class="form-control">
                                    <option value="">Select Village</option>
                                </select>
                                <p id='present_village_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <span id='permanent_address_label'>Permanent Address:</span>
                        <br><br>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_division_id', "Division:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9"> 
                                <select name="permanent_division_id" id="permanent_division_id" class="form-control">
                                    <option value="">Select Division</option>
                                    @if($divisions)
                                        @foreach($divisions as $division)
                                            <option value="{{ $division->id }}" {{ ($division->id == $guarantor->permanent_division_id) ? 'selected' : '' }}>{{ $division->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <p id='permanent_division_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_upazila_id', "Upazila/Thana:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="permanent_upazila_id" id="permanent_upazila_id" class="form-control">
                                    <option value="">Select Upazila/Thana</option>
                                </select>
                                <p id='permanent_upazila_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_village_id', "Village:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="permanent_village_id" id="permanent_village_id" class="form-control">
                                    <option value="">Select Village</option>
                                </select>
                                <p id='permanent_village_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->image == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('image_path', "Upload Image:$set", ['class' => 'col-sm-4 control-label', 'id' => 'image_path_label']) !!}
                            <div class="col-sm-8">
                                {!! Form::file('image_path', $value = null, ['class' => 'form-control', 'id' => 'image_path', 'type' => 'file']) !!}
                                <img src="{{ ($guarantor->image_path) ? url('/images/pos/guarantor/'.$guarantor->image_path) : '' }}" width="200" height="120" id="image2"/>
                                <p id='imagee' style="max-height:3px;"></p>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-6">

                        @php ($requiredFields && $requiredFields->relation == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('relation', "Relation:$set", ['class' => 'col-sm-3 control-label', 'id' => 'mobile_no_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('relation', $guarantor->relation, ['class' => 'form-control', 'id' => 'relation', 'type' => 'text', 'placeholder' => 'Enter Relation']) !!}
                                <p id='relatione' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->national_id == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('national_id', "National Id:$set", ['class' => 'col-sm-3 control-label', 'id' => 'national_id_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('national_id', $guarantor->national_id, ['class' => 'form-control', 'id' => 'national_id', 'type' => 'text', 'placeholder' => 'Enter Customer National Id.']) !!}
                                <p id='national_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->date_of_birth == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('date_of_birth', "Date Of Birth:$set", ['class' => 'col-sm-3 control-label', 'id' => 'date_of_birth_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('date_of_birth', date('d-m-Y', strtotime($guarantor->date_of_birth)), ['class' => 'form-control', 'style'=>'cursor:pointer', 'id' => 'date_of_birth', 'type' => 'text', 'placeholder' => 'Select Customer Date of Birth', 'readonly' => true]) !!}
                                <p id='date_of_birthe' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('marital_status', 'Marital Status:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <span> Single </span> {!! Form::checkbox('single_status', $value = null, ($guarantor->marital_status == 'Single') ? true : false, ['id' => 'single']) !!}
                                <span style="padding-left: 10px;"> Married </span> {!! Form::checkbox('married_status', $value = null, ($guarantor->marital_status == 'Married') ? true : false, ['id' => 'married']) !!}
                                <p id='marital_statuse' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->yearly_income == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('yearly_income', "Yearly Income:$set", ['class' => 'col-sm-3 control-label', 'id' => 'yearly_income_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::number('yearly_income', $guarantor->yearly_income, ['class' => 'form-control', 'id' => 'yearly_income', 'type' => 'text', 'min' => 0, 'placeholder' => 'Enter Customer Yearly Income']) !!}
                                <p id='yearly_incomee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->description == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('description', "Description:$set", ['class' => 'col-sm-3 control-label', 'id' => 'description_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('description', $guarantor->description, ['class' => 'form-control', 'id' => 'description', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter Customer Description']) !!}
                                <p id='descriptione' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <br><br>
                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_district_id', "District:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="present_district_id" id="present_district_id" class="form-control">
                                    <option value="">Select District</option>
                                </select>
                                <p id='present_district_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_union_id', "Union:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="present_union_id" id="present_union_id" class="form-control">
                                    <option value="">Select Union</option>
                                </select>
                                <p id='present_union_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->present_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('present_remark', "Remarks:$set", ['class' => 'col-sm-3 control-label', 'id' => 'present_remark_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('present_remark', $guarantor->present_remark, array('class'=>'form-control', 'id' => 'present_remark', 'rows' => 4, 'placeholder' => 'Enter Remarks')) !!}
                                <p id='present_remarke' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_district_id', "District:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="permanent_district_id" id="permanent_district_id" class="form-control">
                                    <option value="">Select District</option>
                                </select>
                                <p id='permanent_district_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_union_id', "Union:$set", ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                <select name="permanent_union_id" id="permanent_union_id" class="form-control">
                                    <option value="">Select Union</option>
                                </select>
                                <p id='permanent_union_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        @php ($requiredFields && $requiredFields->permanent_address == 'required') ? $set = '*' : $set = '' @endphp  
                        <div class="form-group">
                            {!! Form::label('permanent_remark', "Remarks:$set", ['class' => 'col-sm-3 control-label', 'id' => 'permanent_remark_label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('permanent_remark', $guarantor->permanent_remark, array('class'=>'form-control', 'id' => 'permanent_remark', 'rows' => 4, 'placeholder' => 'Enter Remark')) !!}
                                <p id='permanent_remarke' style="max-height:3px;"></p>
                            </div>
                        </div>

                    </div>         
                         
                </div>

                </div>

                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="form-group col-md-4 text-center">
                            {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                            <div class="col-sm-12">
                                {!! Form::submit('Update', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                <a href="{{url('pos/viewGuarantor/')}}" class="btn btn-danger closeBtn">Close</a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <span id="success" style="color:green; font-size:20px;"></span>
                        </div>
                    </div>    

                {!! Form::close() !!}
                            
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">

$(document).ready(function(){

    var branchId = $("#branch_id").val();
    var guarantor = <br />
<b>Warning</b>:  Undefined variable $guarantor in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/tools/guarantor/editGuarantor.blade.php</b> on line <b>348</b><br />
null
    $('#customer_id').empty();
    $('#customer_id').append("<option value=''>Select Customer</option>");

    if(branchId)
    {   
        $.ajax({
            type: 'post',
            url: '../getGuarantorCustomer',
            data: {
                '_token': $('input[name=_token]').val(),
                'branchId': branchId              
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                    if(guarantor.customer.id == value.id) $('#customer_id').append("<option value='"+value.id+"' selected>"+value.customer_id_no+" - "+value.name+"</option>");
                    else $('#customer_id').append("<option value='"+value.id+"'>"+value.customer_id_no+" - "+value.name+"</option>");
                });
            }
        });
    }

    // Present Address Start

    var divisionId = guarantor.present_division_id;
    var districtId = guarantor.present_district_id;
    var upazilaId  = guarantor.present_upazila_id;
    var unionId    = guarantor.present_union_id;
    
    $.ajax({
        type: 'post',
        url: '../getGuarantorDistrict',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId              
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {   
                if(value.id == guarantor.present_district_id) $('#present_district_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#present_district_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorUpazila',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId            
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.present_upazila_id) $('#present_upazila_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#present_upazila_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorUnion',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId,
            'upazilaId' : upazilaId         
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.present_union_id) $('#present_union_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#present_union_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorVillage',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId,
            'upazilaId' : upazilaId,
            'unionId'   : unionId   
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.present_village_id) $('#present_village_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#present_village_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    // Present Address Stop


    // Parmanent Address Start

    var divisionId = guarantor.permanent_division_id;
    var districtId = guarantor.permanent_district_id;
    var upazilaId  = guarantor.permanent_upazila_id;
    var unionId    = guarantor.permanent_union_id;
    
    $.ajax({
        type: 'post',
        url: '../getGuarantorDistrict',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId              
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {   
                if(value.id == guarantor.permanent_district_id) $('#permanent_district_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#permanent_district_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorUpazila',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId            
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.permanent_upazila_id) $('#permanent_upazila_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#permanent_upazila_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorUnion',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId,
            'upazilaId' : upazilaId         
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.permanent_union_id) $('#permanent_union_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#permanent_union_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    $.ajax({
        type: 'post',
        url: '../getGuarantorVillage',
        data: {
            '_token': $('input[name=_token]').val(),
            'divisionId': divisionId,
            'districtId': districtId,
            'upazilaId' : upazilaId,
            'unionId'   : unionId   
        },
        success: function(_response) 
        {   
            $.each(_response.data, function( index, value )
            {  
                if(value.id == guarantor.permanent_village_id) $('#permanent_village_id').append("<option value='"+value.id+"' selected>"+value.name+"</option>");
                else $('#permanent_village_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
            });
        }
    });

    // Parmanent Address Stop
    
    $("#date_of_birth").datepicker(
    {
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        onSelect: function() 
        {  
            var date_of_birth = $("#date_of_birth").val();
            if(date_of_birth){ $('#date_of_birthe').hide();}else{$('#date_of_birthe').show();}
        }
    }); 

    $('#single').change(function()
    {   
        if(!this.checked) document.getElementById("married").checked = true;
        else document.getElementById("married").checked = false;
    });

    $('#married').change(function()
    {
        if(!this.checked) document.getElementById("single").checked = true;
        else document.getElementById("single").checked = false;
    });

    $('#image_path').change(function(e) 
    {   
        var output = document.getElementById('image2');
        output.src = URL.createObjectURL(event.target.files[0]);

        if(output){ $('#imagee').hide(); } else{ $('#imagee').show(); }
        
        const file = this.files[0];
        const fileType = file['type'];
        const validImageTypes = ['image/gif', 'image/jpeg', 'image/png'];

        if(!validImageTypes.includes(fileType)) 
        {   
            $('#image_path').val('');
            $('#imagee').show();
            $('#imagee').empty();
            $('#imagee').append('<span class="errormsg" style="color:red;">Please Upload Image File Only</span>');
            
        }
        else
        {   
            var output = document.getElementById('image2');
            output.src = URL.createObjectURL(event.target.files[0]);
        }

    });

    $("#yearly_income").keyup(function()
    {
        var val = $(this).val();
        if(val < 0) 
        {
            alert('Yearly income can not be negative amount');
            $(this).val('');
        }
    });

    $('#branch_id').change(function()
    {   
        var branchId = $(this).val();

        $('#customer_id').empty();
        $('#customer_id').append("<option value=''>Select Customer</option>");

        if(branchId)
        {   
            $.ajax({
                type: 'post',
                url: '../getGuarantorCustomer',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'branchId': branchId              
                },
                success: function(_response) 
                {   
                    $.each(_response.data, function( index, value )
                    {   
                        $('#customer_id').append("<option value='"+value.id+"'>"+value.customer_id_no+" - "+value.name+"</option>");
                    });
                }
            });
        }
    });

    
    // Present Address Start
    
    $('#present_division_id').change(function()
    {   
        var divisionId = $(this).val();

        $('#present_district_id').empty();
        $('#present_district_id').append("<option value=''>Select District</option>");

        $('#present_upazila_id').empty();
        $('#present_upazila_id').append("<option value=''>Select Upazila/Thana</option>");

        $('#present_union_id').empty();
        $('#present_union_id').append("<option value=''>Select Union</option>");

        $('#present_village_id').empty();
        $('#present_village_id').append("<option value=''>Select Village</option>");

        if(divisionId)
        {   
            $.ajax({
                type: 'post',
                url: '../getGuarantorDistrict',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'divisionId': divisionId              
                },
                success: function(_response) 
                {   
                    $.each(_response.data, function( index, value )
                    {   
                        $('#present_district_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
                    });
                }
            });
        }
    });

    $('#present_district_id').change(function()
    {   
        var divisionId = $('#present_division_id').find(":selected").val();
        var districtId = $(this).val();

        $('#present_upazila_id').empty();
        $('#present_upazila_id').append("<option value=''>Select Upazila/Thana</option>");

        $('#present_union_id').empty();
        $('#present_union_id').append("<option value=''>Select Union</option>");

        $('#present_village_id').empty();
        $('#present_village_id').append("<option value=''>Select Village</option>");
        

        $.ajax({
            type: 'post',
            url: '../getGuarantorUpazila',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId            
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#present_upazila_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    $('#present_upazila_id').change(function()
    {   
        var divisionId = $('#present_division_id').find(":selected").val();
        var districtId = $('#present_district_id').find(":selected").val();
        var upazilaId = $(this).val();

        $('#present_union_id').empty();
        $('#present_union_id').append("<option value=''>Select Union</option>");

        $('#present_village_id').empty();
        $('#present_village_id').append("<option value=''>Select Village</option>");
        
        
        $.ajax({
            type: 'post',
            url: '../getGuarantorUnion',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId,
                'upazilaId' : upazilaId         
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#present_union_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    $('#present_union_id').change(function()
    {   
        var divisionId = $('#present_division_id').find(":selected").val();
        var districtId = $('#present_district_id').find(":selected").val();
        var upazilaId = $('#present_upazila_id').find(":selected").val();
        var unionId = $(this).val();

        $('#present_village_id').empty();
        $('#present_village_id').append("<option value=''>Select Village</option>");
        
        $.ajax({
            type: 'post',
            url: '../getGuarantorVillage',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId,
                'upazilaId' : upazilaId,
                'unionId'   : unionId   
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#present_village_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    // Present Address Stop


    // Permanent Address Start
    
    $('#permanent_division_id').change(function()
    {   
        var divisionId = $(this).val();

        $('#permanent_district_id').empty();
        $('#permanent_district_id').append("<option value=''>Select District</option>");

        $('#permanent_upazila_id').empty();
        $('#permanent_upazila_id').append("<option value=''>Select Upazila/Thana</option>");

        $('#permanent_union_id').empty();
        $('#permanent_union_id').append("<option value=''>Select Union</option>");

        $('#permanent_village_id').empty();
        $('#permanent_village_id').append("<option value=''>Select Village</option>");

        if(divisionId)
        {   
            $.ajax({
                type: 'post',
                url: '../getGuarantorDistrict',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'divisionId': divisionId              
                },
                success: function(_response) 
                {   
                    $.each(_response.data, function( index, value )
                    {   
                        $('#permanent_district_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
                    });
                }
            });
        }
    });

    $('#permanent_district_id').change(function()
    {   
        var divisionId = $('#permanent_division_id').find(":selected").val();
        var districtId = $(this).val();

        $('#permanent_upazila_id').empty();
        $('#permanent_upazila_id').append("<option value=''>Select Upazila/Thana</option>");

        $('#permanent_union_id').empty();
        $('#permanent_union_id').append("<option value=''>Select Union</option>");

        $('#permanent_village_id').empty();
        $('#permanent_village_id').append("<option value=''>Select Village</option>");
        

        $.ajax({
            type: 'post',
            url: '../getGuarantorUpazila',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId            
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#permanent_upazila_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    $('#permanent_upazila_id').change(function()
    {   
        var divisionId = $('#permanent_division_id').find(":selected").val();
        var districtId = $('#permanent_district_id').find(":selected").val();
        var upazilaId = $(this).val();

        $('#permanent_union_id').empty();
        $('#permanent_union_id').append("<option value=''>Select Union</option>");

        $('#permanent_village_id').empty();
        $('#permanent_village_id').append("<option value=''>Select Village</option>");
        
        
        $.ajax({
            type: 'post',
            url: '../getGuarantorUnion',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId,
                'upazilaId' : upazilaId         
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#permanent_union_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    $('#permanent_union_id').change(function()
    {   
        var divisionId = $('#permanent_division_id').find(":selected").val();
        var districtId = $('#permanent_district_id').find(":selected").val();
        var upazilaId = $('#permanent_upazila_id').find(":selected").val();
        var unionId = $(this).val();

        $('#permanent_village_id').empty();
        $('#permanent_village_id').append("<option value=''>Select Village</option>");
        
        $.ajax({
            type: 'post',
            url: '../getGuarantorVillage',
            data: {
                '_token': $('input[name=_token]').val(),
                'divisionId': divisionId,
                'districtId': districtId,
                'upazilaId' : upazilaId,
                'unionId'   : unionId   
            },
            success: function(_response) 
            {   
                $.each(_response.data, function( index, value )
                {   
                   $('#permanent_village_id').append("<option value='"+value.id+"'>"+value.name+"</option>");
			    });
            }
        });
        
    });

    // Permanent Address Stop

    $('form').submit(function( event ) 
    {   
        event.preventDefault();
        var formData = new FormData($(this)[0]);
        $.ajax({
            type: 'post',
            url: '../editGuarantorItem',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(_response)
            {      
                
                console.log(_response);

                if (_response.errors) 
                {
                    if (_response.errors['guarantor_name']) 
                    {
                        $('#guarantor_namee').empty();
                        $('#guarantor_namee').append('<span class="errormsg" style="color:red;">'+_response.errors.guarantor_name+'</span>');
        
                    }
                    if (_response.errors['father_name']) 
                    {
                        $('#father_namee').empty();
                        $('#father_namee').append('<span class="errormsg" style="color:red;">'+_response.errors.father_name+'</span>');
                        
                    }
                    if (_response.errors['spouse_name']) 
                    {
                        $('#spouse_namee').empty();
                        $('#spouse_namee').append('<span class="errormsg" style="color:red;">'+_response.errors.spouse_name+'</span>');
                        
                    }
                    if (_response.errors['email']) 
                    {
                        $('#emaile').empty();
                        $('#emaile').append('<span class="errormsg" style="color:red;">'+_response.errors.email+'</span>');
                        
                    }
                    if (_response.errors['mobile_no']) 
                    {
                        $('#mobile_noe').empty();
                        $('#mobile_noe').append('<span class="errormsg" style="color:red;">'+_response.errors.mobile_no+'</span>');
                        
                    }
                    if (_response.errors['date_of_birth']) 
                    {
                        $('#date_of_birthe').empty();
                        $('#date_of_birthe').append('<span class="errormsg" style="color:red;">'+_response.errors.date_of_birth+'</span>');
                        
                    }
                    if (_response.errors['yearly_income']) 
                    {
                        $('#yearly_incomee').empty();
                        $('#yearly_incomee').append('<span class="errormsg" style="color:red;">'+_response.errors.yearly_income+'</span>');
                        
                    }
                    if (_response.errors['relation']) 
                    {
                        $('#relatione').empty();
                        $('#relatione').append('<span class="errormsg" style="color:red;">'+_response.errors.relation+'</span>');
                        
                    }
                    if (_response.errors['description']) 
                    {   
                        $('#descriptione').empty();
                        $('#descriptione').append('<span class="errormsg" style="color:red;">'+_response.errors.description+'</span>');
                        
                    }
                    if (_response.errors['branch_id']) 
                    {
                        $('#branch_ide').empty();
                        $('#branch_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.branch_id+'</span>');
                        
                    }
                    if (_response.errors['customer_id']) 
                    {
                        $('#customer_ide').empty();
                        $('#customer_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.customer_id+'</span>');
                        
                    }
                    if (_response.errors['national_id']) 
                    {
                        $('#national_ide').empty();
                        $('#national_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.national_id+'</span>');
                        
                    }
                    if (_response.errors['present_division_id']) 
                    {   
                        $('#present_division_ide').empty();
                        $('#present_division_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.present_division_id+'</span>');
                        
                    }
                    if (_response.errors['present_district_id']) 
                    {
                        $('#present_district_ide').empty();
                        $('#present_district_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.present_district_id+'</span>');
                        
                    }
                    if (_response.errors['present_upazila_id']) 
                    {
                        $('#present_upazila_ide').empty();
                        $('#present_upazila_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.present_upazila_id+'</span>');
                        
                    }
                    if (_response.errors['present_union_id']) 
                    {
                        $('#present_union_ide').empty();
                        $('#present_union_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.present_union_id+'</span>');
                        
                    }
                    if (_response.errors['present_village_id']) 
                    {
                        $('#present_village_ide').empty();
                        $('#present_village_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.present_village_id+'</span>');
                        
                    }
                    if (_response.errors['permanent_division_id']) 
                    {
                        $('#permanent_division_ide').empty();
                        $('#permanent_division_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_division_id+'</span>');
                        
                    }
                    if (_response.errors['permanent_district_id']) 
                    {
                        $('#permanent_district_ide').empty();
                        $('#permanent_district_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_district_id+'</span>');
                        
                    }
                    if (_response.errors['permanent_upazila_id']) 
                    {
                        $('#permanent_upazila_ide').empty();
                        $('#permanent_upazila_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_upazila_id+'</span>');
                        
                    }
                    if (_response.errors['permanent_union_id']) 
                    {
                        $('#permanent_union_ide').empty();
                        $('#permanent_union_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_union_id+'</span>');
                        
                    }
                    if (_response.errors['permanent_village_id']) 
                    {
                        $('#permanent_village_ide').empty();
                        $('#permanent_village_ide').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_village_id+'</span>');
                        
                    }
                    if (_response.errors['image_path']) 
                    {   
                        if(_response.errors.image_path == 'The Image failed to upload.')
                        {
                            $('#imagee').empty();
                            $('#imagee').append('<span class="errormsg" style="color:red;">Please Upload Image File Only</span>');
                        }
                        else
                        {
                            $('#imagee').empty();
                            $('#imagee').append('<span class="errormsg" style="color:red;">'+_response.errors.image_path+'</span>');
                        }
                    }
                    if (_response.errors['present_remark']) 
                    {
                        $('#present_remarke').empty();
                        $('#present_remarke').append('<span class="errormsg" style="color:red;">'+_response.errors.present_remark+'</span>');
                        
                    }
                    if (_response.errors['permanent_remark']) 
                    {
                        $('#permanent_remarke').empty();
                        $('#permanent_remarke').append('<span class="errormsg" style="color:red;">'+_response.errors.permanent_remark+'</span>');
                        
                    }
                } 
                else
                {   
                    if (_response.responseTitle == 'success')
                    {   
                        $("#formDiv").load(location.href + " #formDiv>*", "");
                        toastr.success(_response.responseText);

                        setTimeout(function(){
                            window.location.reload(1);
                        }, 1000);
                    }
                    else
                    {
                        toastr.error(_response.responseText);
                    }
                }
            },
            error: function( _response )
            {
                // Handle error
                alert(_response.errors);
            }
        
        });
    });

    $("input").keyup(function()
    {
        var guarantor_name          = $("#guarantor_name").val();
        var father_name             = $("#father_name").val();
        var spouse_name             = $("#spouse_name").val();
        var email                   = $("#email").val();
        var mobile_no               = $("#mobile_no").val();
        var national_id             = $("#national_id").val();
        var yearly_income           = $("#yearly_income").val();
        var relation                = $("#relation").val();
        
        if(guarantor_name){ $('#guarantor_namee').hide();}else{$('#guarantor_namee').show();}
        if(father_name){ $('#father_namee').hide();}else{$('#father_namee').show();}
        if(spouse_name){ $('#spouse_namee').hide();}else{$('#spouse_namee').show();}
        if(email){ $('#emaile').hide();}else{$('#emaile').show();}
        if(mobile_no){ $('#mobile_noe').hide();}else{$('#mobile_noe').show();}
        if(national_id){ $('#national_ide').hide();}else{$('#national_ide').show();}
        if(yearly_income){ $('#yearly_incomee').hide();}else{$('#yearly_incomee').show();}
        if(relation){ $('#relatione').hide();}else{$('#relatione').show();}
    
    });

    $(document).on('input propertychange', "textarea[name='description']", function () 
    {   
        var description = $("#description").val();
        if(description){ $('#descriptione').hide();}else{$('#descriptione').show(); }
    });

    $(document).on('input propertychange', "textarea[name='present_remark']", function () 
    {   
        var present_remark = $("#present_remark").val();
        if(present_remark){ $('#present_remarke').hide();}else{$('#present_remarke').show(); }
    });

    $(document).on('input propertychange', "textarea[name='permanent_remark']", function () 
    {   
        var permanent_remark = $("#permanent_remark").val();
        if(permanent_remark){ $('#permanent_remarke').hide();}else{$('#permanent_remarke').show(); }
    });

    $('select').on('change', function() 
    {   
        
        var branch_id     = $("#branch_id").val();
        var customer_id   = $("#customer_id").val();
        
        var present_division_id     = $("#present_division_id").val();
        var present_district_id     = $("#present_district_id").val();
        var present_union_id        = $("#present_union_id").val();
        var present_upazila_id      = $("#present_upazila_id").val();
        var present_village_id      = $("#present_village_id").val();

        var permanent_division_id   = $("#permanent_division_id").val();
        var permanent_district_id   = $("#permanent_district_id").val();
        var permanent_union_id      = $("#permanent_union_id").val();
        var permanent_upazila_id    = $("#permanent_upazila_id").val();
        var permanent_village_id    = $("#permanent_village_id").val();
        
        
        if(branch_id){ $('#branch_ide').hide();}else{$('#branch_ide').show(); }
        if(customer_id){ $('#customer_ide').hide();}else{$('#customer_ide').show(); }
        
        if(present_division_id){ $('#present_division_ide').hide();}else{$('#present_division_ide').show(); }
        if(present_district_id){ $('#present_district_ide').hide();}else{$('#present_district_ide').show(); }
        if(present_union_id){ $('#present_union_ide').hide();}else{$('#present_union_ide').show(); }
        if(present_upazila_id){ $('#present_upazila_ide').hide();}else{$('#present_upazila_ide').show(); }
        if(present_village_id){ $('#present_village_ide').hide();}else{$('#present_village_ide').show(); }

        if(permanent_division_id){ $('#permanent_division_ide').hide();}else{$('#permanent_division_ide').show(); }
        if(permanent_district_id){ $('#permanent_district_ide').hide();}else{$('#permanent_district_ide').show(); }
        if(permanent_union_id){ $('#permanent_union_ide').hide();}else{$('#permanent_union_ide').show(); }
        if(permanent_upazila_id){ $('#permanent_upazila_ide').hide();}else{$('#permanent_upazila_ide').show(); }
        if(permanent_village_id){ $('#permanent_village_ide').hide();}else{$('#permanent_village_ide').show(); }

    });

});

</script>