@extends('admin.layouts.main')

@section('title')
{{ trans('finance.due_payments') }}
@endsection

@section('content')

<main>

	<div class="two-col">

		@include("admin.common.sidebar")

		<div class="right-sec">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('finance.finance') }}</a></li>
					<li class="breadcrumb-item active" aria-current="page">{{ @trans('finance.due_payments') }}</li>
				</ol>
			</nav>

			<div class="top-bar d-flex align-items-center">
				<h2>Due Payments</h2>
				@if(count($duePayments) > 0)
					<div class="right-table-container ml-auto">
						<div class="right-table-container ml-mentauto">
							<a class="btn btn-bar statistics-btn" href="#statistics-collapsible" role="button" data-toggle="collapse" aria-expanded="false"
								aria-controls="statistics-collapsible">
								<i class="material-icons">bar_chart</i>
							</a>
						</div>
					</div>
				@endif
			</div>

			@if(count($duePayments) > 0)
				<div class="collapse" id="statistics-collapsible">
					<div class="statistics-panel d-flex">
						@foreach($totals as $key => $total)
							<div class="col draft {{ $key }}">
								<div class="stat-panel-info">
									<p>ST: {{ number_format($total['subTotal'],2) }}</p>
                                    @if(isset($total['tax']))
									@foreach($total['tax'] as $key1 => $tax)
										@if($tax != 0)
											<p class="font-italic tax-font-sm">{{ $key1 }}:
											{{ number_format($tax, 2) }}</p>
										@endif
									@endforeach
                                    @endif
									<p><strong>GT: {{ number_format($total['grandTotal'],2) }}</strong></p>
								</div>
							</div>
						@endforeach
						<div class="col draft">
							<div class="stat-panel-info">
								<p>ST: {{ number_format($grandTotal['subTotal'],2) }}</p>
                                @if(isset($grandTotal['tax']))
                                    @foreach($grandTotal['tax'] as $key1 => $tax)
                                        @if($tax != 0)
                                            <p class="font-italic tax-font-sm">{{ $key1 }}:
                                            {{ number_format($tax, 2) }}</p>
                                        @endif
                                    @endforeach
                                @endif
								<p><strong>GT: {{ number_format($grandTotal['grandTotal'],2) }}</strong></p>
							</div>
						</div>
					</div>
				</div>
			@endif

			@if(count($duePayments))
			<div class="table-data">
				<div class="table-responsive table-bordered">
					<table class="table" id="mtcTable">
						<thead>
							<tr>
								<th>Invoice Id</th>
								<th>Company Name</th>
								<th>Contact Name</th>
								<th>Contact Number</th>
								<th>Country</th>
								<th>State</th>
								<th>City</th>
								<th>Due Date</th>
								<th>Due Amount ({{ $franchiseCurrency }})</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach($duePayments as $payment)
							<tr class="{{ $payment->row_color }}">
								<td>{{ $payment->ti_serial_number }} @if ($payment->currency_conversion_flag == 1) (Euro) @endif</td>
								@if($payment->company->name)
								<td>{{ $payment->company->name }}</td>
								@else
								<td>-</td>
								@endif
								<td>{{ $payment->contact->first_name }} {{ $payment->contact->last_name }}</td>
								<td>{{ ($payment->contact->mobile) ? $payment->contact->mobile : '-'  }}</td>
								@if($payment->company && $payment->company->countries && $payment->company->countries->name)
								<td>{{ $payment->company->countries->name }}</td>
								@else
								<td>-</td>
								@endif
								@if($payment->company && $payment->company->states && $payment->company->states->name)
								<td>{{ $payment->company->states->name }}</td>
								@else
								<td>-</td>
								@endif
								@if($payment->company && $payment->company->cities && $payment->company->cities->name)
								<td>{{ $payment->company->cities->name }}</td>
								@else
								<td>-</td>
								@endif
								<td>{{ $payment->tax_due_date_formatted_full }}</td>
								<td class="text-right allamt">

									<p>ST: {{ number_format($payment->total_amount_converted,2) }}</p>
									@foreach($payment->taxes as $tax)
										@php $countTax = ($tax->tax_value * $payment->total_amount_converted) / 100; @endphp
										@if($countTax != 0)
											<p class="font-italic tax-font-sm">{{ $tax->tax_value }}% @if($tax->tax_title == 'Withholding Tax') WHT: @else{{ $tax->tax_title }}:@endif
											{{ number_format(($tax->tax_value * $payment->total_amount_converted) / 100,2) }}</p>
										@endif
									@endforeach
									<p><strong>GT: {{ number_format($payment->sub_total_amount_converted,2) }}</strong></p>
								</td>
								<td class="act-btn">
									@permission('tax-invoice-write')
										<a href="javascript:void(0)" title="Collect the Payment" class="btn btn-paid" data-id="{{ $payment->id }}">
											<i class="material-icons">monetization_on</i>
										</a>
                                    @endpermission

                                    @permission('send-finance-mail-write')
										<a href="javascript:void(0)" title="Send Reminder Email" class="btn btn-reminder" data-company-id="{{ $payment->company->id }}"
											data-id="{{ $payment->id }}" data-type="DuePayment" data-currency-type="{{ $payment->currency_conversion_flag }}">
											<i class="material-icons">notifications</i>
										</a>
                                    @endpermission

                                    @permission('tax-invoice-write')
										<a href="{{ route('admin.invoices.edit',['panel' => session('panel'),'id' => $payment->id,'due' => 'due']) }}" title="Edit Tax Invoice" class="btn btn-edit" data-company-id="{{ $payment->company->id }}"
											data-id="{{ $payment->id }}" data-type="DuePayment">
											<i class="material-icons">edit</i>
										</a>
									@endpermission

									@permission('tax-invoice-read')
										<a href={{ route('admin.invoices.download',['panel' => session('panel'),'id' => $payment->id]) }} title="View Tax Invoice" class="btn btn-view" target="_blank">
											<i class="material-icons">remove_red_eye</i>
										</a>
									@endpermission
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
			@else
			<div class="row">
				<div class="col-md-12">
					<div class="alert alert-warning" role="alert">
						{{ @trans('finance.no_records_to_show') }}
					</div>
				</div>
			</div>
			@endif
		</div>
	</div>
</main>
@endsection


@push('pageJs')
<script type="text/javascript">
	$(document).ready(function() {

		$('#frmSavePaymentDetails').validate({
			errorElement: 'span',
			errorClass: 'invalid-feedback',
			rules: {
				bank_drawn_id: 'required',
				payment_mode: 'required',
				reference_number: {
					required: function(element) {
						return $("#frmSavePaymentDetails #payment_mode").val() !=  'cash';
					}
				},
				collected_by: 'required',
				date_collected: 'required'
			},
			messages: {
				bank_drawn_id : {
					required: 'Bank drawn from is required'
				},
				payment_mode : {
					required: 'Payment mode is required'
				},
				reference_number: 'Reference number is required',
				collected_by : {
					required: 'Collected by is required',
				},
				date_collected : {
					required: 'Date collected is required'
				}
			}
		});

		$(document).on('click','.submitBtn', function() {
			if($('#frmSavePaymentDetails').valid())	{

				$('.submitBtn').val('Please wait...');
				$('.submitBtn').attr('disabled', 'disabled');
				$('#frmSavePaymentDetails').submit();
			}
		});

		var today = new Date();
		var $date = $('.dateselect').datepicker({
			autoHide: true,
			format: 'dd/mm/yyyy',
			zIndex: 2048,
			endDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
		});
		$(document).on('change','#date_collected', function() {
			$(this).valid();
		});

		$('#modalAuthorisePV').on('hidden.bs.modal', function (e) {
			$('#frmSavePaymentDetails').validate().resetForm();
			$('#frmSavePaymentDetails').trigger('reset');
		})

		// modal confirmations
		$('.btn-paid').click(function() {

			$('#frmSavePaymentDetails').trigger('reset');

			var orderId = $(this).attr('data-id');
			$('#frmSavePaymentDetails #orderId').val(orderId);
			$('#modalAuthorisePV').modal('show');
		});

		// snackbar message
		@if(Session::has('message'))
		Snackbar.show({
			pos: 'bottom-right',
			text: "{!! session('message') !!}",
			actionText: 'Okay'
		});
		@endif
	});

</script>
@endpush

@push('pageCss')
	<style>
		.tax-font-sm {
			font-size: 11px;
		}
	</style>
@endpush

@push('pageModals')
	@include('admin.modules.finance.modals.invoice_payment')
	@include('admin.modules.finance.modals.payment_reminder')
@endpush