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

<style>
    input[type="radio"][name="form_type"] {
        display: none;
    }

    button#btnSave {
        width: 150px;
        height: 39px;
        line-height: 14px;
    }

    input[type="radio"][name="form_type"]+label {
        display: inline-block;
        padding: 5px 10px;
        background-color: #f1f5fe;
        border-radius: 4px;
        cursor: pointer;
    }

    input[type="radio"][name="form_type"]:checked+label {
        background-color: #2762e4;
        color: #fff;
    }
</style>

<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" 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">
                <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">
                            <input type="hidden" name="investment_id" id="investment_id">
                            
                            <h3>Step 1</h3>
                            <section>
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="investment_transaction_date" class="form-label">Transaction Date</label>
                                            <input type="text" class="form-control" name="investment_transaction_date" id="investment_transaction_date" placeholder="dd-mm-yyyy" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                            <label for="document_number" class="form-label">Document Number</label>
                                            <input type="text" class="form-control" name="document_number" id="document_number" placeholder="Document Number" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6" id="investment_holder">
                                        <div class="mb-3">
                                            <label for="investment_client_id" class="form-label">Investment Holder Name</label>
                                            <input type="text" class="form-control" id="investment_client_id" name="investment_client_id" placeholder="Investment Holder Name" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                <div class="row">
                                    @if($data['data']['form_type'] == 2)
                                        <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="Full name"  disabled>
                                            </div>
                                        </div>
                                    @else
                                        <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" 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" 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" disabled>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                        
                                <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" 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" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="city" class="form-label">City</label>
                                            <input type="text" class="form-control" name="city" id="city" placeholder="City" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="mb-3">
                                            <label for="area" class="form-label">Area</label>
                                            <input type="text" class="form-control" name="area" id="area" placeholder="Area" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <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" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                <div class="row">
                                    <div class="col-md-6">
                                        <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" 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" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <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" disabled>
                                        </div>
                                    </div>
                                </div>
                        
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="family_head_name" class="form-label">Family Head Name</label>
                                            <input type="text" class="form-control" name="family_head_name" id="family_head_name" placeholder="Family Head" disabled>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <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" placeholder="Relation with head" disabled>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            
                            <h3>Step 2</h3>
                            <section>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="radio" name="investment_type" id="investment_type1" value="Mutual Fund" checked disabled>
                                                <label class="form-check-label font-size-13 me-2" for="investment_type1">Mutual Fund</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="radio" name="investment_type" id="investment_type2" value="Bank" disabled>
                                                <label class="form-check-label font-size-13 me-2" for="investment_type2">Bank</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="radio" name="investment_type" id="investment_type3" value="Post Office" disabled>
                                                 <label class="form-check-label font-size-13 me-2" for="investment_type3"> Post Office</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="radio" name="investment_type" id="investment_type4" value="Governments bonds" disabled>
                                                <label class="form-check-label font-size-13 me-2" for="investment_type4"> Governments bonds</label>
                                            </div>
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="radio" name="investment_type" id="investment_type6" value="Other Investment" disabled>
                                                <label class="form-check-label font-size-13 me-2" for="investment_type6">Other Investment</label>
                                            </div>
                                        </div>
                                    </div>                                   
                                </div>                              

                                <div id="invest_mutual_fund">
                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="transaction_type" class="form-label">Transaction Type</label>
                                                        <input type="text" class="form-control" id="transaction_type" name="transaction_type" placeholder="Transaction Type" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_type_mutual_fund" class="form-label">Investment Type</label>
                                                        <input type="text" class="form-control" id="investment_type_mutual_fund" name="investment_type_id" placeholder="Investment 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="fund_name" class="form-label">Fund name</label>
                                                        <input type="text" class="form-control" id="fund_name" name="fund_name" placeholder="Fund Name" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="fund_type" class="form-label">Fund Type</label>
                                                        <input type="text" class="form-control" id="fund_type" name="fund_type" placeholder="Fund Type" 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="folio_number" class="form-label">Folio Number</label>
                                                        <input type="text" id="folio_number" name="folio_number" class="form-control" placeholder="Folio Number" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="broker" class="form-label">Broker</label>
                                                        <input type="text" id="broker" name="broker" class="form-control" placeholder="Broker" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_amount_for_mutual_fund" id="investment_amount_for_mutual_fund_label" class="form-label">Investment Amount</label>
                                                        <input type="text" id="investment_amount_for_mutual_fund" name="invested_amount" class="form-control" placeholder="Investment Amount"  disabled>
                                                    </div>
                                                </div>                            
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="invst_mutual_mode_id" class="form-label">Mode</label>
                                                        <input class="form-control" id="invst_mutual_mode_id" name="mode_id" placeholder="Mode" 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="mature_start_date" id="mature_start_date_lable" class="form-label">Start Date</label>
                                                        <input type="text" id="mature_start_date" name="start_date" class="form-control" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="number_of_unit_purchase"  id="number_of_unit_purchase_lable" class="form-label">Number of Unit Purchase</label> 
                                                        <input type="text" id="number_of_unit_purchase" name="number_of_unit_purchase" class="form-control" placeholder="Number Of Unit Purchase" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="unit_price" class="form-label">Unit Price</label>
                                                        <input type="text" id="unit_price" name="unit_price" class="form-control" placeholder="Unit Price" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="total_unit" class="form-label">Total Balance Unit</label>
                                                        <input type="text" id="total_unit" name="total_unit" class="form-control" placeholder="Total Unit" 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="fund_value" class="form-label">Total Fund Value</label>
                                                        <input type="text" id="fund_value" name="fund_value" class="form-control" placeholder="Total Fund Value" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="total_count"  id="total_count_lable" class="form-label">Total Count</label>
                                                        <input type="text" id="total_count" name="total_count" class="form-control" placeholder="Total Count" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="total_investment_amount" id="total_investment_amount_lable" class="form-label">Total Investment Amount</label>
                                                        <input type="text" id="total_investment_amount" name="total_investment_amount" class="form-control" placeholder="Total Investment Amount" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="payment_bank" class="form-label">Payment Bank</label>
                                                        <input type="text" id="payment_bank" name="payment_bank" class="form-control" placeholder="Payment Bank" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xl-9">
                                            <div class="mb-3">
                                                <label for="investment_mutual_fund_remark" class="form-label">Remarks</label>
                                                <input type="text" class="form-control" name="remark" id="investment_mutual_fund_remark" placeholder="Remarks" disabled>
                                            </div>
                                        </div>
                                        <div class="col-xl-3">
                                            <div class="mb-3">
                                                <label class="form-label">Investment Documents</label>
                                                <div class="d-flex">
                                                    <button class="btn btn-outline-light waves-effect me-3" id="downloadButton4">Download Document</button>
                                                    <button class="btn btn-outline-light waves-effect" id="viewButton4">View All Documents</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="invest_bank">
                                    <div class="row"> 
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="account_type_for_bank" class="form-label">Account Type</label>
                                                <input type="text" class="form-control" id="account_type_for_bank" name="account_type_for_bank" placeholder="Account Type" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-4" id="div-bank-name">
                                            <div class="mb-3">
                                                <label for="bank_name_id" class="form-label">Bank Name</label>
                                                <input type="text" class="form-control" name="bank_name_id" id="bank_name_id" placeholder="Bank Name" disabled>                                                
                                            </div>
                                        </div>
                                        <div class="col-md-4" id="div-post-office">
                                            <label for="post_office_name_id" class="form-label">Post Office Name</label>
                                            <input type="text" class="form-control" name="post_office_name_id" id="post_office_name_id" placeholder="Post Office Name" disabled>                                            
                                        </div>
                                        <div class="col-md-4" >
                                            <div class="mb-3">
                                                <label for="investment_product_id" class="form-label" id="investmentLabel">Investment Product</label>
                                                <input type="text" class="form-control" id="investment_product_id" name="investment_product_id" placeholder="Investment Product" disabled>                                                
                                            </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="customer_no" class="form-label">Customer No</label>
                                                        <input type="text" id="customer_no" name="customer_no" class="form-control" placeholder="Customer No" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="certificate_no" class="form-label">Certificate No</label>
                                                        <input type="text" id="certificate_no" name="certificate_no" class="form-control" placeholder="Certificate No" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_bank_invested_amount" class="form-label">Investment Amount</label>
                                                        <input type="text" id="investment_bank_invested_amount" name="invested_amount" disabled class="form-control" placeholder="Investment amount">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="total_investment_amount_bank" id="total_investment_amount_lable" class="form-label">Total Investment Balance Amount</label>
                                                        <input type="text" id="total_investment_amount_bank" name="total_investment_amount" disabled class="form-control" placeholder="Total Investment Balance Amount">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="invst_bank_mode_id" class="form-label">Mode</label>
                                                        <input type="text" class="form-control" id="invst_bank_mode_id" name="mode_id" placeholder="Mode" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="deposit_tenure_mode" class="form-label">Deposit Tenure Mode</label>
                                                        <input type="text" class="form-control" id="deposit_tenure_mode" name="deposit_tenure_mode" placeholder="Deposit Tenure Mode" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="investment_bank_term" class="form-label">Deposit Tenure</label>
                                                        <input type="text" id="investment_bank_term" name="investment_bank_term" disabled class="form-control" placeholder="Deposit Tenure">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_deposit_date" class="form-label">Deposit Date</label>
                                                        <input type="text" id="investment_deposit_date" name="investment_deposit_date" disabled class="form-control" placeholder="dd-mm-yyyy">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_bank_mature_date" class="form-label">Mature Date</label>
                                                        <input type="text" id="investment_bank_mature_date" name="investment_mature_date" class="form-control" disabled placeholder="dd-mm-yyyy">
                                                    </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="investment_bank_interest" class="form-label">Intrest %</label>
                                                        <input type="text" id="investment_bank_interest" name="investment_bank_interest" class="form-control" disabled placeholder="Rate of interest in %">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="bank_interest_amount" class="form-label">Interest Amount</label>
                                                        <input type="text" id="bank_interest_amount" name="bank_interest_amount" class="form-control" disabled placeholder="Interest amount">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_amount_frequency" class="form-label">Intrest Amount Frequency</label>
                                                        <input type="text" class="form-control" id="investment_amount_frequency" name="investment_amount_frequency" placeholder="Intrest Amount Frequency" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Investment Documents</label>
                                                        <div class="d-flex">
                                                            <button class="btn btn-outline-light waves-effect me-3" id="downloadButton1">Download Document</button>
                                                            <button class="btn btn-outline-light waves-effect" id="viewButton1">View All Documents</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_party_id2" class="form-label">Paid By Client</label>
                                                <input type="text" class="form-control" id="investment_paid_by_party_id2" name="investment_paid_by_party_id" placeholder="Paid By Client" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_party_payout_amount2" class="form-label">Amount</label>
                                                <input type="text" class="form-control" name="investment_party_payout_amount" disabled id="investment_party_payout_amount2" placeholder="Amount">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_us_id2" class="form-label">Paid By Agent</label>
                                                <input type="text" class="form-control" id="investment_paid_by_us_id2" name="investment_paid_by_us_id" placeholder="Paid By Agent" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_byus_payout_amount2" class="form-label">Amount</label>
                                                <input type="text" class="form-control" name="investment_byus_payout_amount" disabled id="investment_byus_payout_amount2" placeholder="Amount">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label for="bank_remark" class="form-label">Remarks</label>
                                                <input type="text" class="form-control" name="remark" id="bank_remark" placeholder="Remarks" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="invest_bonds">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="bond_id" class="form-label">Bond ID/ISIN</label>
                                                <input type="text" id="bond_id" name="bond_id" class="form-control" placeholder="Bond Id/ISIN" disabled>
                                            </div>
                                        </div> 
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="bond_name_id" class="form-label">Bond Name</label>
                                                <input type="text" class="form-control" name="bond_name_id" id="bond_name_id" placeholder="Bond Name" disabled>                                                
                                            </div>
                                        </div> 
                                        <div class="col-md-4">
                                            <div class="mb-3">
                                                <label for="bond_issuer_id" class="form-label">Bond Issuer</label>
                                                <input type="text" class="form-control" name="bond_issuer_id" id="bond_issuer_id" placeholder="Bond Issuer" disabled>                                                
                                            </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="bond_type" class="form-label">Bond Type</label>
                                                        <input type="text" class="form-control" id="bond_type" name="bond_type" placeholder="Bond Type" disabled>                                                
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="bond_sub_type" class="form-label">Sub Bond Type</label>
                                                        <input type="text" class="form-control " id="bond_sub_type" name="bond_sub_type" placeholder="Sub Bond 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="issue_date" class="form-label">Issue Date</label>
                                                        <input type="text" id="issue_date" name="issue_date" class="form-control" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="face_value" class="form-label">Face Value</label>
                                                        <input type="text" id="face_value" name="face_value" class="form-control" placeholder="Face Value" 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="purchase_date" class="form-label">Purchase Date</label>
                                                        <input type="text" id="purchase_date" name="purchase_date" class="form-control" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="purchase_price" class="form-label">Purchase Price</label>
                                                        <input type="text" id="purchase_price" name="purchase_price" class="form-control" placeholder="Purchase Price" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="quantity" class="form-label">Quantity</label>
                                                        <input type="text" id="quantity" name="quantity" class="form-control" placeholder="Quantity" disabled>
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="tax_status" class="form-label">Tax Status</label>
                                                        <input type="text" class="form-control" id="tax_status" name="tax_status" placeholder="Tax status" 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="callable_or_non_callable" class="form-label">Callable or Non-Callable</label>
                                                        <input type="text" class="form-control" id="callable_or_non_callable" name="callable_or_non_callable" placeholder="Callable or non-callable" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="bond_maturity_date" class="form-label">Maturity Date</label>
                                                        <input type="text" id="bond_maturity_date" name="mature_date" class="form-control" placeholder="dd-mm-yyyy" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="total_return" class="form-label">Total Return</label>
                                                        <input type="text" id="total_return" name="total_return" class="form-control" placeholder="Total Return" disabled>
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="YTM" class="form-label">Yield to Maturity (YTM)</label>
                                                        <input type="text" id="YTM" name="YTM" class="form-control" placeholder="Yield to Maturity (YTM)" 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="coupon_rate" class="form-label">Coupon Rate</label>
                                                        <input type="text" id="coupon_rate" name="coupon_rate" class="form-control" placeholder="Coupon Rate" disabled>
                                                    </div>
                                                </div> 
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="coupon_frequency" class="form-label">Coupon Frequency</label>
                                                        <input type="text" id="coupon_frequency" name="coupon_frequency" class="form-control" placeholder="Coupon frequency" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="rating" class="form-label">Credit Rating</label>
                                                        <input type="text" class="form-control" id="rating" name="rating" placeholder="Credit Rating" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Investment Documents</label>
                                                        <div class="d-flex">
                                                            <button class="btn btn-outline-light waves-effect me-3" id="downloadButton2" >Download Document</button>
                                                            <button class="btn btn-outline-light waves-effect" id="viewButton2">View All Documents</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_party_id1" class="form-label">Paid By Client</label>
                                                <input class="form-control" id="investment_paid_by_party_id1" name="investment_paid_by_party_id" placeholder="Paid By Client" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_party_payout_amount3" class="form-label">Amount</label>
                                                <input type="text" class="form-control" name="investment_party_payout_amount" id="investment_party_payout_amount3" disabled placeholder="Amount">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_us_id1" class="form-label">Paid By Agent</label>
                                                <input class="form-control" id="investment_paid_by_us_id1" name="investment_paid_by_us_id" placeholder="Paid By Agent" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_byus_payout_amount3" class="form-label">Amount</label>
                                                <input type="text" class="form-control" name="investment_byus_payout_amount" disabled id="investment_byus_payout_amount3" placeholder="Amount">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label for="bonds_remark" class="form-label">Remarks</label>
                                                <input type="text" class="form-control" name="remark" id="bonds_remark" placeholder="Remarks" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="invest_other_investment">
                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_company_id" class="form-label">Investment Company</label>
                                                        <input type="text" class="form-control" id="investment_company_id" name="investment_company_id" placeholder="Investment Company" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_invested_party_id" class="form-label">Invested Party Name</label>
                                                        <input type="text" class="form-control" id="investment_invested_party_id" name="investment_invested_party_id" placeholder="Investment Party 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="investment_type_id" class="form-label">Investment Type</label>
                                                        <input type="text" class="form-control" id="investment_type_id" name="investment_type_id" placeholder="Investment Type" disabled>                                                
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_document_number" class="form-label">Investment Document Number</label>
                                                        <input type="text" id="investment_document_number" name="investment_document_number" class="form-control" disabled placeholder="Investment document number">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="investment_mode_id" class="form-label">Mode</label>
                                                        <input type="text" class="form-control" id="investment_mode_id" name="mode_id" placeholder="Mode" disabled>                                                
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="deposit_tenure_mode1" class="form-label">Deposit Tenure Mode</label>
                                                        <input type="text" class="form-control" id="deposit_tenure_mode1" name="deposit_tenure_mode" placeholder="Deposit Tenure Mode" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="investment_other_term" class="form-label">Deposit Tenure</label>
                                                        <input type="text" id="investment_other_term" name="investment_term" disabled class="form-control" placeholder="Deposit Tenure">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_deposit_date_other" class="form-label">Deposit Date</label>
                                                        <input type="text" id="investment_deposit_date_other" name="investment_deposit_date" disabled class="form-control" placeholder="dd-mm-yyyy">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_mature_date" class="form-label">Mature Date</label>
                                                        <input type="text" id="investment_mature_date" name="investment_mature_date" disabled class="form-control" placeholder="dd-mm-yyyy">
                                                    </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="investment_invested_amount" class="form-label">Investment Amount</label>
                                                        <input type="text" id="investment_invested_amount" name="invested_amount" disabled class="form-control" placeholder="Investment amount">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_rate_of_interest" class="form-label">Rate Of Interest</label>
                                                        <input type="text" id="investment_rate_of_interest" name="investment_rate_of_interest" disabled class="form-control" placeholder="Rate of interest in %">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xl-6">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="investment_next_due_date" class="form-label">Next Due Date</label>
                                                        <input type="text" id="investment_next_due_date" name="investment_next_due_date" disabled class="form-control" placeholder="dd-mm-yyyy">                                
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label class="form-label">Investment Documents</label>
                                                        <div class="d-flex">
                                                            <button class="btn btn-outline-light waves-effect me-3" id="downloadButton3" >Download Document</button>
                                                            <button class="btn btn-outline-light waves-effect" id="viewButton3">View All Documents</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
            
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_party_id" class="form-label">Paid By Client</label>
                                                <input class="form-control" id="investment_paid_by_party_id" disabled name="investment_paid_by_party_id" placeholder="Paid By Client">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_party_payout_amount1" class="form-label">Amount</label>
                                                <input type="text" class="form-control" disabled name="investment_party_payout_amount" id="investment_party_payout_amount1" placeholder="Amount">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_paid_by_us_id" class="form-label">Paid By Agent</label>
                                                <input class="form-control" id="investment_paid_by_us_id" disabled name="investment_paid_by_us_id" placeholder="Paid By Agent">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="investment_byus_payout_amount1" class="form-label">Amount</label>
                                                <input type="text" class="form-control" disabled name="investment_byus_payout_amount" id="investment_byus_payout_amount1" placeholder="Amount">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3">
                                                <label for="other_investment_remark" class="form-label">Remarks</label>
                                                <input type="text" class="form-control" name="remark" id="other_investment_remark" placeholder="Remarks" disabled>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            
                            <!-- Step 3 -->
                            <h3>Step 3</h3>
                            <section class="wizard-step">
                                <div id="add_new_row"></div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('../reachassuree_agent/master/comman/expiry-popup')

@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  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" 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 " 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.life.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 is_expired = "{{ $data['is_expired'] }}";
    var canEdit = "{{ $data['can_edit'] }}";
    var csrfToken = $("[name=_token").val();
    var dowloadIPdf = "{{ route('download.investment.view.pdf') }}";

    $(document).ready(function() {
        $("#modalIsExpired").hide();

        if(is_expired == 1){
            $("#modalIsExpired").modal('show');
        }

        if (canEdit == 0) {
            $(document).ready(function() {
                 
                $("#downloadButton1").click(function() {                    
                    downloadDoc("{{ $data['data']['id'] }}");
                });
                $("#viewButton1").click(function() {
                    viewDownloadDoc("{{ $data['data']['id'] }}");
                });

                $("#downloadButton2").click(function() {
                    downloadDoc("{{ $data['data']['id'] }}");
                });
                $("#viewButton2").click(function() {
                    viewDownloadDoc("{{ $data['data']['id'] }}");
                });

                $("#downloadButton3").click(function() {
                    downloadDoc("{{ $data['data']['id'] }}");
                });
                $("#viewButton3").click(function() {
                    viewDownloadDoc("{{ $data['data']['id'] }}");
                });
                
                $("#downloadButton4").click(function() {
                    downloadDoc("{{ $data['data']['id'] }}");
                });
                $("#viewButton4").click(function() {
                    viewDownloadDoc("{{ $data['data']['id'] }}");
                });
        
                if("{{ $data['data']['investment_select'] }}" == "Mutual Fund"){
                    if("{{ $data['data']['transaction_type'] }}" == "Redemption"){
                        $('#investment_amount_for_mutual_fund_label').text('Redemption Amount'); 
                        $('#investment_amount_for_mutual_fund').attr('placeholder', 'Redemption Amount');

                        $('#mature_start_date_lable').text('Redemption Date'); 
                    
                        $('#number_of_unit_purchase_lable').text('Number of Unit Redemption'); 
                        $('#number_of_unit_purchase').attr('placeholder', 'Number of Unit Redemption');
                                            
                        $('#total_count_lable').text('Total Redemption Count'); 
                        $('#total_count').attr('placeholder', 'Total Redemption Count');

                        $('#total_investment_amount_lable').text('Total Balance Amount'); 
                        $('#total_investment_amount').attr('placeholder', 'Total Balance Amount');
                        
                    }else{
                        $('#investment_amount_for_mutual_fund_label').text('Investment Amount'); 
                        $('#investment_amount_for_mutual_fund').attr('placeholder', 'Investment Amount'); 

                        $('#mature_start_date_lable').text('Start Date'); 

                        $('#number_of_unit_purchase_lable').text('Number of Unit Purchase'); 
                        $('#number_of_unit_purchase').attr('placeholder', 'Number of Unit Purchase');

                        $('#total_count_lable').text('Total Count'); 
                        $('#total_count').attr('placeholder', 'Total Count');

                        $('#total_investment_amount_lable').text('Total Investment Amount'); 
                        $('#total_investment_amount').attr('placeholder', 'Total Investment Amount');
                    }
                
                    $('#investment_type1').attr('checked', true);
                    $('#invest_mutual_fund').show();
                    $('#invest_other_investment, #invest_bank,#invest_bonds').hide();
                }
                
                if("{{ $data['data']['investment_select'] }}" == "Bank"){
                    $('#investment_type2').attr('checked', true);
                    $('#invest_bank').show();
                    $('#div-post-office, #invest_other_investment, #invest_mutual_fund, #invest_bonds').hide();
                }
            
                if("{{ $data['data']['investment_select'] }}" == "Governments bonds"){
                    $('#investment_type4').attr('checked', true);
                    $('#invest_bonds').show();
                    $('#invest_other_investment, #invest_mutual_fund,#invest_bank').hide();
                }
                   
                if("{{ $data['data']['investment_select'] }}" == "Post Office"){
                    $('#investment_type3').attr('checked', true);
                    $('#invest_bank').show();
                    $('#div-bank-name, #invest_other_investment,#invest_mutual_fund,#invest_bonds').hide();
                }

                if("{{ $data['data']['investment_select'] }}" == "Other Investment"){
                    $('#investment_type6').attr('checked', true);
                    $('#invest_other_investment').show();
                    $('#invest_bonds, #invest_mutual_fund, #invest_bank').hide();
                }
       
                var investment_document_number = {!! json_encode($data['data']['investment_document_number']) !!};

                $("#investment_paid_by_party_id, #investment_paid_by_party_id1, #investment_paid_by_party_id2").val("{{$data['data']['party_payment_mode_name']}}");
                $("#investment_party_payout_amount1, #investment_party_payout_amount2, #investment_party_payout_amount3").val("{{$data['data']['party_payout_amount']}}");
                $("#folio_number").val("{{$data['data']['folionumber']}}");
                $('#post_office_name_id').val("{{ $data['data']['post_office_name'] }}");
                $('#invst_bank_mode_id, #investment_mode_id, #invst_mutual_mode_id').val("{{ $data['data']['mode'] }}");
                $('#deposit_tenure_mode, #deposit_tenure_mode1').val("{{ $data['data']['deposite_tenure_mode'] }}");
                $("#investment_bank_term, #investment_other_term").val("{{$data['data']['term']}}");
                $("#investment_paid_by_us_id, #investment_paid_by_us_id1, #investment_paid_by_us_id2").val("{{$data['data']['byus_payment_mode_name']}}");
                $("#investment_byus_payout_amount1, #investment_byus_payout_amount2, #investment_byus_payout_amount3").val("{{$data['data']['byus_payout_amount']}}");
                $("#bank_remark, #other_investment_remark, #investment_mutual_fund_remark, #bonds_remark").val("{{$data['data']['remark']}}");
                $("#investment_amount_frequency").val("{{$data['data']['investment_amount_frequency']}}");
                $("#investment_deposit_date, #investment_deposit_date_other").val("{{ $data['data']['deposit_date'] }}");
                $("#bank_interest_amount").val("{{$data['data']['interest_amount']}}");
                $("#investment_bank_interest, #investment_rate_of_interest").val("{{$data['data']['rate_of_interest']}}");
                $("#investment_bank_mature_date, #bond_maturity_date, #investment_mature_date").val("{{$data['data']['mature_date']}}");                                
                $('#bank_name_id').val("{{ $data['data']['bank_name'] }}");
                $('#investment_type_mutual_fund, #investment_type_id, #investment_product_id').val("{{ $data['data']['investment_type'] }}");
                $('#investment_company_id').val("{{ $data['data']['insurance_company'] }}");                
                $('#coupon_rate').val("{{ $data['data']['coupon_rate'] }}");
                $("#bond_id").val("{{$data['data']['bond_id']}}");
                $('#bond_name_id').val("{{ $data['data']['bondname'] }}");
                $('#bond_issuer_id').val("{{ $data['data']['bondissuer'] }}");
                $('#bond_type').val("{{ $data['data']['bondtype'] }}");
                $('#bond_sub_type').val("{{ $data['data']['subbondtype'] }}");                
                $("#issue_date").val("{{$data['data']['issue_date']}}");
                $("#face_value").val("{{$data['data']['face_value']}}");
                $("#purchase_date").val("{{$data['data']['purchase_date']}}");
                $("#purchase_price").val("{{$data['data']['purchase_price']}}");
                $("#quantity").val("{{$data['data']['quantity']}}");
                $("#tax_status").val("{{$data['data']['tax_status']}}");
                $("#callable_or_non_callable").val("{{$data['data']['callable_or_non_callable']}}");
                $("#YTM").val("{{$data['data']['yield_to_maturity']}}");                
                $("#total_return").val("{{$data['data']['total_return']}}");                
                $("#coupon_frequency").val("{{$data['data']['coupon_frequency']}}");
                $("#rating").val("{{$data['data']['credit_rating']}}");        
                $("#customer_no").val("{{$data['data']['customer_no']}}");
                $("#certificate_no").val("{{$data['data']['certificate_no']}}");
                $("#total_investment_amount_bank, #total_investment_amount").val("{{$data['data']['total_investment_amount']}}");
                $("#investment_bank_invested_amount, #investment_amount_for_mutual_fund, #invested_amount, #investment_invested_amount").val("{{$data['data']['invested_amount']}}");
                $("#account_type_for_bank").val("{{$data['data']['account_type']}}");
                $("#broker").val("{{$data['data']['broker_name']}}");
                $("#mature_start_date").val("{{$data['data']['from_date']}}");
                $("#number_of_unit_purchase").val("{{$data['data']['number_of_unit_purchase']}}");
                $("#unit_price").val("{{$data['data']['unit_price']}}");
                $("#total_unit").val("{{$data['data']['total_unit']}}");
                $("#total_count").val("{{$data['data']['total_count']}}");
                $("#fund_value").val("{{$data['data']['fund_value']}}");
                $("#payment_bank").val("{{$data['data']['payment_bank_name']}}");                                
                $("#fund_name").val("{{$data['data']['fund_name']}}");
                $('#investment_client_id').val("{{ $data['data']['investment_holder'] }}");
                $('#fund_type').val("{{ $data['data']['fundtype'] }}");

                $("#investment_id").val("{{ $data['data']['id'] }}");
                $("#transaction_type").val("{{$data['data']['transaction_type']}}").trigger('change');
                $("#investment_transaction_date").val("{{ $data['data']['transaction_date'] }}");
                $("#document_number").val("{{ $data['data']['document_number'] }}");
                $("#investment_document_number").val(investment_document_number);
                $("#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_email").val("{{ $data['data']['email'] }}");
                $("#gender").val("{{ $data['data']['gender'] }}");
                $("#head_dob").val("{{ $data['data']['dob'] }}");                
                $("#family_head_name").val("{{ $data['data']['family_head'] }}");
                $("#relation_with_head").val("{{ $data['data']['relation_with_head'] }}");
                
                $("#investment_next_due_date").val("{{$data['data']['next_due_date']}}");                
                $('#investment_invested_party_id').val("{{ $data['data']['invested_party'] }}");                            
            });
        }

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

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

        $.ajax({
            headers: {'X-CSRF-TOKEN': "{{ csrf_token() }}"},
            type: 'POST',
            url: dowloadIPdf,
            data: {"id": ids},
            beforeSend: function() {
               showLoader();
            },
            success: function(resultData) {
                hideLoader();
                path = resultData['path'];
                window.open(path, '_blank');
            }
        });
    }

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

    function viewDownloadDoc(id) {
        showLoader();
        var ajaxURL = "{{ route('view.download.investment.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.investment.document') }}";
        var document_number = "{{ $data['data']['document_number'] }}";

        $.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