@extends('mycompany/main')

@php
    $companyDetail = $company_details ? $company_details[0] : [];
    $account = $account ? $account : [];
    $auditor = $auditor ? $auditor : [];
    $taxAgent = $tax_agent ? $tax_agent : [];
    $taxation = $taxation ? $taxation : [];
    $cosec = $cosec ? $cosec : [];
@endphp

@section('mycompany-content')
    <style>
        .circle-img {
            border-radius: 50%;
            overflow: hidden;
            width: 150px;
            height: 150px;
            background-color: white;
            /* Adjust width and height as needed */
        }

        .circle-img img {
            width: 100%;
            height: 100%;
            object-fit: scale-down;
            /* Ensures image fills the container */
        }

        .ctab {
            padding: 10px 25px;
            color: gray;
            border-bottom: 1px gray solid;
            font-weight: normal;
            cursor: pointer;

            a {
                color: gray;
            }
        }

        .ctaba {
            padding: 10px 25px;
            color: white;
            border-bottom: 1px white solid;
            font-weight: bold;
            cursor: pointer;

            a {
                color: white;
            }
        }
    </style>
    <div class="row">
        <img class="object-fit-cover" src="{{ asset('assets/images/bnnr-5.jpg') }}"
            style="height: 230px; position: absolute; top: 0; left: 0; padding: 0; margin: 0; z-index: -1">

        {{-- secondary --}}
        <div class="col-lg-3" style="margin-top: 50px;">
            @if (isset(session()->get('active_company')['logo']))
                <div class="row justify-content-center mt-3">
                    <div class="col-md-auto">
                        <div class="circle-img">
                            <img class="p-3"
                                src="{{ url('https://upload.wikimedia.org/wikipedia/ms/thumb/5/5d/LOGO-SNP.png/1024px-LOGO-SNP.png') }}"
                                alt="Image">
                        </div>
                    </div>
                </div>
            @else
                <div class="row mt-3" style="margin-bottom: 30px;">
                </div>
            @endif
            <div class="row mb-1">
                <div class="col-lg-12">
                    <div class="card mb-3 py-3 px-2 bg-white"
                        style="border-left-width: 8px; border-left-color:{{ config('custom.custom.primaryColor') }}; border-left-style: solid;">
                        <div class="mx-2">
                            <div class="text-wrap fw-bold">
                                <a href="#" class="text-black">{{ session()->get('active_company')['name'] }}</a>
                            </div>
                            <div class="text-wrap text-muted">{{ session()->get('active_company')['roc_no'] }}
                            </div>
                            <div class="text-wrap">{{ session()->get('active_company')['group_company'] }}</div>
                        </div>
                    </div>
                </div>
            </div>
            @if (isset($company_profiles) && count($company_profiles) > 0)
                <div class="row">
                    <div class="col">
                        <div class="divider text-secondary">
                            <div class="divider-text">Summary</div>
                        </div>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-lg-12">
                        <div class="card mb-2 py-3 px-2 bg-white"
                            style="border-right-width: 8px; border-right-color:{{ config('custom.custom.primaryColor') }}; border-right-style: solid;">
                            <div class="mx-2">
                                <div class="text-wrap fw-bold mb-3">
                                    <span
                                        style="color: {{ config('custom.custom.primaryColor') }}">{{ strtoupper('Opening Balance') }}</span>
                                </div>
                                @foreach ($company_profiles as $cpf)
                                    <div class="d-flex justify-content-between mb-2" style="font-size: 1.2rem">
                                        <div class="text-wrap text-muted">{{ $cpf->currency }}
                                        </div>
                                        <div class="text-wrap fw-bold">{{ number_format($cpf->outstanding_amount, 2) }}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        {{-- primary --}}
        <div class="col-lg-9" style="margin-top: 30px;">
            <div class="row mb-4">
                <div class="col d-flex justify-content-between">
                    <div class="d-flex flex-row">
                        <div class="{{ Str::contains(url()->current(), 'my-company/info') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/info') }}">Main Info</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/contact') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/contact') }}">Contact</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/address') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/address') }}">Address</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/dir_share') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/dir_share') }}">Director & Shareholder</a>
                        </div>
                        <div
                            class="{{ Str::contains(url()->current(), 'my-company/financial-partner') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/financial-partner') }}">Financial Partners</a>
                        </div>
                    </div>
                    {{-- <div class="align-self-end d-flex flex-row my-auto">
                  <div class="text-muted small my-auto me-2" id="batch-sel-count"></div>
                  <div style="width: 200px">
                      <select id="batch-act-sel" class="form-select">
                      </select>
                  </div>
              </div> --}}
                </div>
            </div>
            {{-- <div class="row d-flex justify-content-between mb-3">
                <div class="text-left"></div>
                <div class="text-right"><button type="button" class="btn btn-primary me-3" id="add_financialPartner"
                        data-pid="{{ $companyDetail['id'] }}" data-fintype="Add" data-mode="add"
                        onclick="open_myCompanyModal(this)">Add
                        New</button></div>
            </div> --}}

            <div class="row">
                                <div class="col-3"></div>
                <div class="col-7">
                    <img src="{{ asset('assets/images/no-data.jpg') }}" class="text-center" alt="No Data Found"
                        height="500" width="500">
                </div>
                            </div>
        </div>
    </div>

    <!-- Company Director Shareholder Content -->

    <!-- Company Director Shareholder Content -->

    <script>
        function open_myCompanyModal(elem) {
            var tempInput = '';
            var tempAttach = '';
            var tempTitle = '';
            var tempsubTitle = '';
            var finPartnerCountry = 0;
            var finPartnerState = 0;
            var finPartnerTaxType = 0;
            var finPartnerSubmitMonth = 0;
            var financialPartner = [];
            var clientID = $('#' + $(elem).attr('id')).attr('data-pid');
            var finPartnerID = $('#' + $(elem).attr('id')).attr('data-fpid');
            var finType = $('#' + $(elem).attr('id')).attr('data-fintype');
            var mode = $('#' + $(elem).attr('id')).attr('data-mode');
            const req1 = axios.post('{{ env('APP_URL') }}' + '/my-company/companyDetail/ajax', {
                client_id: clientID,
                mode: mode,
                financial_partner_id: finPartnerID,
                financial_partner_type: finType
            });

            blockUi();

            Promise.all(([req1]))
                .then(([res1]) => {
                    financialPartner = (res1.data.data.financial_partners.length > 0) ? res1.data.data
                        .financial_partners : [];
                    var companyCountries = (res1.data.data.company_countries.length > 0) ? res1.data.data
                        .company_countries : [];
                    var companyStates = (res1.data.data.company_states.length > 0) ? res1.data.data.company_states : [];

                    finPartnerCountry = (financialPartner.length > 0) ? financialPartner[0][
                        'financial_partner_country_id'
                    ] : 0;
                    finPartnerState = (financialPartner.length > 0) ? financialPartner[0][
                        'financial_partner_state_id'
                    ] : 0;

                    // if(mode == 'add')
                    // {
                    //   tempInput += '<div class="col-12">\
                    //     <label class="form-label" for="'+ mode +'FinancialType">Financial Partner</label>\
                    //     <select class="form-select select2" tabindex="0" id="' + mode +'FinancialType" name="' + mode +'FinancialType" onchange="setup_modal_content('+"'"+mode+"FinancialType'"+','+"'"+mode+"'"+',0,'+"'"+financialPartner+"'"+','+"'"+btoa(JSON.stringify(companyCountries))+"'"+','+"'"+btoa(JSON.stringify(companyStates))+"'"+')">\
                    //       <option value="-1" selected >-- Please Select --</option>\
                    //       <option value="Accountant">Accountant</option>\
                    //       <option value="Auditor">Auditor</option>\
                    //       <option value="TaxAgent">TaxAgent</option>\
                    //       <option value="Taxation">Taxation</option>\
                    //       <option value="CompanySecretary">CompanySecretary</option>\
                    //     </select>\
                    //   </div>';
                    // } else {
                    tempInput += '<input type="text" id="finType" name="finType" value="' + finType +
                        '" class="form-control" hidden />';
                    tempInput += setup_modal_content(finType, mode, finPartnerID, financialPartner, companyCountries,
                        companyStates);
                    // }

                    if (mode == 'add') {
                        tempTitle = 'Add Financial Partner';
                        tempsubTitle = (finType == 'Add') ? '' : ((finType == 'TaxAgent') ? 'Add New Tax Agent' : ((
                                finType == 'CompanySecretary') ? 'Add New Company Secretary' : 'Add New ' +
                            finType));
                    } else {
                        tempTitle = 'Edit Financial Partner';
                        tempsubTitle = (finType == 'TaxAgent') ? 'Edit Tax Agent' : ((finType == 'CompanySecretary') ?
                            'Edit Company Secretary' : 'Edit ' + finType);
                    }
                })
                .catch((error) => {
                    console.log('error');
                    console.log(error);
                })
                .finally(() => {

                    $('#editMyCompanyModal_title').html(tempTitle);
                    $('#editMyCompanyModal_sub-title').html(tempsubTitle);
                    $('#editMyCompanyModal').modal('show');
                    $('#editMyCompanyModal_content').html(tempInput);
                    $('#modeMyCompanyModal').val(mode);
                    $('#changeTypeMyCompanyModal').val('financial_partner');
                    $('#clientID').val(clientID);

                    $('#' + mode + 'Country').val((finPartnerCountry > 0) ? finPartnerCountry : '-1');
                    $('#' + mode + 'State').val((finPartnerState > 0) ? finPartnerState : '-1');

                    if (finPartnerTaxType > 0) $('#' + mode + 'TaxType').val((finPartnerTaxType > 0) ?
                        finPartnerTaxType : '-1');
                    if (finPartnerSubmitMonth > 0) $('#' + mode + 'SubmissionMonth').val((finPartnerSubmitMonth > 0) ?
                        finPartnerSubmitMonth : '-1');

                    $(".select2").select2({
                        dropdownParent: $('.select2').parent(),
                    });


                    if (finType == 'CompanySecretary') {
                        var sec1_country = (financialPartner.length > 0) ? financialPartner[0]['sec1_country_id'] : 0;
                        var sec1_state = (financialPartner.length > 0) ? financialPartner[0]['sec1_state_id'] : 0;
                        var sec2_country = (financialPartner.length > 0) ? financialPartner[0]['sec2_country_id'] : 0;
                        var sec2_state = (financialPartner.length > 0) ? financialPartner[0]['sec2_state_id'] : 0;


                        $('#' + mode + 'Sec1Country').val((sec1_country > 0) ? sec1_country : '-1').trigger('change');
                        $('#' + mode + 'Sec1State').val((sec1_state > 0) ? sec1_state : '-1');
                        $('#' + mode + 'Sec2Country').val((sec2_country > 0) ? sec2_country : '-1').trigger('change');
                        $('#' + mode + 'Sec2State').val((sec2_state > 0) ? sec2_state : '-1');
                    }


                    $('.datepicker-yyyy').datepicker({
                        format: 'yyyy',
                        minViewMode: 2
                    });

                    getMyCompanyAttachmentExist();
                    tooltip();

                    $.unblockUI();
                });
        }

        function setup_modal_content(finType, mode, finPartnerID, financialPartner, companyCountries, companyStates) {
            var finPartnerType = (finType == mode + "FinancialType") ? $('#' + finType).val() : finType;
            var tempInput = '';
            var tax_type = JSON.parse('<br />
<b>Notice</b>:  Undefined variable: tax_type in <b>D:\xampp\htdocs\cp-dev\resources\views\mycompany\financial-partner.blade.php</b> on line <b>792</b><br />
null');
            var submission_month = JSON.parse('<br />
<b>Notice</b>:  Undefined variable: submission_month in <b>D:\xampp\htdocs\cp-dev\resources\views\mycompany\financial-partner.blade.php</b> on line <b>793</b><br />
null');
            var finPartnerName = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_name'] : '';
            var finPartnerPhone = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_phone'] : '';
            var finPartnerFax = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_fax'] : '';
            var finPartnerEmail = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_email'] : '';
            var finPartnerAddress1 = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_address1'] : '';
            var finPartnerAddress2 = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_address2'] : '';
            var finPartnerPostcode = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_postcode'] : '';
            var finPartnerCity = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_city'] : '';
            var finPartnerNote = (financialPartner.length > 0) ? financialPartner[0]['financial_partner_note'] : '';
            companyCountries = (typeof companyCountries == 'string') ? JSON.parse(atob(companyCountries)) :
                companyCountries;
            companyStates = (typeof companyStates == 'string') ? JSON.parse(atob(companyStates)) : companyStates;

            if (mode == 'add') {
                tempInput +=
                    '<div class="col-12">\
                                                                                                                      <label class="form-label" for="' +
                    mode +
                    'FinancialType">Financial Partner</label>\
                                                                                                                      <select class="form-select select2" tabindex="0" id="' +
                    mode +
                    'FinancialType" name="' +
                    mode +
                    'FinancialType" onchange="setup_modal_content(' + "'" + mode + "FinancialType'" + ',' + "'" + mode +
                    "'" + ',0,' + "'" + financialPartner + "'" + ',' + "'" + btoa(JSON.stringify(companyCountries)) + "'" +
                    ',' + "'" + btoa(JSON.stringify(companyStates)) + "'" +
                    ')">\
                                                                                                                        <option value="-1" selected >-- Please Select --</option>';
                if (finPartnerType == "Accountant") tempInput += '<option value="Accountant" selected>Accountant</option>';
                else tempInput += '<option value="Accountant">Accountant</option>';
                if (finPartnerType == "Auditor") tempInput += '<option value="Auditor" selected>Auditor</option>';
                else tempInput += '<option value="Auditor">Auditor</option>';
                if (finPartnerType == "TaxAgent") tempInput += '<option value="TaxAgent" selected>TaxAgent</option>';
                else tempInput += '<option value="TaxAgent">TaxAgent</option>';
                if (finPartnerType == "Taxation") tempInput += '<option value="Taxation" selected>Taxation</option>';
                else tempInput += '<option value="Taxation">Taxation</option>';
                if (finPartnerType == "CompanySecretary") tempInput +=
                    '<option value="CompanySecretary" selected>CompanySecretary</option>';
                else tempInput += '<option value="CompanySecretary">CompanySecretary</option>';
                tempInput +=
                '</select>\
                                                                                                                    </div>';
            }

            switch (finPartnerType) {
                case "Accountant":
                    tempInput +=
                        '<div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Name">Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'ID" name="' +
                        mode +
                        'ID" value="' +
                        finPartnerID +
                        '" class="form-control" hidden />\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Name" name="' +
                        mode +
                        'Name" class="form-control" value="' +
                        finPartnerName +
                        '" placeholder="Company ABC Sdn Bhd" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address1" name="' +
                        mode +
                        'Address1" class="form-control" value="' +
                        finPartnerAddress1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Phone">Phone No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Phone" name="' +
                        mode +
                        'Phone" class="form-control" value="' +
                        finPartnerPhone +
                        '" placeholder="012-3456789" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Fax">Fax</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Fax" name="' +
                        mode +
                        'Fax" class="form-control" value="' +
                        finPartnerFax +
                        '" placeholder="03-61881233" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address2" name="' +
                        mode +
                        'Address2" class="form-control" value="' +
                        finPartnerAddress2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Email">Email</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Email" name="' +
                        mode +
                        'Email" class="form-control" value="' +
                        finPartnerEmail +
                        '" placeholder="email@email.com" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Postcode" name="' +
                        mode +
                        'Postcode" class="form-control" value="' +
                        finPartnerPostcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'City" name="' +
                        mode +
                        'City" class="form-control" value="' +
                        finPartnerCity +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Notes">Notes</label>\
                                                                                                                        <textarea id="' +
                        mode +
                        'Notes" name="' +
                        mode +
                        'Notes" class="form-control" value="' +
                        finPartnerNote +
                        '" rows="1" placeholder="Notes..."/></textarea>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Country" name="' +
                        mode +
                        'Country" onchange="change_state_input(' + "'" + mode + "Country'," + "'" + mode + "State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'State" name="' +
                        mode +
                        'State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>';
                    break;
                case "Auditor":
                    tempInput +=
                        '<div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Name">Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'ID" name="' +
                        mode +
                        'ID" value="' +
                        finPartnerID +
                        '" class="form-control" hidden />\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Name" name="' +
                        mode +
                        'Name" class="form-control" value="' +
                        finPartnerName +
                        '" placeholder="Company ABC Sdn Bhd" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address1" name="' +
                        mode +
                        'Address1" class="form-control" value="' +
                        finPartnerAddress1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Phone">Phone No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Phone" name="' +
                        mode +
                        'Phone" class="form-control" value="' +
                        finPartnerPhone +
                        '" placeholder="012-3456789" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Fax">Fax</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Fax" name="' +
                        mode +
                        'Fax" class="form-control" value="' +
                        finPartnerFax +
                        '" placeholder="03-61881233" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address2" name="' +
                        mode +
                        'Address2" class="form-control" value="' +
                        finPartnerAddress2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Email">Email</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Email" name="' +
                        mode +
                        'Email" class="form-control" value="' +
                        finPartnerEmail +
                        '" placeholder="email@email.com" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Postcode" name="' +
                        mode +
                        'Postcode" class="form-control" value="' +
                        finPartnerPostcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'City" name="' +
                        mode +
                        'City" class="form-control" value="' +
                        finPartnerCity +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Notes">Notes</label>\
                                                                                                                        <textarea id="' +
                        mode +
                        'Notes" name="' +
                        mode +
                        'Notes" class="form-control" value="' +
                        finPartnerNote +
                        '" rows="1" placeholder="Notes..."/></textarea>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Country" name="' +
                        mode +
                        'Country" onchange="change_state_input(' + "'" + mode + "Country'," + "'" + mode + "State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'State" name="' +
                        mode +
                        'State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>';
                    break;
                case "TaxAgent":
                    tempInput +=
                        '<div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Name">Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'ID" name="' +
                        mode +
                        'ID" value="' +
                        finPartnerID +
                        '" class="form-control" hidden />\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Name" name="' +
                        mode +
                        'Name" class="form-control" value="' +
                        finPartnerName +
                        '" placeholder="Company ABC Sdn Bhd" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address1" name="' +
                        mode +
                        'Address1" class="form-control" value="' +
                        finPartnerAddress1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Phone">Phone No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Phone" name="' +
                        mode +
                        'Phone" class="form-control" value="' +
                        finPartnerPhone +
                        '" placeholder="012-3456789" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Fax">Fax</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Fax" name="' +
                        mode +
                        'Fax" class="form-control" value="' +
                        finPartnerFax +
                        '" placeholder="03-61881233" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address2" name="' +
                        mode +
                        'Address2" class="form-control" value="' +
                        finPartnerAddress2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Email">Email</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Email" name="' +
                        mode +
                        'Email" class="form-control" value="' +
                        finPartnerEmail +
                        '" placeholder="email@email.com" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Postcode" name="' +
                        mode +
                        'Postcode" class="form-control" value="' +
                        finPartnerPostcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'City" name="' +
                        mode +
                        'City" class="form-control" value="' +
                        finPartnerCity +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Notes">Notes</label>\
                                                                                                                        <textarea id="' +
                        mode +
                        'Notes" name="' +
                        mode +
                        'Notes" class="form-control" value="' +
                        finPartnerNote +
                        '" rows="1" placeholder="Notes..."/></textarea>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Country" name="' +
                        mode +
                        'Country" onchange="change_state_input(' + "'" + mode + "Country'," + "'" + mode + "State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'State" name="' +
                        mode +
                        'State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>';
                    break;
                case "Taxation":
                    finPartnerTaxType = (financialPartner.length > 0) ? financialPartner[0]['tax_type_id'] : 0;
                    finPartnerSubmitMonth = (financialPartner.length > 0) ? financialPartner[0]['submission_month_id'] : 0;
                    var taxNo = (financialPartner.length > 0) ? financialPartner[0]['tax_no'] : '';
                    var lhdnBranch = (financialPartner.length > 0) ? financialPartner[0]['lhdn_branch'] : '';

                    tempInput +=
                        '<div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'TaxType">Tax Type</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'ID" name="' +
                        mode +
                        'ID" value="' +
                        finPartnerID +
                        '" class="form-control" hidden />\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'TaxType" name="' +
                        mode +
                        'TaxType" onchange="change_state_input(' + "'" + mode + "Country'," + "'" + mode + "State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';
                    if (tax_type.length > 0) {
                        $.each(tax_type, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.type + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'TaxNo">Tax No</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'TaxNo" name="' +
                        mode +
                        'TaxNo" class="form-control" value="' +
                        taxNo +
                        '" placeholder="AA xxxxxxxxxxx" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'LhdnBranch">LHDN Branch</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'LhdnBranch" name="' +
                        mode +
                        'LhdnBranch" class="form-control" value="' + lhdnBranch +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'SubmissionMonth">Submission Month</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'SubmissionMonth" name="' +
                        mode +
                        'SubmissionMonth">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';
                    if (submission_month.length > 0) {
                        $.each(submission_month, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.month + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>';
                    break;
                case "CompanySecretary":
                    var sec1_name = (financialPartner.length > 0) ? financialPartner[0]['sec1_name'] : '';
                    var sec1_address1 = (financialPartner.length > 0) ? financialPartner[0]['sec1_address1'] : '';
                    var sec1_ic = (financialPartner.length > 0) ? financialPartner[0]['sec1_ic'] : '';
                    var sec1_address2 = (financialPartner.length > 0) ? financialPartner[0]['sec1_address2'] : '';
                    var sec1_license = (financialPartner.length > 0) ? financialPartner[0]['sec1_license'] : '';
                    var sec1_postcode = (financialPartner.length > 0) ? financialPartner[0]['sec1_postcode'] : '';
                    var sec1_city = (financialPartner.length > 0) ? financialPartner[0]['sec1_city'] : '';
                    var sec2_name = (financialPartner.length > 0) ? financialPartner[0]['sec2_name'] : '';
                    var sec2_address1 = (financialPartner.length > 0) ? financialPartner[0]['sec2_address1'] : '';
                    var sec2_ic = (financialPartner.length > 0) ? financialPartner[0]['sec2_ic'] : '';
                    var sec2_address2 = (financialPartner.length > 0) ? financialPartner[0]['sec2_address2'] : '';
                    var sec2_license = (financialPartner.length > 0) ? financialPartner[0]['sec2_license'] : '';
                    var sec2_postcode = (financialPartner.length > 0) ? financialPartner[0]['sec2_postcode'] : '';
                    var sec2_city = (financialPartner.length > 0) ? financialPartner[0]['sec2_city'] : '';
                    var cosec_pic = (financialPartner.length > 0) ? financialPartner[0]['cosec_pic'] : '';

                    tempInput +=
                        '<div><h5>Company Detail</h5></div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Name">Company Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'ID" name="' +
                        mode +
                        'ID" value="' +
                        finPartnerID +
                        '" class="form-control" hidden />\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Name" name="' +
                        mode +
                        'Name" class="form-control" value="' +
                        finPartnerName +
                        '" placeholder="Company ABC Sdn Bhd" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address1" name="' +
                        mode +
                        'Address1" class="form-control" value="' +
                        finPartnerAddress1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'CompanyNo">Company No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'CompanyNo" name="' +
                        mode +
                        'CompanyNo" class="form-control" value="' +
                        finPartnerEmail +
                        '" placeholder="email@email.com" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Address2" name="' +
                        mode +
                        'Address2" class="form-control" value="' +
                        finPartnerAddress2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Year">Year</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Year" name="' +
                        mode +
                        'Year" class="form-control datepicker-yyyy" value="' + finPartnerPostcode + '" placeholder="' +
                        moment().format('Y') +
                        '" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Postcode" name="' +
                        mode +
                        'Postcode" class="form-control" value="' +
                        finPartnerPostcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'City" name="' +
                        mode +
                        'City" class="form-control" value="' +
                        finPartnerCity +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Email">Email</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Email" name="' +
                        mode +
                        'Email" class="form-control" value="' +
                        finPartnerEmail +
                        '" placeholder="email@email.com" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Country" name="' +
                        mode +
                        'Country" onchange="change_state_input(' + "'" + mode + "Country'," + "'" + mode + "State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'State" name="' +
                        mode +
                        'State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Phone">Phone No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Phone" name="' +
                        mode +
                        'Phone" class="form-control" value="' +
                        finPartnerPhone +
                        '" placeholder="012-3456789" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Fax">Fax</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Fax" name="' +
                        mode +
                        'Fax" class="form-control" value="' +
                        finPartnerFax +
                        '" placeholder="03-61881233" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'PIC">Person In Charge</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'PIC" name="' +
                        mode +
                        'PIC" class="form-control" value="' +
                        cosec_pic +
                        '" rows="1" placeholder="Person In Charge"/>\
                                                                                                                      </div>\
                                                                                                                      <div><h5>Secretary 1</h5></div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1Name">Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1Name" name="' +
                        mode +
                        'Sec1Name" class="form-control" value="' +
                        sec1_name +
                        '" placeholder="Ahmad Bin Abu" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1Address1" name="' +
                        mode +
                        'Sec1Address1" class="form-control" value="' + sec1_address1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1ICNO">IC No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1ICNO" name="' +
                        mode +
                        'Sec1ICNO" class="form-control" value="' +
                        sec1_ic +
                        '" placeholder="000000-00-0000" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1Address2" name="' +
                        mode +
                        'Sec1Address2" class="form-control" value="' + sec1_address2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1License">License No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1License" name="' +
                        mode +
                        'Sec1License" class="form-control" value="' + sec1_license +
                        '" placeholder="AAA xxxxx" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1Postcode" name="' +
                        mode +
                        'Sec1Postcode" class="form-control" value="' + sec1_postcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec1City" name="' +
                        mode +
                        'Sec1City" class="form-control" value="' +
                        sec1_city +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Sec1Country" name="' +
                        mode +
                        'Sec1Country" onchange="change_state_input(' + "'" + mode + "Sec1Country'," + "'" + mode +
                        "Sec1State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec1State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'Sec1State" name="' +
                        mode +
                        'Sec1State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div><h5>Secretary 2</h5></div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2Name">Name</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2Name" name="' +
                        mode +
                        'Sec2Name" class="form-control" value="' +
                        sec2_name +
                        '" placeholder="Ahmad Bin Abu" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2Address1">Address Line 1</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2Address1" name="' +
                        mode +
                        'Sec2Address1" class="form-control" value="' + sec2_address1 +
                        '" placeholder="Building number, unit, floor, etc." />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2ICNO">IC No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2ICNO" name="' +
                        mode +
                        'Sec2ICNO" class="form-control" value="' +
                        sec2_ic +
                        '" placeholder="000000-00-0000" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-sm-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2Address2">Address Line 2</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2Address2" name="' +
                        mode +
                        'Sec2Address2" class="form-control" value="' + sec2_address2 +
                        '" placeholder="Street Address" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2License">License No.</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2License" name="' +
                        mode +
                        'Sec2License" class="form-control" value="' + sec2_license +
                        '" placeholder="AAA xxxxx" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2Postcode">Postcode</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2Postcode" name="' +
                        mode +
                        'Sec2Postcode" class="form-control" value="' + sec2_postcode +
                        '" placeholder="50088" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-3">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2City">City</label>\
                                                                                                                        <input type="text" id="' +
                        mode +
                        'Sec2City" name="' +
                        mode +
                        'Sec2City" class="form-control" value="' +
                        sec2_city +
                        '" placeholder="Kuala Lumpur" />\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2Country">Country</label>\
                                                                                                                        <select class="form-select select2" tabindex="0" id="' +
                        mode +
                        'Sec2Country" name="' +
                        mode +
                        'Sec2Country" onchange="change_state_input(' + "'" + mode + "Sec2Country'," + "'" + mode +
                        "Sec2State'," +
                        ')">\
                                                                                                                          <option value="-1" selected >-- Please Select --</option>';

                    if (companyCountries.length > 0) {
                        $.each(companyCountries, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.country + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>\
                                                                                                                      <div class="col-12 col-md-6">\
                                                                                                                        <label class="form-label" for="' +
                        mode +
                        'Sec2State">State</label>\
                                                                                                                        <select class="form-select" tabindex="0" id="' +
                        mode +
                        'Sec2State" name="' +
                        mode +
                        'Sec2State">\
                                                                                                                          <option value="-1" selected disabled>-- Please Select --</option>';

                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }

                    tempInput +=
                        '</select>\
                                                                                                                      </div>';
                    break;
                default:
                    tempInput += "";
            }

            if (finType == mode + "FinancialType") {
                $('#editMyCompanyModal_content').html(tempInput);
                $('#changeTypeMyCompanyModal').val('financial_partner');
                var tempsubTitle = (finPartnerType == 'TaxAgent') ? 'Add New Tax Agent' : ((finPartnerType ==
                    'CompanySecretary') ? 'Add New Company Secretary' : 'Add New ' + finPartnerType);
                $('#editMyCompanyModal_sub-title').html(tempsubTitle);

                $(".select2").select2({
                    dropdownParent: $('.select2').parent(),
                });

                $('.datepicker-yyyy').datepicker({
                    format: 'yyyy',
                    minViewMode: 2
                });

            }

            return tempInput;
        }

        function change_state_input(country_input_id, state_input_id) {
            var countryIDs = $('#' + country_input_id).val();
            var tempInput = '';
            const req1 = axios.post('{{ env('APP_URL') }}' + '/my-company/companyDetail/ajax', {
                country_id: countryIDs
            });

            blockUi();

            // $('#' + mode + 'State').select2('destroy');
            $('#' + state_input_id).html('');

            Promise.all(([req1]))
                .then(([res1]) => {
                    var companyStates = (res1.data.data.company_states.length > 0) ? res1.data.data.company_states : [];
                    console.log(companyStates);

                    tempInput += '<option value="-1" selected disabled>-- Please Select --</option>';
                    if (companyStates.length > 0) {
                        $.each(companyStates, function(key, row) {
                            tempInput += '<option value="' + row.id + '">' + row.state + '</option>';
                        });
                    }
                })
                .catch((error) => {
                    console.log('error');
                    console.log(error);
                })
                .finally(() => {

                    $('#' + state_input_id).append(tempInput);

                    // $(".select2").select2({
                    //   dropdownParent: $('.select2').parent(),
                    // });

                    $.unblockUI();
                });
        }
    </script>
@endsection