<style>
    .enable_interest_rate_change_view{
        display: none;
    }
</style>
<hr/>
<div class="form-group m-form__group row">
    <div class="col-lg-12 col-form-label">
        <h6 style="color: #575962; font-weight: 500;">Risk-Based ROI (Automated Details)</h6>
        <table class="table table-bordered table-sm" style="margin-top: 10px; margin-bottom: 0px;">
            <tbody>
                <tr>
                    <td width="50%">Base ROI</td>
                    <td><span id="display_base_roi">0%</span></td>
                </tr>
                <tr>
                    <td>Applied Automated Loading</td>
                    <td><span id="display_applied_automated_loading">0%</span></td>
                </tr>
                <tr>
                    <td>Final System ROI</td>
                    <td><span id="display_final_system_roi">0%</span></td>
                </tr>
                <tr>
                    <td>Status</td>
                    <td><span id="display_roi_source" class="m-badge m-badge--info m-badge--wide">Base</span></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<hr style="margin-top: 10px; margin-bottom: 10px;" />
<div class="form-group m-form__group row">
    <label class="col-lg-1 col-form-label">
        <input type="checkbox" name="enable_interest_rate_change" id="enable_interest_rate_change" <?php if(isset($risk_based_interest_rate->id)): ?> checked="checked" <?php endif; ?>/>
    </label>
    <div class="col-lg-10" style="padding-top: 8px;">
        Enable interest rate change in offer
    </div>
</div>
<div class="form-group m-form__group row <?php if(!isset($risk_based_interest_rate->id)): ?> enable_interest_rate_change_view <?php endif; ?> eir">
    <label class="col-lg-6 col-form-label">
        Selected Offer
    </label>
    <div class="col-lg-6" style="padding-top: 8px;">
        <select class="form-control" name="offer_selected_for_interest_change">
            <option>Select Offer</option>
        </select>
    </div>
</div>

<div class="form-group m-form__group row <?php if(!isset($risk_based_interest_rate->id)): ?> enable_interest_rate_change_view <?php endif; ?> eir">
    <label class="col-lg-6 col-form-label">
        Change Interest Rate
    </label>
    <div class="col-lg-3" style="position:relative;padding-top: 8px;">
        <input type="text" class="form-control" name="new_interest_rate" min="13" max="26" value="0" oninput="this.value = this.value.replace(/[^0-9.%]/g, '')"/>
    </div>
    <div class="col-lg-3" style="position:relative;padding-top: 8px;">
        <div class="btn btn-primary form-control" id="calculate_with_new_interest_rate" <?php if(isset($risk_based_interest_rate->offer_id)): ?> data-calculated_offer_id="<?php echo $risk_based_interest_rate->offer_id; ?>" data-calculated_interest_rate="<?php echo $risk_based_interest_rate->new_interest_rate; ?>" <?php endif; ?>>Calculate</div>
    </div>
</div>

<div class="form-group m-form__group row <?php if(!isset($risk_based_interest_rate->id)): ?> enable_interest_rate_change_view <?php endif; ?> eir">
    <div class="col-lg-6 col-form-label">
        <div class="row">
            <div class="col-md-4">
                <label>EMI Amount:</label>
            </div>
            <div class="col-md-8">
                <input type="text" class="form-control" name="emi_amount_calculated" value="0" readonly/>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-form-label">
        <div class="row">
            <div class="col-md-6">
                <label>Gross ROI:
                    <code>(Min: 15, Max:54.05)</code>
                </label>
                <label style="font-size: 12px;"><input style="margin-right: 10px;" name="exclude_pf_checkbox" <?php if(isset($risk_based_interest_rate->is_excluding_pf) && $risk_based_interest_rate->is_excluding_pf): ?> checked="checked" <?php endif; ?> type="checkbox"/>Exclude PF</label>
            </div>
            <div class="col-md-6">
                <input type="text" class="form-control" name="gross_roi_calculated" value="0" readonly/>
            </div>
        </div>
    </div>
</div>