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

@section('body')
<div class="row" style="padding-left:5px; padding-right:5px">
	<div class="box-header with-border">
	  	<h3 class="box-title">Update Customer Application</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> Go Back</a>
	    	<button id="update-application" type="button" class="btn btn-sm btn-flat btn-warning"><i class="fa fa-save"></i> Update Application</button>
	  	</div>
	</div>
</div>

<style type="text/css">
	.control-label {
		margin-bottom: 0px;
	}

	#table-accounts td {
		padding:2px;
	}
</style>
{{-- {{ dd($app) }} --}}
<div class="row"> 
	<form method="post" autocomplete="false" id="form-edit-application">
		<input type="hidden" id="appl_id" name="appl_id" value="{{ $app->appl_id }}">
		<input type="hidden" name="method" value="patch">
	
		<div class="col-xs-12">
			<div class="box box-default">
				<div class="box-body">
					<div class="row">
			            <div class="col-xs-6">
			            	<div class="row">
				            	<div class="col-xs-4 form-group">
							      	<label class="control-label">CUSTOMER CATEGORY</label>
							      	<select id="customer_category" name="customer_category" class="form-control select2 select2-hidden-accessible" data-placeholder="SELECT ONE" style="width: 100%;" aria-hidden="true">
				                  		<option></option>
				                  		<option value="person" @if($app->business_name == null) {{ "selected" }} @endif>PERSON</option>
				                  		<option value="establishment" @if($app->business_name != null) {{ "selected" }} @endif>ESTABLISHMENT</option>
				                	</select>
							    </div>
								<div class="col-xs-4 form-group">
									<label class="control-label">ACCOUNT CLASS</label>
									<select id="acct_class" name="acct_class" class="form-control select2 select2-hidden-accessible" data-old-value="{{ strtolower($app->acct_class) }}" data-placeholder="SELECT ONE" style="width: 100%;" aria-hidden="true">
				                  		<option></option>
				                  		<option value="res" data-class="res">RESIDENTIAL</option>
				                  		<option value="com" data-class="com">COMMERCIAL</option>
				                  		<option value="ind" data-class="ind" disabled>INDUSTRIAL</option>
				                  		<option value="gov" data-class="gov" disabled>GOVERNMENT</option>
				                  		<option value="rel" data-class="rel" disabled>RELIGIOUS</option>
		                        		<option value="blk" data-class="blk" disabled>BULK WATER</option>
				                	</select>
								</div>
								<div class="col-xs-4 form-group">
									<label class="control-label">SUB-CLASS</label>
									<select id="acct_subclass" name="acct_subclass" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->acct_subclass }}" data-placeholder="SELECT ONE" style="width: 100%;" aria-hidden="true">
				                  		<option></option>
				                  		@foreach($subclass as $s)
						                <option value="{{ $s->sub_class }}">{{ $s->sub_class }}</option>
						                @endforeach
				                	</select>
								</div>
							</div>
							<div class="row" id="customer-info-cont">
								@if(is_null($app->business_name) == false)
								<div class="col-xs-12 form-group">
                                    <label class="control-label" for="business_name">BUSINESS / ESTABLISHMENT NAME</label>
                                    <input name="business_name" id="business_name" value="{{ strtoupper($app->business_name) }}" type="text" class="form-control">
                                </div>
                                <div class="col-xs-12 form-group">
                                    <label class="control-label" for="contact_person">CONTACT PERSON</label>
                                    <input name="contact_person" id="contact_person" value="{{ strtoupper($app->contact_person) }}" type="text" class="form-control">
                                </div>
								@else 
								<div class="col-xs-4 form-group">
                                    <label class="control-label" for="firstname">FIRSTNAME</label>
                                    <input name="firstname" id="firstname" value="{{ strtoupper($app->firstname) }}" type="text" class="form-control">
                                </div>
                                <div class="col-xs-4 form-group">
                                    <label class="control-label" for="middlename">MIDDLENAME</label>
                                    <input name="middlename" id="middlename" value="{{ strtoupper($app->middlename) }}" type="text" class="form-control">
                                </div>
                                <div class="col-xs-4 form-group">
                                    <label class="control-label" for="lastname">LASTNAME</label>
                                    <input name="lastname" id="lastname" value="{{ strtoupper($app->lastname) }}" type="text" class="form-control">
                                </div>
                                <div class="col-xs-4 form-group">
                                    <label class="control-label" for="suffix">SUFFIX</label>
                                    <input name="suffix" id="suffix" value="{{ strtoupper($app->suffix) }}" type="text" class="form-control">
                                </div>
                                <div class="col-xs-4 form-group">
                                    <label class="control-label" for="birthday">BIRTHDAY</label>
                                    <input name="birthday" id="birthday" type="text" value="{{ $app->birthday }}" class="form-control date-masked" placeholder="YYYY-MM-DD">
                                </div>
                                <div class="col-xs-4 form-group" style="margin-bottom:5px;">
                                    <span class="text-bold">SENIOR CITIZEN NO.</span>
                                    <div class="input-group">
										<span class="input-group-addon">
											<input type="checkbox" id="is_senior" name="is_senior" title="If customer applying is a senior citizen."
											@if ($app->age < 60)
												disabled="true"
											@else 
												@if ($app->is_sc) checked @endif
											@endif
											>
										{{-- <span class="input-group-addon" id="is_sc">
				                        	@if($app->is_sc == false)
				                        	<i class="fa fa-ban text-danger"></i>
				                        	@else 
				                        	<i class="fa fa-check text-success"></i>
				                        	@endif --}}
				                        </span>
				                        <input type="text" name="sc_number" id="sc_number" class="form-control" 
										@if($app->is_sc) 
											value="{{ $app->sc_number }}"
										@else 
											disabled="true"
										@endif
										>
                                    </div>
									<span class="text-danger"><small>Please check the checkbox if the customer is eligible for a senior discount.</small></span>
                                </div>
								@endif
							</div>
			            </div>
			            <div class="col-xs-6">
			            	<div class="row">
				            	<div class="col-xs-12 form-group">		         
				            		<label class="control-label" for="with_representative">A REPRESENTATIVE IS APPLYING IN BEHALF OF THE CUSTOMER</label>
				              		<div class="input-group">
				                        <span class="input-group-addon">				
				                        	<input type="checkbox" id="with_representative" name="with_representative" title="If a representative is applying in behalf of the customer." @if($app->representative_name != null) {{ 'checked' }} @endif>
				                        </span>
				                        <input type="text" name="representative_name" id="representative_name" value="{{ strtoupper($app->representative_name) }}" class="form-control" placeholder="REPRESENTATIVE NAME" @if($app->representative_name == null) {{ 'disabled' }} @endif>
				                    </div>
			                	</div>
		                	</div>
		                	<div class="row">
		                		<div class="col-xs-4">
									<div class="form-group">
								  		<label class="control-label" for="landline_number">LANDLINE NO.</label>
								      	<input name="landline_number" type="text" id="landline_number" value="{{ $app->landline_number }}" class="form-control" data-inputmask="mask": "(999) 999-9999"" data-mask>
									</div>
								</div>

								<div class="col-xs-4">
									<div class="form-group">
								  		<label class="control-label" for="mobile_number">MOBILE NO.</label>
								      	<input name="mobile_number" type="text" id="mobile_number" value="{{ $app->mobile_number }}" class="form-control">
								  	</div>
								</div>

								<div class="col-xs-4">
									<div class="form-group">
							      		<label class="control-label" for="email_address">EMAIL ADDRESS</label>
							      		<input name="email_address" id="email_address" value="{{ $app->email_address }}" class="form-control" type="email">
							  		</div>
							  	</div>
		                	</div>

							<div class="row">
								@if (session('athena_loan'))
								<div class="col-xs-8">
									<div class="form-group">
										<span class="text-bold">IS APPLYING ATHENA LOAN</span>
										<div class="input-group">
											<span class="input-group-addon">				
												<input type="checkbox" id="is_athena" name="is_athena" title="If customer applying is a athena loan."
												@if ($app->is_athena)
													checked
												@endif
												disabled="true"
												>
											</span>
											{{-- <select id="old_acct_id" name="old_acct_id" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->old_acct_id }}" data-placeholder="Select customer's old account" style="width: 100%;" aria-hidden="true">
												<option></option>
											</select> --}}
											<input type="text" id="old_acct_name" class="form-control" value="{{ $app->old_acct_name }}" readonly>
										</div>
										<span class="text-danger"><small>If the customer is applying for Athena Loan, please select the customer's old account for reference.</small></span>
									</div> 
								</div>
								@endif
								<!-- This field is only available on parrallel test.  -->
								@if(session('system_mode') == 'parallel' || auth()->user()->designation == 'ADMINISTRATOR') 
								<div class="col-xs-4">
									<div class="form-group">
										<span class="text-bold" for="date_applied">DATE APPLIED*</span>
										<input name="date_applied" id="date_applied" value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}" type="text" class="form-control date-masked">
									</div>
								</div>
								@endif
							</div>
			            </div>
					</div>
					@if ($app->ref_name)
					<div class="row">
						<div class="col-xs-12">
		        			<small class="text-primary"><i class="fa fa-fw fa-info-circle"></i> IF THE APPLICANT WAS REFERRED BY A CUSTOMER OR EMPLOYEE, PLEASE SPECIFY. IF THE CUSTOMER DOES NOT HAVE AN ACCOUNT, PLEASE PROVIDE THE CUSTOMER'S NAME.</small>
							<div class="row">
								<div class="col-xs-4">
									<div class="form-group">
										<span class="text-bold" for="referral">REFERRAL</span>
										<div class="input-group">
											<span class="input-group-addon">				
												<input type="checkbox" id="ref_type" name="ref_type" @if($app->ref_type == 'employee') {{ 'checked' }} @endif disabled>
											</span>
											<input type="text" class="form-control" id="ref_value" name="ref_value" value="{{ strtoupper($app->ref_name) }}" readonly>
											<span class="input-group-addon text-bold" id="ref_text">{{ $app->ref_type == 'employee' ? 'EMPLOYEE' : 'CUSTOMER'  }}</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@endif
				</div>
			</div>
		</div>

		<div class="col-xs-12">
			<div class="box box-default">
				<div class="box-body">
					<table class="table table-bordered table-condensed" id="table-accounts">
						<thead class="table-header-bg">
							<tr>
								<th width="17%">PROVINCE</th>
								<th width="17%">CITY</th>
								<th width="17%">BARANGAY</th>
								<th width="35%">HOUSE NO, STREET, VILLAGE</th>
								<th width="14%">DOWNPAYMENT</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="form-group">
									<select id="province_id" name="province_id" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->province_id }}" data-placeholder="" style="width: 100%;" aria-hidden="true">
							      		<option></option>
							      		@foreach($provinces as $province)
						                <option value="{{ $province->id }}">{{ strtoupper($province->name) }}</option>
						                @endforeach
							    	</select>
								</td>
								<td>
									<select id="city_id" name="city_id" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->city_id }}" data-placeholder="" style="width: 100%;" aria-hidden="true">
							      		<option></option>
							      		@foreach($cities as $city)
						                <option value="{{ $city->id }}">{{ strtoupper($city->name) }}</option>
						                @endforeach
							    	</select>
								</td>
								<td>
									<select id="brgy_id" name="brgy_id" class="form-control select2 select2-hidden-accessible" data-old-value="{{ $app->brgy_id }}" data-placeholder="" style="width: 100%;" aria-hidden="true">
							      		<option></option>
							      		@foreach($brgys as $brgy)
						                <option value="{{ $brgy->id }}">{{ strtoupper($brgy->name) }}</option>
						                @endforeach
							    	</select>
								</td>
								<td>
									<input id="address" name="address" class="form-control" type="text" value="{{ strtoupper($app->address) }}">
								</td>
								<td>
									@if($app->downpayment && $app->downpayment->status == 'p')
									<div class="input-group">
						                <input id="downpayment" name="downpayment" class="form-control curr" type="text" value="{{ number_format($app->downpayment->amt_net,2,'.',',') }}" disabled="true">
						                <span class="input-group-addon"><i class="fa fa-check text-success"></i> PAID</span> 
						            </div>
									@elseif($app->downpayment && $app->downpayment->status == 'up')
									<div class="input-group">
						                <input id="downpayment" name="downpayment" class="form-control curr" type="text" value="{{ number_format($app->downpayment->amt_net,2,'.',',') }}">
						                <span class="input-group-addon" title="For branches that requires reservation, upfront or downpayment please type in the amount of downpayment else leave it blank."><i class="fa fa-question-circle text-success"></i></span> 
						            </div>
									@else
									<div class="input-group">
										<input id="downpayment" name="downpayment" class="form-control curr" type="text" value="0.00">
										<span class="input-group-addon" title="For branches that requires reservation, upfront or downpayment please type in the amount of downpayment else leave it blank."><i class="fa fa-question-circle text-success"></i></span> 
						            </div>
									@endif
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</form>
</div>
@endsection

@section('scripts')
<script src="{{ URL::asset('js/helper.js') }}"></script>
<script src="{{ URL::asset('js/elite.js') }}"></script>
<script src="{{ url(mix('js/csr-application-edit.js')) }}"></script>
@endsection