@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<div class="page-content">
    <div class="container-fluid">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <div class="row">
                <div class="col-12">
                    <div class="d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">
                            <a href="javascript:void(0);" onclick="history.back();"class="btn btn-primary px-3 waves-effect waves-light btn-sm backToButton" title="Back Button" id="backToButton"><i class="mdi mdi-arrow-left font-size-20"></i></a>&nbsp;&nbsp;&nbsp; {{$data['title']}}
                        </h4>
                    </div>
                </div>
            </div>
            <div class="page-title-right">
                @php
                    $privileges = getPrivileges();
                @endphp
        
                @if(Auth::user()->type == 1)
                    <a href="{{ route('add.general.policy') }}" class="btn btn-primary px-4 w-md">+ Add</a>
                @else
                    @if(!empty($privileges && array_key_exists(26,$privileges)))
                        @if(array_key_exists(27,$privileges[26]))
                            <a href="{{ route('add.general.policy') }}" class="btn btn-primary px-4 w-md">+ Add</a>
                        @endif
                    @endif
                @endif
               
                <a href="javascript:void(0);" onclick="return downloadPDF();" class="btn btn-primary px-4 w-md tooltipMsg">Export PDF <span class="tooltiptext">Download Report</span></a>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div id="basic-example">
                            <h3>Step 1</h3>
                            <section>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <input type="hidden" id="general_insurance_id" name="general_insurance_id">
                                            <label class="form-label" for="fresh">Insurance Type</label>
                                            <div class="form-check">
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="general_insurance_type" id="fresh" value="Fresh" checked disabled>
                                                    <label class="form-check-label me-5" for="fresh">Fresh</label>
                                                </div>
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="general_insurance_type" id="prospect" value="Prospect" disabled>
                                                    <label class="form-check-label me-5" for="prospect">Prospect</label>
                                                </div>
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="general_insurance_type" id="renewal" value="Renewal" disabled>
                                                    <label class="form-check-label me-5" for="renewal">Renewal</label>
                                                </div>
                                                <!-- <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="general_insurance_type" id="old_renewal" value="Old Renewal" disabled>
                                                    <label class="form-check-label me-5" for="old_renewal">Old Renewal</label>
                                                </div> -->
                                                <div class="form-check-inline">
                                                    <input class="form-check-inline form-check-input" type="radio" name="general_insurance_type" id="adding_endorsement" value="Endorsement" disabled>
                                                    <label class="form-check-label me-5" for="adding_endorsement">Endorsement</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_transaction_date" class="form-label">Transaction Date</label>
                                            <input type="text" class="form-control" name="general_transaction_date" id="general_transaction_date" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_document_number" class="form-label">Document Number</label>
                                            <input type="text" class="form-control" name="general_document_number" id="general_document_number" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_family_id" class="form-label">Family Group</label>
                                            <input type="text" class="form-control" id="general_family_id" name="general_family_id" value="" disabled>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_client_id" class="form-label">Policy Holder Name</label>                                            
                                            <input type="text" class="form-control" id="general_client_id" name="general_client_id" value="" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                @if($data['data']['form_type'] == 2)
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label for="head_first_name" class="form-label">Full Name</label>
                                                <input type="text" class="form-control" name="head_first_name" id="head_first_name" placeholder="First name" value="" disabled>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="head_first_name" class="form-label">First Name</label>
                                                <input type="text" class="form-control" name="head_first_name" id="head_first_name" placeholder="First name" value="" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="head_middle_name" class="form-label">Middle Name</label>
                                                <input type="text" class="form-control" name="head_middle_name" id="head_middle_name" placeholder="Middle name" value="" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="head_last_name" class="form-label">Last Name</label>
                                                <input type="text" class="form-control" name="head_last_name" id="head_last_name" placeholder="Last name" value="" disabled>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                        
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="head_address_line1" class="form-label">Address Line1</label>
                                            <input type="text" class="form-control" name="head_address_line1" id="head_address_line1" placeholder="Address line 1" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="head_address_line2" class="form-label">Address Line2</label>
                                            <input type="text" class="form-control" name="head_address_line2" id="head_address_line2" placeholder="Address line 2" value="" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="city" class="form-label">City</label>
                                            <input type="text" class="form-control" name="city" id="city" placeholder="City" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="area" class="form-label">Area</label>
                                            <input type="text" class="form-control" name="area" id="area" placeholder="Area" value="" disabled>
                                        </div>
                                    </div>
                                
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="head_mobile_number" class="form-label">Mobile Number</label>
                                            <input type="text" class="form-control" name="head_mobile_number" id="head_mobile_number" placeholder="Mobile number" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="gender" class="form-label">Gender</label>
                                            <input type="text" class="form-control" name="gender" id="gender" placeholder="Gender" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="head_email" class="form-label">Email Address</label>
                                            <input type="text" class="form-control" name="head_email" id="head_email" placeholder="Email address" value="" disabled>
                                        </div>
                                    </div>
                                   
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="head_dob" class="form-label">DOB</label>
                                            <input type="text" class="form-control" name="head_dob" id="head_dob" placeholder="dd-mm-yyyy" value="" disabled>
                                        </div>
                                    </div>
                               
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="relation_with_head" class="form-label">Relation With Head</label>
                                            <input type="text" class="form-control" name="relation_with_head" id="relation_with_head" value="" placeholder="Relation with head" disabled>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            
                            <h3>Step 2</h3>
                            <section>
                                <div class="row">
                                    <div class="col-xl-4">
                                        <div class="mb-3">
                                            <label for="general_division_id" class="form-label">Division</label>                                            
                                            <input type="text" class="form-control" name="general_division_id" id="general_division_id" value="" placeholder="Division" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xl-4" id="vehicle_uses_class_id">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="vehicle_uses" class="form-label">Vehicle Uses</label>
                                                    <input type="text" class="form-control" name="vehicle_uses" id="vehicle_uses" value="" placeholder="Vehicle Uses" disabled>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="vehicle_class" class="form-label">Vehicle Class</label>
                                                    <input type="text" class="form-control" name="vehicle_class" id="vehicle_class" value="" placeholder="Vehicle Class" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4">
                                        <div class="mb-3">
                                            <label for="general_segment_id" class="form-label">Segment</label>
                                            <input type="text" class="form-control" name="general_segment_id" id="general_segment_id" value="" placeholder="Segment" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xl-4" id="hide_policy_type">
                                        <div class="mb-3">
                                            <label for="policy_type_id" class="form-label">Policy Type</label>
                                            <input type="text" class="form-control" name="policy_type_id" id="policy_type_id" value="" placeholder="Policy Type" disabled>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_insurance_company_id" class="form-label">Insurance Company</label>
                                            <input type="text" class="form-control" id="general_insurance_company_id" name="general_insurance_company_id" placeholder="Insurance Company" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_branch_id" class="form-label">Branch</label>
                                            <input type="text" class="form-control" id="general_branch_id" name="general_branch_id" placeholder="Branch" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_product_id" class="form-label">Product Name</label>
                                            <input type="text" class="form-control" id="general_product_id" name="general_product_id" placeholder="Product Name" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_optional_cover_id" class="form-label" id="optional_cover_label">Optional Cover</label>
                                            <textarea type="text" class="form-control" id="general_optional_cover_id" name="general_optional_cover_id" placeholder="Optional Cover" value="" disabled></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="mb-3">
                                            <label for="zone_name" class="form-label">Zone</label>
                                            <input type="text" class="form-control" id="zone_name" name="zone_name" placeholder="Zone Name" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_current_policy_number" class="form-label">Current Policy Number</label>
                                            <input type="text" id="general_current_policy_number" name="general_current_policy_number" class="form-control" placeholder="Current policy number" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_previous_policy_number" class="form-label">Previous Policy Number</label>
                                            <input type="text" id="general_previous_policy_number" name="general_previous_policy_number" class="form-control" placeholder="Previous policy number" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label class="form-label">Policy Documents</label>
                                            <div class="d-flex">
                                                <button class="btn btn-outline-light waves-effect me-3" id="downloadButton">Download Document</button>
                                                <button class="btn btn-outline-light waves-effect" id="viewButton">View All Documents</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-md-6 mode-field">
                                        <div class="mb-3">
                                            <label for="general_mode_id" class="form-label">Mode</label>
                                            <input type="text" id="general_mode_id" name="general_mode_id" class="form-control" placeholder="Mode" value="" disabled>
                                        </div>
                                    </div>

                                    <div class="col-md-3 days-count-field d-none">
                                        <div class="mb-3">
                                            <label for="days_count" class="form-label">Days Count</label>
                                            <input type="text" id="days_count" name="days_count" class="form-control" placeholder="Days" value="" disabled>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="general_risk_from_date" class="form-label">Risk Start Date</label>
                                            <input type="text" id="general_risk_from_date" name="general_risk_from_date" class="form-control" placeholder="dd-mm-yyyy" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="general_risk_to_date" class="form-label">Risk End Date</label>
                                            <input type="text" id="general_risk_to_date" name="general_risk_to_date" class="form-control" placeholder="dd-mm-yyyy" value="" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row" id="tpDueArea">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_tp_mode_id" class="form-label">Tp Policy Mode<span class="text-danger">*</span></label>
                                            <input type="text" id="general_tp_mode_id" name="general_tp_mode_id" class="form-control" placeholder="Mode" value="" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="general_tp_due_date" class="form-label">Tp Due Date</label>
                                            <input type="text" id="general_tp_due_date" name="general_tp_due_date" class="form-control" placeholder="dd-mm-yyyy" value="{{ $data['data']['tp_due_date'] }}" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row" id="modeSingleMSG">
                                    <div class="col-md-6">
                                        <div class="mb-1">
                                            <div class="alert alert-info mb-0 px-2 py-0 text-center" role="alert" id="general_single_mode_msg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-6"></div>
                                </div>

                                @if($data['data']['division_id'] == 2)
                                    <div class="row">
                                        <div class='col-md-12'>
                                            <div class='mb-3'>
                                                <label for='family_member_id' class='form-label'>Family Member</label>
                                                <textarea type="text" id="family_member_id" name="family_member_id[]" class="form-control" placeholder="Family Member" value="" disabled></textarea>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                @if($data['data']['division_id'] == 3 || $data['data']['division_id'] == 4)
                                    <div class="row" id="general_bank_selection">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label for="general_bank_id" class="form-label">Bank Name</label>
                                                <input type="text" id="general_bank_id" name="general_bank_id" class="form-control" placeholder="Bank Name" value="" disabled>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                @if($data['data']['division_id'] == 4)
                                    <div class="row" id="general_other_locations"></div>
                                @endif
        
                                @if($data['data']['division_id'] == 3)
                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_no' class='form-label'>Vehicle Registration Number</label>
                                                        <input type='text' class='form-control' name='general_vehicle_no' id='general_vehicle_no' placeholder='Vehicle number' style='text-transform:uppercase' value="{{ $data['data']['vehicle_no'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_name' class='form-label'>Vehicle Name</label>
                                                        <input type='text' class='form-control' name='general_vehicle_name' id='general_vehicle_name' placeholder='Vehicle name' value="{{ $data['data']['vehicle_name'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_engine_no' class='form-label'>Engine No</label>
                                                        <input type='text' class='form-control' name='general_vehicle_engine_no' id='general_vehicle_engine_no' placeholder='Vehicle Engine No' value="{{ $data['data']['vehicle_engine_no'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_chassis_no' class='form-label'>Chassis No</label>
                                                        <input type='text' class='form-control' name='general_vehicle_chassis_no' id='general_vehicle_chassis_no' placeholder='Vehicle Chassis No' value="{{ $data['data']['vehicle_chassis_no'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_brand' class='form-label'>Vehicle Brand</label>
                                                        <input type='text' class='form-control' name='general_vehicle_brand' id='general_vehicle_brand' placeholder='Vehicle Brand' value="{{ $data['data']['vehicle_brand'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_fule_type' class='form-label'>Vehicle Fuel Type</label>
                                                        <input type='text' class='form-control' name='general_vehicle_fule_type' id='general_vehicle_fule_type' placeholder='Vehicle Fuel Type' value="{{ $data['data']['vehicle_fule_type'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_register_date' class='form-label'>Register Date</label>
                                                        <input type='text' class='form-control' name='general_vehicle_register_date' id='general_vehicle_register_date' placeholder='dd-mm-yyyy' value="{{ $data['data']['vehicle_register_date'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_year_of_manufacture' class='form-label'>Year of Manufacture</label>
                                                        <input type='text' class='form-control' name='general_year_of_manufacture' id='general_year_of_manufacture' placeholder='yyyy' value="{{ $data['data']['vehicle_manufacture_year'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class='row'>
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_rto' class='form-label'>RTO</label>
                                                        <input type='text' class='form-control' name='general_rto' id='general_rto' placeholder='RTO' value="{{ $data['data']['vehicle_manufacture_year'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_cc' class='form-label'>CC</label>
                                                        <input type='text' class='form-control' name='general_vehicle_cc' id='general_vehicle_cc' placeholder='CC' value="{{ $data['data']['vehicle_manufacture_year'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_gvw' class='form-label'>GVW</label>
                                                        <input type='text' class='form-control' name='general_vehicle_gvw' id='general_vehicle_gvw' placeholder='GVW' value="{{ $data['data']['vehicle_manufacture_year'] }}" disabled>
                                                    </div>
                                                </div>
                                                <div class='col-md-6'>
                                                    <div class='mb-3'>
                                                        <label for='general_vehicle_ncb' class='form-label'>NCB</label>
                                                        <input type='text' class='form-control' name='general_vehicle_ncb' id='general_vehicle_ncb' placeholder='NCB' value="{{ $data['data']['vehicle_manufacture_year'] }}" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" name="fitness_certi" id="fitness_certi" value="1" disabled>
                                                    <label class="form-check-label" for="fitness_certi">Fitness Certificate</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" id="fitness_details">
                                        <div class="col-xl-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="fitness_valid_date" class="form-label">Fitness Valid Upto</label>
                                                        <input type="text" class="form-control" name="fitness_valid_date" id="fitness_valid_date" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="puc_valid_date" class="form-label">PUC Validity Till Date</label>
                                                        <input type="text" class="form-control" name="puc_valid_date" id="puc_valid_date" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="radium_valid_date" class="form-label">Radium Validity</label>
                                                        <input type="text" class="form-control" name="radium_valid_date" id="radium_valid_date" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="mb-3">
                                                <label for="fastag_no" class="form-label">Fastag No.</label>
                                                <input type="text" class="form-control" name="fastag_no" id="fastag_no" placeholder="Enter fastag number" disabled>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="mb-3">
                                                <label for="speed_gov_no" class="form-label">Speed Gov. No.</label>
                                                <input type="text" class="form-control" name="speed_gov_no" id="speed_gov_no" placeholder="Enter speed gov. number" disabled>
                                            </div>
                                        </div>
                                    </div>
                                @endif                               
                            </section>
                            
                            <h3>Step 3</h3>
                            <section>
                                <div class="row">
                                    <div class="col-xl-4 d-none" id="hide_per_person_details">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="mb-3">
                                                    <label for="general_person" class="form-label">Person</label>
                                                    <input type="text" class="form-control digitLimit" name="general_person" id="general_person" placeholder="Person" value="" disabled>
                                                </div>
                                            </div>
                                            <div class='col-8'>
                                                <div class="mb-3">
                                                    <label for='general_mediclaim_premium' class='form-label'>Mediclaim Amount</label>
                                                    <input type="text" class="form-control digitLimit" name="general_mediclaim_premium" id="general_mediclaim_premium" placeholder="Mediclaim amount" value="" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 show_amounts">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    @if($data['data']['division_id'] == 3)
                                                        <label for="general_sum_assured" class="form-label">IDV Value</label>
                                                    @else
                                                        <label for="general_sum_assured" class="form-label">Sum Assured</label>
                                                    @endif
                                                    
                                                    <input type="text" class="form-control" name="general_sum_assured" id="general_sum_assured" value="" placeholder="Sum assured" disabled>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="general_basic_premium_amount" class="form-label">Basic Premium Amount</label>
                                                    <input type="text" class="form-control" name="general_basic_premium_amount" id="general_basic_premium_amount" value="" placeholder="Basic premium amount" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 show_amounts">
                                        <div class="row">
                                            @if($data['data']['division_id'] == 3)
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label class='form-label'>Tpa Premium Amount</label>
                                                        <input type='text' class='form-control' placeholder='Tpa premium amount' value="{{ $data['data']['tpa_premium'] }}" disabled>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                            @else
                                                <div class="col-md-12">
                                            @endif
        
                                                <div class="mb-3">
                                                    <label for="general_tax_amount" class="form-label">Tax Amount</label>
                                                    <input type="text" class="form-control" name="general_tax_amount" id="general_tax_amount" value="" placeholder="Tax amount" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
        
                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="general_total_premium_amount" class="form-label">Total Premium Amount</label>
                                                    <input type="text" class="form-control" name="general_total_premium_amount" id="general_total_premium_amount" value="" placeholder="Total premium amount" disabled>
                                                </div>
                                            </div>
                                       
                                            <div class="col-md-6">
                                                <div class="mb-3">
                                                    <label for="general_net_commisionable_amount" class="form-label">Commissionable Amount</label>
                                                    <input type="text" class="form-control" name="general_net_commisionable_amount" id="general_net_commisionable_amount" value="" placeholder="Commissionable amount" disabled>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @php
                                        $privileges = getPrivileges();
                                    @endphp

                                    @if(Auth::user()->type == 1)
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="commit_comm_per" class="form-label">Commission Entry<span style="font-size: 12px;color: #808080bd;">(%)</span></label>
                                                        <input class="commit_comm_per form-control" name="commit_comm_per" id="commit_comm_per" placeholder="0.00" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="commit_comm_amt" class="form-label">Commitment Amount</label>
                                                        <input type="text" class="form-control" name="commit_comm_amt" id="commit_comm_amt" value="" placeholder="Commitment amount" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        @if(!empty($privileges && array_key_exists(16,$privileges)))
                                            @if(array_key_exists(17,$privileges[16]))
                                                <div class="col-xl-6">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="mb-3">
                                                                <label for="commit_comm_per" class="form-label">Commission Entry<span style="font-size: 12px;color: #808080bd;">(%)</span></label>
                                                                <input class="commit_comm_per form-control" name="commit_comm_per" id="commit_comm_per" placeholder="0.00" disabled/>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="mb-3">
                                                                <label for="commit_comm_amt" class="form-label">Commitment Amount</label>
                                                                <input type="text" class="form-control" name="commit_comm_amt" id="commit_comm_amt" value="" placeholder="Commitment amount" disabled>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endif
                                
                                    <div class="col-md-3 endorsement d-none">
                                        <div class="mb-3">
                                            <label for="endorsed_commision_amt" class="form-label">Endorsed Commissionable Amt.</label>
                                            <input type="text" class="form-control" name="endorsed_commision_amt" id="endorsed_commision_amt" value="" placeholder="Amount" disabled>
                                        </div>
                                    </div>

                                    @if(Auth::user()->type == 1)
                                        <div class="col-md-3 endorsement d-none">
                                            <div class="mb-3">
                                                <label for="endo_commit_comm_per" class="form-label">Endorsed Commission Entry<span style="font-size: 12px;color: #808080bd;">(%)</span></label>
                                                <input class="commit_comm_per form-control" name="endo_commit_comm_per" id="endo_commit_comm_per" placeholder="0.00" disabled />
                                            </div>
                                        </div>
                                        <div class="col-md-3 endorsement d-none">
                                            <div class="mb-3">
                                                <label for="endo_commit_comm_amt" class="form-label">Endorsed Commitment Amount</label>
                                                <input type="text" class="form-control" name="endo_commit_comm_amt" id="endo_commit_comm_amt" value="" placeholder="Commitment amount" disabled>
                                            </div>
                                        </div>
                                    @else
                                        @if(!empty($privileges && array_key_exists(16,$privileges)))
                                            @if(array_key_exists(17,$privileges[16]))
                                                <div class="col-md-3 endorsement d-none">
                                                    <div class="mb-3">
                                                        <label for="endo_commit_comm_per" class="form-label">Endorsed Commission Entry<span style="font-size: 12px;color: #808080bd;">(%)</span></label>
                                                        <input class="commit_comm_per form-control" name="endo_commit_comm_per" id="endo_commit_comm_per" placeholder="0.00" disabled/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 endorsement d-none">
                                                    <div class="mb-3">
                                                        <label for="endo_commit_comm_amt" class="form-label">Endorsed Commitment Amount</label>
                                                        <input type="text" class="form-control" name="endo_commit_comm_amt" id="endo_commit_comm_amt" value="" placeholder="Commitment amount" disabled>
                                                    </div>
                                                </div>
                                            @endif
                                        @endif
                                    @endif

                                    <div class="col-md-3 endorsement d-none">
                                        <div class="mb-3">
                                            <label for="total_commisionable_amount" class="form-label">Total Commissionable Amt.</label>
                                            <input type="text" class="form-control" name="total_commisionable_amount" id="total_commisionable_amount" value="" placeholder="Total amount" disabled>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_broker_id" class="form-label">Broker</label>
                                            <input type="text" class="form-control" name="general_broker_id" id="general_broker_id" value="" placeholder="Broker" disabled>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_agency_id" class="form-label">Agency Name</label>
                                            <input type="text" class="form-control" name="general_agency_id" id="general_agency_id" value="" placeholder="Agency" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_sub_agent_id" class="form-label">Sub Agent Name</label>
                                            <input type="text" class="form-control" name="general_sub_agent_id" id="general_sub_agent_id" value="" placeholder="Sub Agent" disabled>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label" for="nominee_name">Nominee Name</label>
                                            <input type='text' class='form-control' id="nominee_name" name="nominee_name" placeholder='Nominee Name' value="{{ $data['data']['nominee_name'] }}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label class="form-label" for="nominee_contact_num">Nominee Contact No.</label>
                                            <input type='text' class='form-control' id="nominee_contact_num" name="nominee_contact_num" placeholder='Nominee Contact No' value="{{ $data['data']['nominee_contact'] }}" disabled>
                                        </div>
                                    </div>                                    
                                </div>
                    
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="general_remark" class="form-label">Remarks</label>
                                            <input type="text" class="form-control" name="general_remark" id="general_remark" placeholder="Remarks" disabled>
                                        </div>
                                    </div>
                                </div>                                                   
                        
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_paid_by_party_id" class="form-label">Paid By Client</label>
                                            <input type="text" class="form-control" name="general_paid_by_party_id" id="general_paid_by_party_id" value="" placeholder="Paid By Client" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="mb-3">
                                            <label for="general_party_payout_amount" class="form-label">Amount</label>
                                            <input type="text" class="form-control" name="general_party_payout_amount" id="general_party_payout_amount" value="" placeholder="Amount" disabled>
                                        </div>
                                    </div>
                               
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="general_paid_by_us_id" class="form-label">Paid By Agent</label>
                                            <input type="text" class="form-control" name="general_paid_by_us_id" id="general_paid_by_us_id" value="" placeholder="Paid By Agent" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="mb-3">
                                            <label for="general_byus_payout_amount" class="form-label">Amount</label>
                                            <input type="text" class="form-control" name="general_byus_payout_amount" id="general_byus_payout_amount" value="" placeholder="Amount" disabled>
                                        </div>
                                    </div>
                                </div>
                            </section>

                            <!-- Step 4 -->
                            <h3>Step 4</h3>
                            <section class="wizard-step">
                                <div id="add_new_row"></div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script src="{{ asset('assets/js/pages/kendo.all.min.js') }}"></script>
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}?v=2"></script>
<script src="{{ asset('assets/libs/jquery-steps/build/jquery.steps.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-wizard.init.js') }}"></script>

<script type="text/javascript">
    var rowCounter = 1;
    var row = "{{$data['total_document_count']}}";
    var rowData = {!! json_encode($data['document_detail']) !!};
    var index = 0;
    var document_number = "{{ $data['data']['document_number'] }}";

    if(row == 0){
        var newRowHtml = '';
            
        newRowHtml = `<div class="row row-item">
            <div class="col-xl-6">
                <div class="mb-3">
                    <label for="policy_document_type_1" class="form-label">Policy Document Type</label>
                    <input class="form-control" id="policy_document_type_1" name="policy_document_type_1" placeholder="Policy document type" disabled>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="mb-3">
                    <label for="policy_document_name_1" class="form-label">Policy Document Name</label>
                    <input class="form-control" id="policy_document_name_1" name="policy_document_name_1" placeholder="Policy document name" disabled>                                
                </div>
            </div>
            <div class="col-xl-6">
                <div class="mb-3">
                    <label for="document_name_1" class="form-label">Upload Document<span style="font-size: 12px;color: #808080bd;">(JPG, PNG, JPEG or PDF)</span></label>
                    <input type="file" class="form-control" name="document_name_1[]" id="document_name_1" disabled>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="mb-3">
                    <label for="nos_1" class="form-label">Nos</label>
                    <input type="text" class="form-control" name="nos_1" id="nos_1" disabled value="" placeholder="Nos">
                </div>
            </div>
        </div>`;

        $("#add_new_row").append(newRowHtml);

    }else{
        for(var i = 1; i<=row; i++){
            var policyDocumentType = rowData[index].document_type_name;
            var policyDocumentName = rowData[index].document_name;
            var nos = rowData[index].nos;
            var uploadDocumentName = rowData[index].upload_document_name;

            var newRowHtml = '';
            
            newRowHtml = `<div class="row row-item">
                <div class="col-xl-6">
                    <div class="mb-3">
                        <label for="policy_document_type_${i}" class="form-label">Policy Document Type</label>
                        <input class="form-control select2-ajax" id="policy_document_type_${i}" name="policy_document_type_${i}" value="${policyDocumentType}" disabled>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="mb-3">
                        <label for="policy_document_name_${i}" class="form-label">Policy Document Name</label>
                        <input class="form-control select2-ajax" id="policy_document_name_${i}" name="policy_document_name_${i}" value="${policyDocumentName}" disabled>                                
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="mb-3">
                        <label for="document_name_${i}" class="form-label">Upload Document<span style="font-size: 12px;color: #808080bd;">(JPG, PNG, JPEG or PDF)</span></label>
                        <a href="javascript:void(0)" id="downloadDoc_${i}" class="text text-primary ms-2">Download</a>
                        <input type="file" class="form-control" name="document_name_${i}[]" id="document_name_${i}" disabled>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="mb-3">
                        <label for="nos_${i}" class="form-label">Nos</label>
                        <input type="text" class="form-control" name="nos_${i}" id="nos_${i}" disabled value="${nos}" placeholder="Nos">
                    </div>
                </div>
            </div>`;

            $("#add_new_row").append(newRowHtml);

            (function (document_name) {
                $(document).on('click', '#downloadDoc_' + i, function(event) {
                    showLoader();

                    event.preventDefault(); // prevent default link behavior
            
                    var ajaxURL = "{{ route('download.general.ins.document') }}";
    
                    $.ajax({
                        url: ajaxURL + "?document_number=" + document_number +"&document_name=" + document_name,
                        dataType: 'json', // set response data type
                        success: function(resultData) {
                            hideLoader();

                            if (resultData['status'] == 1) {
    
                                var downloadLink = document.createElement('a');
                                downloadLink.href = resultData['download_url'];
                                downloadLink.download = resultData['file_name'];
                                downloadLink.click();
                            
                            } else {
                                toastr["error"](resultData['msg']);
                            }
                        },
                        error: function(xhr, status, error) {
                            toastr["error"](xhr.responseJSON['message']);
                        }
                    });
                });
            })(rowData[index].upload_document_name);

            index = index+ 1;
            rowCounter = i;
        }
    }
</script>

<script type="text/javascript">
    var canEdit = "{{ $data['can_edit'] }}";
    var csrfToken = $("[name=_token").val();
    var dowloadGPdf = "{{ route('download.general.view.pdf') }}";

    $(document).ready(function() {
        $("#downloadButton").click(function() {
            downloadDoc("{{ $data['data']['id'] }}");
        });
       
        $("#viewButton").click(function() {
            viewDownloadDoc("{{ $data['data']['id'] }}");
        });
        
        if (canEdit == 0) {
            $(document).ready(function() {
                $("#general_insurance_id").val("{{ $data['data']['id'] }}");
                $("#general_transaction_date").val("{{ $data['data']['transaction_date'] }}");
                $("#general_document_number").val("{{ $data['data']['document_number'] }}");
                $("#general_family_id").val("{{$data['data']['family_name']}}");
                $("#general_client_id").val("{{$data['data']['client_name']}}")
                $("#head_first_name").val("{{ $data['data']['first_name'] }}");
                $("#head_middle_name").val("{{ $data['data']['middle_name'] }}");
                $("#head_last_name").val("{{ $data['data']['last_name'] }}");
                $("#head_address_line1").val("{{ $data['data']['address1'] }}");
                $("#head_address_line2").val("{{ $data['data']['address2'] }}");
                $("#city").val("{{ $data['data']['city'] }}");
                $("#area").val("{{ $data['data']['area'] }}");
                $("#head_mobile_number").val("{{ $data['data']['mobile_number'] }}");
                $("#head_whatsapp_number").val("{{ $data['data']['whatsapp_number'] }}");
                $("#head_email").val("{{ $data['data']['email'] }}");
                $("#gender").val("{{ $data['data']['gender'] }}");
                $("#head_dob").val("{{ $data['data']['dob'] }}");
                $("#head_anniversary_date").val("{{ $data['data']['anniversary_date'] }}");
                $("#family_head_name").val("{{ $data['data']['family_head'] }}");
                $("#relation_with_head").val("{{ $data['data']['relation_with_head'] }}");
                $("#general_current_policy_number").val("{{ $data['data']['current_policy_number'] }}");
                $("#general_previous_policy_number").val("{{ $data['data']['previous_policy_number'] }}");
                $("#general_risk_from_date").val("{{ $data['data']['risk_from_date'] }}");
                $("#general_risk_to_date").val("{{ $data['data']['risk_to_date'] }}");
                $('#general_tp_mode_id').val("{{ $data['data']['tp_mode'] }}");
                $("#general_basic_premium_amount").val("{{ $data['data']['basic_amount'] }}");
                $("#general_sum_assured").val("{{ $data['data']['sum_assured'] }}");
                $("#general_tax_amount").val("{{ $data['data']['tax_amount'] }}");
                $("#general_total_premium_amount").val("{{ $data['data']['total_amount'] }}");
                $("#general_net_commisionable_amount").val("{{ $data['data']['net_commisionable_amount'] }}");
                $("#general_remark").val(`{!!$data['data']['remark'] !!}`);
                $("#general_party_payout_amount").val("{{ $data['data']['party_payout_amount'] }}");
                $("#general_byus_payout_amount").val("{{ $data['data']['byus_payout_amount'] }}");
                $('#general_division_id').val("{{ $data['data']['division'] }}")
                $('#general_bank_id').val("{{ $data['data']['bank'] }}");
                $('#general_insurance_company_id').val("{{ $data['data']['insurance_company'] }}");
                $('#general_mode_id').val("{{ $data['data']['mode'] }}");
                $('#days_count').val("{{ $data['data']['days_count'] }}");
                $('#general_broker_id').val("{{ $data['data']['broker'] }}")
                $('#general_agency_id').val("{{ $data['data']['agency'] }}");
                $('#general_sub_agent_id').val("{{ $data['data']['sub_agent'] }}");
                $('#general_branch_id').val("{{ $data['data']['branch'] }}");
                $("#general_product_id").val("{{ $data['data']['product_name'] }}");
                $('#general_paid_by_party_id').val("{{ $data['data']['party_payment_mode_name'] }}");
                $('#general_paid_by_us_id').val("{{ $data['data']['byus_payment_mode_name'] }}");
                $("#zone_name").val("{{$data['data']['zone_name']}}");
                $('#policy_type_id').val("{{ $data['data']['policy_type'] }}");
                $("#vehicle_uses").val("{{$data['data']['vehicle_uses']}}");
                $("#vehicle_class").val("{{$data['data']['vehicle_class']}}");
                $("#general_vehicle_ncb").val("{{$data['data']['vehicle_ncb']}}");
                $("#general_vehicle_cc").val("{{$data['data']['vehicle_cc']}}");            
                $("#general_vehicle_gvw").val("{{$data['data']['vehicle_gvw']}}");
                $("#fitness_valid_date").val("{{ $data['data']['fitness_date'] }}");
                $("#puc_valid_date").val("{{ $data['data']['puc_date'] }}");
                $("#radium_valid_date").val("{{ $data['data']['radium_date'] }}");
                $("#fastag_no").val("{{ $data['data']['fastag_no'] }}");
                $("#speed_gov_no").val("{{ $data['data']['speed_gov_no'] }}");
                $("#general_person").val("{{ $data['data']['person'] }}");
                $("#general_mediclaim_premium").val("{{ $data['data']['per_person_premium'] }}");
                $("#commit_comm_per").val("{{ $data['data']['commit_comm_per']}}");
                $("#commit_comm_amt").val("{{ $data['data']['commit_comm_amt']}}");
                $("#total_commisionable_amount").val("{{$data['data']['total_commisionable_amount']}}");                

                var rto_code_name = {!! json_encode($data['data']['rto_name']) !!};
                $('#general_rto').val(rto_code_name)

                $('.mode-field').addClass('col-md-6').removeClass('col-md-3');
                $('.days-count-field').addClass('d-none');

                if("{{$data['data']['mode_id']}}" == 8){
                    $('.mode-field').addClass('col-md-3').removeClass('col-md-6');
                    $('.days-count-field').removeClass('d-none');
                }

                @if($data['is_endorsement'] == 1)
                    $('.endorsement').removeClass('d-none');
                    $(".agency_field, .sub_agent_field").removeClass('col-xxl-6').addClass('col-xxl-4');
                    
                    if("{{ $data['endorsement']['commit_comm_per']}}" == 0){
                        var endo_percentage = "{{ $data['data']['commit_comm_per']}}";
                    }else{
                        var endo_percentage = "{{ $data['endorsement']['commit_comm_per']}}";
                    }
                    
                    $("#endorsed_commision_amt").val("{{$data['endorsement']['commissionable_amount']}}");
                    $("#endo_commit_comm_amt").val("{{ $data['endorsement']['commit_comm_amt']}}");
                    $("#endo_commit_comm_per").val(endo_percentage);
                @else
                    $('.endorsement').addClass('d-none');

                    @php
                        $privileges = getPrivileges();
                    @endphp

                    @if(!empty($privileges && !array_key_exists(16,$privileges)))
                        $(".broker_field, .agency_field, .sub_agent_field").removeClass('col-xxl-4').addClass('col-xxl-6');
                    @endif
                @endif

                if("{{$data['data']['segment_type']}}" == "WC"){
                    $("#general_bank_selection").hide();
                    $('#hide_per_person_details').removeClass('d-none');
                    $('.show_amounts').removeClass('col-xl-6').addClass('col-xl-4');
                }

                if("{{ $data['data']['division_id'] }}" == 3){                    
                    var Segment = {!! json_encode($data['data']['vehicle_segment']) !!};
                    
                    $("#vehicle_uses_class_id").show();
                    $("#hide_policy_type, #tpDueArea").hide();
                    
                    $('#optional_cover_label').html('Add Ons');
                    $("#general_optional_cover_id").attr('placeholder','Add Ons')

                    if("{{$data['data']['segment_type']}}" == "SAOD Policy" || "{{$data['data']['segment_type']}}" == "Package Policy"){
                        $('#tpDueArea').show();
                    }

                    $("#fitness_certi").prop('checked',false).trigger('change').val(0);

                    if("{{$data['data']['is_fitness_certi']}}" == 1){
                        $("#fitness_certi").prop('checked',true).trigger('change').val(1);
                    }
                }else{
                    var Segment = {!! json_encode($data['data']['segment'] ) !!} ;

                    $("#vehicle_uses_class_id, #tpDueArea").hide();
                    $("#hide_policy_type").show();
                    
                    $('#optional_cover_label').html('Optional Cover');
                    $("#general_optional_cover_id").attr('placeholder','Optional Cover')
                }
                $('#general_segment_id').val(Segment);

                // var responseDatas = `{!! $data['data'] !!}`;
                // var ajaxData = JSON.parse(responseDatas);

                var ajaxData = {!! json_encode($data['data']) !!};

                if(ajaxData['family_member'].length > 0){
                    var Members = [];
                    var memberData = ajaxData['family_member'];
                    for(var i = 0; i < memberData.length; i++){
                        Members.push(memberData[i].text); 
                    }
                    $("#family_member_id").val(Members.join("\n"));
                }                                

                if(ajaxData['optionalCoverData'].length > 0){
                    var OptionalCovers = []
                    var coverData = ajaxData['optionalCoverData'];
                    for(var i = 0; i < coverData.length; i++){
                        OptionalCovers.push(coverData[i].optional_covers); 
                    }
                    $("#general_optional_cover_id").val(OptionalCovers.join("\n"));
                }

                                var riskLocationsData = @json($riskLocations);
                var html = '';

                if (riskLocationsData.length != 0){
                    for(var i = 0; i < riskLocationsData.length; i++){
                        var risk_location_sum_assured = riskLocationsData[i].risk_location_sum_assured;
                        var risk_location_address = riskLocationsData[i].risk_location_address;
                        
                        if(i == 0){
                            html +=`
                            <div class="col-xxl-12">
                                <div class="row row-item-locations">
                                    <div class="col-xxl-1">
                                        <div class="mb-3">
                                            <label for="sr_no_${i + 1}" class="form-label">Sr. No.</label>
                                            <input type="text" class="form-control isNumber" name="sr_no[]" id="sr_no_${i + 1}" placeholder="Enter sr. no." value="${i + 1}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xxl-2">
                                        <div class="mb-3">
                                            <label for="sum_assure_${i + 1}" class="form-label">Risk Location Sum Assured</label>
                                            <input type="text" name="risk_location_sum_assured[]" id="sum_assure_${i + 1}" class="form-control digitLimit" value="${risk_location_sum_assured}" placeholder="Sum Assured" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xxl-9">
                                        <div class="mb-3">
                                            <label for="location_address_${i + 1}" class="form-label">Enter Risk Location Address</label>
                                            <input type="text" name="risk_location_address[]" id="location_address_${i + 1}" class="form-control" value="${risk_location_address}" placeholder="Address" disabled>
                                        </div>
                                    </div>                                   
                                </div>
                            </div>`;

                        }else{
                            html +=`
                            <div class="col-xxl-12">
                                <div class="row row-item-locations">
                                    <div class="col-xxl-1">
                                        <div class="mb-3">
                                            <input type="text" class="form-control isNumber" name="sr_no[]" id="sr_no_${i + 1}" placeholder="Enter sr. no." value="${i + 1}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xxl-2">
                                        <div class="mb-3">
                                            <input type="text" name="risk_location_sum_assured[]" id="sum_assure_${i + 1}" class="form-control digitLimit" value="${risk_location_sum_assured}" placeholder="Sum Assured" disabled>
                                        </div>
                                    </div>
                                    <div class="col-xxl-9">
                                        <div class="mb-3">
                                            <input type="text" name="risk_location_address[]" id="location_address_${i + 1}" class="form-control" value="${risk_location_address}" placeholder="Address" disabled>
                                        </div>
                                    </div>                                   
                                </div>
                            </div>`;
                        }                
                    }
                }else{            
                    html +=`
                    <div class="col-xxl-12">
                        <div class="row row-item-locations">
                            <div class="col-xxl-1">
                                <div class="mb-3">
                                    <label for="sr_no_1" class="form-label">Sr. No.</label>
                                    <input type="text" class="form-control isNumber" name="sr_no[]" id="sr_no_1" placeholder="Enter sr. no." value="1" disabled>
                                </div>
                            </div>
                            <div class="col-xxl-2">
                                <div class="mb-3">
                                    <label for="sum_assure_1" class="form-label">Risk Location Sum Assured</label>
                                    <input type="text" name="risk_location_sum_assured[]" id="sum_assure_1" class="form-control digitLimit" placeholder="Sum Assured" disabled>
                                </div>
                            </div>
                            <div class="col-xxl-9">
                                <div class="mb-3">
                                    <label for="location_address_1" class="form-label">Enter Risk Location Address</label>
                                    <input type="text" name="risk_location_address[]" id="location_address_1" class="form-control" placeholder="Address" disabled>
                                </div>
                            </div>                               
                        </div>
                    </div>`;
                }
                
                $("#general_other_locations").append(html);

                $('#modeSingleMSG').hide();
                $('#general_single_mode_msg').text('');
                
                if ("{{ $data['data']['mode'] }}" == "Single" || "{{ $data['data']['mode'] }}" == "Till Termination") {
                    $('#modeSingleMSG').show();
                    $('#general_single_mode_msg').text('Till Termination of transit as per duration clause');
                }

                if ("{{ $data['data']['insurance_type'] }}" == "Endorsement") {
                    $('#adding_endorsement').attr('checked', true);
                } else if ("{{ $data['data']['insurance_type'] }}" == "Old Renewal") {
                    $('#old_renewal').attr('checked', true);
                } else {
                    $("input:radio[value={{ $data['data']['insurance_type'] }}]").prop('checked', true);
                }
            });

            $('#fitness_certi').on('change',function(){
                if($(this).prop('checked')){
                    $("#fitness_details").removeClass('d-none');
                }else{
                    $("#fitness_details").addClass('d-none');
                }
            });
        }

        $('a').click(function() {
            if ($('.actions li:eq(1)').hasClass('disabled')) {
                disabledFinish();
            }
        });        
    });

    function disabledFinish(){
        $('.actions li:last-child').show();
        $('.actions li:last-child a').remove();
    }

    function downloadPDF() {
        var ids = $('#general_insurance_id').val();

        $.ajax({
            headers: {'X-CSRF-TOKEN': "{{ csrf_token() }}"},
            type: 'POST',
            url: dowloadGPdf,
            data: {"id": ids},
            beforeSend: function() {
               showLoader();
            },
            success: function(resultData) {
                hideLoader();

                path = resultData['path'];
                window.open(path, '_blank');
            }
        });
    }

    function viewDownloadDoc(id) {
        showLoader();
        var ajaxURL = "{{ route('view.download.general.insurance.document') }}";

        $.ajax({
            url: ajaxURL + "?id=" + id,
            dataType: 'json',
            success: function(resultData) {
                hideLoader();
                if (resultData['status'] == 1) {
                    resultData['document_links'].forEach(function(url) {
                        window.open(url, '_blank');
                    });
                }else{
                    toastr["error"](resultData['msg']);
                }
            },
            error: function(xhr, status, error) {
                hideLoader();
                toastr["error"](xhr.responseJSON['message']);
            }
        });
    }

    function downloadDoc(id) {
        showLoader();

        var ajaxURL = "{{ route('download.general.insurance.document') }}";
        var document_number = 123123;
        $.ajax({
            url: ajaxURL + "?id=" + id + "&document_number=" + document_number,
            dataType: 'json',
            success: function(resultData) {
                hideLoader();
                if (resultData['status'] == 1) {
                    var downloadLink = document.createElement('a');
                    downloadLink.href = resultData['download_url'];
                    downloadLink.download = resultData['file_name'];
                    downloadLink.click();
                } else {
                    toastr["error"](resultData['msg']);
                }
            },
            error: function(xhr, status, error) {
                hideLoader();
                toastr["error"](xhr.responseJSON['message']);
            }
        });
    }
</script>
@endsection