@extends('layouts.app')
@section('title', 'BWSI')

@section('body')
<style type="text/css">
    input[disabled] {
        background-color: #fff !important;
    }

    label {
        margin-bottom: 0px;
    }

    .col-xs-2 {
        padding-right: 5px !important;
    }
</style>

<div class="row" style="padding-left:5px; padding-right:5px">
	<div class="box-header with-border">
	  	<h3 class="box-title"><label class="text-muted">Customer Service Application</label> - Assessment of Fees</h3>
	  	<div class="box-tools pull-right">
	  		<a href="{{url('csr/application')}}" class="btn btn-sm btn-flat btn-default"><i class="fa fa-reply"></i> Back</a>
	    	<button type="button" id="btn-save-assessment" data-id="{{ $app->appl_id }}" data-cid="{{ $app->cust_id }}" class="btn btn-sm btn-flat btn-warning"><i class="fa fa-save"></i> Save Assessment</button>
	  	</div>
	</div>
</div>

<div class="row">
    <div class="col-md-3 col-xs-12" style="padding-right:0px">
        <div class="box box-default" style="height:525px; margin-bottom:5px">
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label>Account Name</label>
                            <span class="pull-right text-danger"><small><i>Account Details&nbsp;</i></small></span>
                            <input type="text" id="acct_name" value="{{ ($app->acct_bname) ? ucwords($app->acct_bname) : ucwords($app->acct_fname) }}" class="form-control" disabled="true">
                            <input type="hidden" id='hidden-is-sc' value="{{ $app->is_sc }}">
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="acct_class">Account Classification</label>
                            <select name="acct_class" id="acct_class" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->acct_class }}" data-placeholder="" style="width: 100%;" tabindex="1" aria-hidden="true">
                                <option></option>
                                <option value="RES">Residential</option>
                                <option value="COM">Commercial</option>
                                <option value="IND">Industrial</option>
                                <option value="GOV">Government</option>
                                <option value="REL">Religious</option>
                                <option value="BLK">Bulk Water</option>
                            </select>
                        </div> 
                        
                        <div class="form-group">
                            <label class="control-label" for="acct_subclass">Sub-Classification (Rate)</label>
                            <select name="acct_subclass" id="acct_subclass" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->acct_subclass }}" data-placeholder="" style="width: 100%;" tabindex="1" aria-hidden="true">
                                <option></option>
                                @foreach($subclass as $s)
                                <option value="{{ $s->sub_class }}">{{ $s->sub_class }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <span class="pull-right text-danger"><small><i>Service Address&nbsp;</i></small></span>
                            <label class="control-label" for="province_id">Province</label>
                            <select name="province_id" id="province_id" data-old-value="{{ $app->province_id }}" data-placeholder="" class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="-1" aria-hidden="true">
                                <option></option>
                                @foreach($provinces as $p)
                                <option value="{{ $p->id }}">{{ $p->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="city_id">City</label>
                            <select name="city_id" id="city_id" data-old-value="{{ $app->city_id }}" data-placeholder="" class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="-1" aria-hidden="true">
                                <option></option>
                                @foreach($cities as $c)
                                <option value="{{ $c->id }}">{{ $c->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="brgy_id">Brgy</label>
                            <select name="brgy_id" id="brgy_id" data-old-value="{{ $app->brgy_id }}" data-placeholder="" class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="-1" aria-hidden="true">
                                <option></option>
                                @foreach($brgys as $b)
                                <option value="{{ $b->id }}">{{ $b->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label class="control-label" for="address">House Number / Street</label>
                            <input name="address" id="address" value="{{ $app->address }}" class="form-control" type="text">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-9 col-xs-12">
        <div class="box box-default" style="height:525px; margin-bottom:5px">
            <div class="box-body">
                <div class="row">
                    <div class="col-xs-5">
                        <div class="row">
                            <div class="col-xs-12 form-group" id="ctype_id">
                                <label>Connection Type</label>
                                <select id="connection_type" name="connection_type" data-old-value="{{ $app->conn_type_id }}" class="form-control select2 select2-hidden-accessible" data-placeholder="" style="width: 100%;" aria-hidden="true">
                                    <option></option>
                                    @foreach($ctypes as $t)
                                    <option value="{{ $t->id }}" @if($app->conn_type_id == $t->id) {{ 'selected' }} @endif>{{ ucwords($t->description) }}</option>
                                    @endforeach                       
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-xs-offset-3">
                        <div class="form-group">
                            <label>Select Promo</label>
                            <select id="promo_id" name="promo_id" data-old-value="{{ $app->promo_id }}" class="form-control select2 select2-hidden-accessible" data-placeholder="" style="width: 100%;" aria-hidden="true">
                                <option></option>
                                @foreach($promos as $p)
                                <option value="{{ $p->id }}">{{ strtoupper($p->promo_title) }}</option>
                                @endforeach                       
                            </select>
                        </div>
                    </div>
                </div>

                <div class="row fees-div">
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label>Guarantee Deposit</label>
                            <input type="text" id="gdep-amt" class="fees-control form-control text-right curr particulars guarantee-deposit" data-particulars="guarantee-deposit">
                        </div>  
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Discount <span class="discount-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only discount-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only discount-val">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Interest <span class="interest-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only interest-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only interest-val">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Advances</small></label>
                                            <input type="text" class="form-control text-right curr advance" disabled="true">
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group" >
                                            <label style="font-weight:normal"><small><b>Net Amount</b></small></label>
                                            <input type="text" class="form-control text-right text-bold curr balance" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Add to Bill</small></label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" class="fees-control" disabled="true">
                                        </span>
                                        <input type="text" class="fees-control form-control num wnum-only pnum-only atb-terms">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label style="font-weight:normal"><small>Downpayment</small></label>
                                        <input type="text" class="fees-control form-control text-right curr atb-initial" data-num-min="0" disabled="true">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Amortization</small></label>
                                    <input type="text" class="form-control text-right curr atb-amortization">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row fees-div">
                    <div class="col-xs-2">
                        <div class="form-group">
                            {{-- <label>Materials <span class="text-primary text-bold" style="font-size: 10px;">[SENIOR]</span></label> --}}
                            <label>Materials</label>
                            <div class="input-group">
                                <span class="input-group-addon" style="padding:1px">
                                    <button class="btn btn-sm btn-primary appl-materials"><i class="fa fa-fw fa-pencil"></i></button>
                                </span>
                                <input type="text" id="mats-amt" class="fees-control form-control text-right particulars materials" data-particulars="materials" data-details="{{ json_encode($app->materials_details) }}" disabled="true">
                                {{-- <span class="input-group-addon" id="mats-senior" style="padding: 6px !important" title="Material Senior Discount (5%)">0.00</span> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Discount <span class="discount-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only discount-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only discount-val">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Interest <span class="interest-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only interest-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only interest-val">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Advances</small></label>
                                            <input type="text" class="form-control text-right curr advance" disabled="true">
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group" >
                                            <label style="font-weight:normal"><small><b>Net Amount</b></small></label>
                                            <input type="text" class="form-control text-right text-bold curr balance" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Add to Bill</small></label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" class="fees-control atb-chk">
                                        </span>
                                        <input type="text" class="fees-control form-control num wnum-only pnum-only atb-terms">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label style="font-weight:normal"><small>Downpayment</small></label>
                                        <input type="text" class="fees-control form-control text-right curr atb-initial" data-num-min="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Amortization</small></label>
                                    <input type="text" class="form-control text-right curr atb-amortization">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row fees-div">
                    <div class="col-xs-2">
                        <div class="form-group">
                            {{-- <label>Services <span class="text-primary text-bold" style="font-size: 10px;">[SENIOR]</span></label> --}}
                            <label>Services</label>
                            <div class="input-group">
                                <span class="input-group-addon" style="padding:1px">
                                    <button class="btn btn-sm btn-primary appl-services"><i class="fa fa-fw fa-pencil"></i></button>
                                </span>
                                <input type="text" id="sfee-amt" class="fees-control form-control text-right particulars service-fee" data-particulars="service-fee" data-details="{{ json_encode($app->services_details) }}" disabled="true">
                                {{-- <span class="input-group-addon" id="sfee-senior" style="padding: 6px !important" title="Services Senior Discount (5%)">0.00</span> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Discount <span class="discount-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only discount-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only discount-val">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Interest <span class="interest-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only interest-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only interest-val">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Advances</small></label>
                                            <input type="text" class="form-control text-right curr advance" disabled="true">
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group" >
                                            <label style="font-weight:normal"><small><b>Net Amount</b></small></label>
                                            <input type="text" class="form-control text-right text-bold curr balance" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Add to Bill</small></label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" class="fees-control atb-chk">
                                        </span>
                                        <input type="text" class="fees-control form-control num wnum-only pnum-only atb-terms">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label style="font-weight:normal"><small>Downpayment</small></label>
                                        <input type="text" class="fees-control form-control text-right curr atb-initial" data-num-min="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Amortization</small></label>
                                    <input type="text" class="form-control text-right curr atb-amortization">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row fees-div">
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label>Account Arrears</label>
                            <div class="input-group">
                                <span class="input-group-addon" style="padding:1px">
                                    <button class="btn btn-sm btn-primary appl-arrears"><i class="fa fa-fw fa-search-plus"></i></button>
                                </span>
                                <input type="text" id="arrs-amt" data-particulars="arrears" class="fees-control form-control text-right particulars arrears" disabled="true">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Discount <span class="discount-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only discount-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only discount-val">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Interest <span class="interest-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only interest-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only interest-val">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Advances</small></label>
                                            <input type="text" class="form-control text-right curr advance" disabled="true">
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group" >
                                            <label style="font-weight:normal"><small><b>Net Amount</b></small></label>
                                            <input type="text" class="form-control text-right text-bold curr balance" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Add to Bill</small></label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" class="fees-control atb-chk">
                                        </span>
                                        <input type="text" class="fees-control form-control num wnum-only pnum-only atb-terms">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label style="font-weight:normal"><small>Downpayment</small></label>
                                        <input type="text" class="fees-control form-control text-right curr atb-initial" data-num-min="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Amortization</small></label>
                                    <input type="text" class="form-control text-right curr atb-amortization">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row fees-div">
                    <div class="col-xs-2">
                        <div class="form-group">
                            <label>Promo Balance</label>
                            <div class="input-group">
                                <span class="input-group-addon" style="padding:1px">
                                    <button class="btn btn-sm btn-primary"><i class="fa fa-fw fa-search"></i></button>
                                </span>
                                <input type="text" id="pbal-amt" class="fees-control form-control text-right particulars promo-balance" data-particulars="promo-balance" data-amt="0" value="0.00" disabled="true">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Discount <span class="discount-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only discount-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only discount-val">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Interest <span class="interest-type-label"></span></small></label>
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <input type="checkbox" class="fees-control num wnum-only interest-chk">
                                                </span>
                                                <input type="text" class="fees-control form-control text-right num wnum-only interest-val">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label style="font-weight:normal"><small>Advances</small></label>
                                            <input type="text" class="form-control text-right curr advance" disabled="true">
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group" >
                                            <label style="font-weight:normal"><small><b>Net Amount</b></small></label>
                                            <input type="text" class="form-control text-right text-bold curr balance" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Add to Bill</small></label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" class="fees-control atb-chk">
                                        </span>
                                        <input type="text" class="fees-control form-control num wnum-only pnum-only atb-terms">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label style="font-weight:normal"><small>Downpayment</small></label>
                                        <input type="text" class="fees-control form-control text-right curr atb-initial" data-num-min="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label style="font-weight:normal"><small>Amortization</small></label>
                                    <input type="text" class="form-control text-right curr atb-amortization">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-2">
                        <div class="form-group">
                            {{-- <label>Basic Amount <span class="text-primary text-bold" style="font-size: 10px;">[SENIOR]</span></label> --}}
                            <label>Basic Amount</label>
                            <div class="input-group">
                                <input type="text" class="form-control text-right totals" id="total-bsc" data-amt="{{ $app->fees_total_basic }}" value="{{ number_format($app->fees_total_basic,2,'.',',') }}" disabled="true">
                                {{-- <span class="input-group-addon" id="total-senior" style="padding: 6px !important" title="Total Senior Discount (5%)">0.00</span> --}}
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <!-- <div class="form-group">
                                            <label>Discount -</label>
                                            <input type="text" class="form-control text-right totals" id="total-dis" data-amt="{{ $app->fees_total_discount }}" value="{{ number_format($app->fees_total_discount,2,'.',',') }}" disabled="true">
                                        </div> -->
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <!-- <div class="form-group">
                                            <label>Interest +</label>
                                            <input type="text" class="form-control text-right totals" id="total-int" data-amt="" value="" disabled="true">
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="row">
                                    <div class="col-xs-6" style="padding-right:3px">
                                        <div class="form-group">
                                            <label>Advances -</label>
                                            <span class="form-control text-right totals" id="total-adv"></span>
                                        </div>
                                    </div>
                                    <div class="col-xs-6" style="padding-left:3px">
                                        <div class="form-group">
                                            <label>Net Amount</label>
                                            <input type="text" class="form-control text-right text-bold totals" id="total-bal" data-amt="{{ $app->fees_total_net - $app->downpayment }}" value="{{ number_format($app->fees_total_net - $app->downpayment,2,'.',',') }}" disabled="true">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="row">
                            <div class="col-xs-4" style="padding-right:6px">
                            </div>
                            <div class="col-xs-3" style="padding-right:6px">
                                <div class="row">
                                    <div class="form-group">
                                        <label>Downpayment</label>
                                        <input type="text" class="form-control text-right" id="total-inp" data-amt="{{ $app->fees_total_initial }}" value="{{ number_format($app->fees_total_initial,2,'.',',') }}" disabled="true">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-5">
                                <div class="form-group">
                                    <label>Amount to Pay</label>
                                    <input type="text" class="form-control text-right text-bold" id="amt-net" data-bal="{{ $app->fees_total_net }}" data-inp="{{ $app->fees_total_initial }}" value="{{ number_format($app->fees_total_atp,2,'.',',') }}" disabled="true">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ url(mix('js/csr-application-assessment.js')) }}"></script>
@endsection