@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>

<div class="row"> 
	<form method="post" autocomplete="false" id="form-edit-application">
		<input type="hidden" 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">
                                    <label class="control-label">SENIOR CITIZEN NO.</label>
                                    <div class="input-group">
                                        <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" value="{{ $app->sc_number }}" class="form-control" @if($app->is_sc == false) {{ 'disabled' }} @endif>
                                    </div>
                                </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>

							  	<!-- This field is only available on parrallel test.  -->
			            		@if(session('system_mode') == 'parallel') 
								<div class="col-xs-4">
									<div class="form-group">
					            		<label class="control-label text-danger" for="date_applied">Date Applied*</label>
					              		<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>
				</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(mix('js/csr-application-edit.js')) }}"></script>
@endsection