@extends('layouts.admin')

@section('content')
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<div class="ks-column ks-page">
		<div class="ks-page-header">
			<section class="ks-title">
				<h3>{{$pageTitle}} - <span id="claim_status_title" class="col-red">{{$assistance_claim->claimStatus->title[$current]}}</span> - <span id="claim_status_rejection_reason" class="col-red"> @if($assistance_claim->claimStatus->label == 'rejected') {{$assistance_claim->claimRejectionReason->title[$current]}}@endif</span></h3>
			</section>
		</div>
		<div class="ks-page-content">
			<div class="ks-page-content-body tables-page">
				<div class="ks-nav-body-wrapper">
					<div class="container-fluid ks-rows-section">
						<form id="claimForm">
							<div class="row">
								<div class="col-sm-10">
									@foreach($assistance_tasks_assignees as $assistance_assignee_id =>$assistance_tasks)
										<div class="row">
											<div class="col-lg-12">
												<div class="card panel panel-default panel-table">
													<h5 class="card-header">
														{{tran('Tasks Charges')." - ".$assistance_tasks['assistant_name']}}
													</h5>
													<div class="card-block">
														<table class="table table-bordered">
															<thead>
															<tr>
																<th width="1">#</th>
																<th>{{tran('Task')}}</th>
																<th>{{tran('Cost')}}</th>
															</tr>
															</thead>
															<tbody>
															@for ($i = 0; $i < count($assistance_tasks['task']); $i++)
																<tr>
																	<td scope="row">{{$i+1}}</td>
																	<td>{{$assistance_tasks['task'][$i]}}</td>
																	<td>{{$assistance_tasks['cost'][$i]}}</td>
																</tr>
															@endfor
															<tr>
																<td scope="row"></td>
																<td style="color: red">{{tran('Total Cost')}}</td>
																<td style="color: red"><input type="number" class="total_cost" value="{{$assistance_tasks['total_cost']}}" readonly disabled></td>
															</tr>
															<tr>
																<td scope="row"></td>
																<td style="color: red">{{tran('Approved Amount')}}</td>
																<td style="color: red"><input class="approved_amount" @isset($assistance_tasks['approved_amount']) value="{{$assistance_tasks['approved_amount']}}" @endisset name="record[approved_amount][{{$assistance_assignee_id}}]" type="number" @isset($assignee_id)) readonly disabled @endif >@if(!isset($assignee_id)) <a href="#" class="all_amount text-underline">(Total Cost)</a>@endif</td>
															</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>
										</div>
									@endforeach
									@if(!isset($assignee_id))
									<div class="row">
										<div class="col-lg-12">
											<div class="card panel panel-default panel-table">
												<h5 class="card-header">
													{{tran('Summary')}}
												</h5>
												<div class="card-block">
													<table class="table table-bordered">
														<tbody>
														<tr>
															<td style="color: red">{{tran('Total Cost')}}</td>
															<td style="color: red"><input id="sum_total_cost" type="number"  value="{{$assistance_tasks_total_cost}}" readonly disabled></td>
														</tr>
														<tr>
															<td style="color: red">{{tran('Approved Amount')}}</td>
															<td style="color: red"><input class="" type="number" id="sum_approved_amount" readonly disabled></td>
														</tr>
														<tr>
															<td style="color: red">{{tran('Remaining Amount')}}</td>
															<td style="color: red"><input class="" type="number" id="remaining_amount" readonly disabled></td>
														</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
									@endif
								</div>
								<input type="hidden" name="record[assistance_claim_id]" value="{{$assistance_claim->id}}" id="assistance_claim_id">
								<div class="col-sm-2">
									@if(!isset($assignee_id))
									<button type="button" class="btn btn-primary btn-side-bar btn-reject" data-url="{{route('assistance-claims.reject',['assistance_claim_id'=>$assistance_claim->id])}}">{{tran('Reject')}}</button>
									<button type="button" class="btn btn-primary btn-side-bar btn-surveyor" data-url="{{route('assistance-claims.send-surveyor',['assistance_claim_id'=>$assistance_claim->id])}}" >{{tran('Send Surveyor')}}</button>
									<button type="button" class="btn btn-primary btn-side-bar btn-save" data-url="{{route('assistance-claims.save-changes',['assistance_claim_id'=>$assistance_claim->id])}}">{{tran('Save Changes')}}</button>
									<button type="button" class="btn btn-primary btn-side-bar btn-invoice" data-url="{{route('assistance-invoices.issue-invoice',['assistance_claim_id'=>$assistance_claim->id])}}">{{tran('Issue Invoice')}}</button>
									<button type="button" class="btn btn-primary btn-side-bar btn-approve" data-url="{{route('assistance-claims.approve',['assistance_claim_id'=>$assistance_claim->id])}}">{{tran('Approve')}}</button>
									@endif
									<button type="button" class="btn btn-primary btn-side-bar btn-generate-pdf" data-url="{{route('assistance-claims.generate-pdf',['assistance_claim_id'=>$assistance_claim->id,'assignee_id'=>$assignee_id])}}">{{tran('CLAIM (PDF)')}}</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
@stop

@section('javascript')
	<script>
		$(document).ready(function() {

			var sum = 0;
			$('.approved_amount').each(function () {
				if($(this).val() != "")
					sum += parseInt($(this).val());
			});
			$("#sum_approved_amount").val(sum).trigger('change');
		});

		$(".all_amount").on('click',function (e) {

			e.preventDefault();
			$(this).closest("table").find("input[class='approved_amount']").val($(this).closest("table").find("input[class='total_cost']").val()).trigger('keyup');
		});

		$('.approved_amount').bind('keyup change',function () {

			var sum = 0;
			$('.approved_amount').each(function () {
				if($(this).val() != "")
					sum += parseInt($(this).val());
			});
			$("#sum_approved_amount").val(sum).trigger('change');
		});

		$("#sum_approved_amount").on('change',function () {

			var remaining_amount = parseInt($("#sum_total_cost").val())-parseInt($("#sum_approved_amount").val());
			$("#remaining_amount").val(remaining_amount);
		});

		$('.btn-reject').on('click',function () {

			$.ajax({
				type:'get',
				url: $(this).data('url'),
				method: 'get',
				headers: {
					"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
					"Cache-Control": "no-cache"
				},
				success: function(data) {
					$.LoadingOverlay("hide");
					$('#addEditModal').html(data);
					$('#addEditModal').modal('show');

					$('select.ks-select').select2({
						placeholder: "Select a value",
					});

					$('.select2').css("width","100%");
				}
			});
		});


		function submitRejectionClaim() {

			$('#modalReject button[type="submit"]').prop('disabled', true);
			var form = $('form#modalReject')[0];
			var formData = new FormData(form);
			event.preventDefault();
			var token = $('input[name=_token]').val();
			$.ajax({
				type: 'post',
				url: $('#modalReject').prop('action'),
				method: 'post',
				data: formData,
				contentType: false,
				processData: false,
				headers: {
					"X-CSRF-TOKEN": token,
					"Cache-Control": "no-cache"
				},
				success: function (data) {
					$('button[type="submit"]').prop('disabled', false);
					$('#addEditModal').modal('hide');
					var obj = JSON.parse(data);
					document.getElementById("claim_status_title").textContent= obj.claim_status_rejected_title;
					document.getElementById("claim_status_rejection_reason").textContent= obj.claim_rejection_reason_title;
					$('.approved_amount').each(function () {
						$(this).val(0).trigger('change');
					});
				}
			});
		}

		$('.btn-surveyor').on('click',function () {

			$.ajax({
				type:'get',
				url: $(this).data('url'),
				method: 'get',
				headers: {
					"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
					"Cache-Control": "no-cache"
				},
				success: function(data) {
					$.LoadingOverlay("hide");
					$('#addEditModal').html(data);
					$('#addEditModal').modal('show');

					$('select.ks-select').select2({
						placeholder: "Select a value",
					});

					$('.select2').css("width","100%");
				}
			});
		});

		function addSurveyor(){

			$('#modalSurveyor button[type="submit"]').prop('disabled', true);
			var form = $('form#modalSurveyor')[0];
			var formData = new FormData(form);
			event.preventDefault();
			var token = $('input[name=_token]').val();
			$.ajax({
				type: 'post',
				url: $('#modalSurveyor').prop('action'),
				method: 'post',
				data: formData,
				contentType: false,
				processData: false,
				headers: {
					"X-CSRF-TOKEN": token,
					"Cache-Control": "no-cache"
				},
				success: function (data) {
					$('button[type="submit"]').prop('disabled', false);
					$('#addEditModal').modal('hide');
					$.notify({
						message: 'Surveyor has been notified!'
					},{
						type: 'warning-active'
					});
				}
			});
		}


		$('.btn-save').on('click',function () {

			event.preventDefault();
			swal({
				title: "Save Claim?",
				icon: "warning",
				buttons: true,
				dangerMode: true,
			})
				.then(function (willSave) {
					if (willSave != null) {
						var form = $('form#claimForm')[0];
						var formData = new FormData(form);
						$.ajax({
							type: 'post',
							url: $('.btn-save').data('url'),
							method: 'post',
							data: formData,
							contentType: false,
							processData: false,
							headers: {
								"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
								"Cache-Control": "no-cache"
							},
							success: function (data) {
								var obj = JSON.parse(data);
							}
						});
					}
				});
		});

		$('.btn-invoice').on('click',function () {

			event.preventDefault();
			swal({
				title: "Issue Invoice?",
				icon: "warning",
				buttons: true,
				dangerMode: true,
			})
				.then(function (willInvoice) {
					if (willInvoice != null) {
						$.ajax({
							type: 'post',
							url: $('.btn-invoice').data('url'),
							method: 'post',
							data: {assistance_claim_id : $('#assistance_claim_id').val()},
							contentType: false,
							processData: false,
							headers: {
								"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
								"Cache-Control": "no-cache"
							},
							success: function (data) {

							}
						});
					}
				});
		});

		$('.btn-approve').on('click',function () {

			event.preventDefault();
			swal({
				title: "Approve Claim?",
				icon: "warning",
				buttons: true,
				dangerMode: true,
			})
				.then(function (willApprove) {
					if (willApprove != null) {
						var form = $('form#claimForm')[0];
						var formData = new FormData(form);
						$.ajax({
							type: 'post',
							url: $('.btn-approve').data('url'),
							method: 'post',
							data: formData,
							contentType: false,
							processData: false,
							headers: {
								"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content'),
								"Cache-Control": "no-cache"
							},
							success: function (data) {
								var obj = JSON.parse(data);
								document.getElementById("claim_status_title").textContent= obj.claim_status_approved_title;
								document.getElementById("claim_status_rejection_reason").textContent= "";
							}
						});
					}
				});
		});


		$('.btn-generate-pdf').on('click',function () {

			window.open($('.btn-generate-pdf').data('url'));
		});
	</script>
@stop