@extends('backend.layouts.app')

@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left">Collection of Subscription (Online)</h1>
				<ol class="breadcrumb float-right">
					<li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation')}}">Golf Operation</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation.monthly-subscriptions')}}">Monthly Subscriptions</a></li>
					<li class="breadcrumb-item active">Collection of Subscription (Online)</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<form>
		<div class="row justify-content-center">
			<div class="col-sm-2">
				<div class="form-group">
					<label class="control-label">From Date</label>
					<input type="text" name="from_date" class="form-control report-datepicker" value="{{ (request()->from_date)?request()->from_date:date('Y-m-d') }}" />
				</div>
			</div>
			<div class="col-sm-2">
				<div class="form-group">
					<label class="control-label">To Date</label>
					<input type="text" name="to_date" class="form-control report-datepicker" value="{{ (request()->to_date)?request()->to_date:date('Y-m-d') }}" />
				</div>
			</div>
			<div class="col-sm-2">
				<div class="form-group">
					<label class="control-label">Membership No</label>
					<input type="text" name="membership_no" class="form-control" value="{{ (request()->membership_no)?request()->membership_no:"" }}" />
				</div>
			</div>
			<div class="col-sm-2">
				<div class="form-group" style="padding-top: 25px;">
					<button type="submit" class="btn btn-success"><i class="fa fa-search"></i> Search</button>
				</div>
			</div>
		</div>
	</form>
		
	<div class="row">
		<div class="col-md-12">						
			<div class="card">
				<div class="card-header text-right">
					<a href="{{ route('golf-operation.monthly-subscriptions.collection-report-pdf-online', request()->all()) }}" target="_blank" class="btn btn-info btn-sm"><i class="fa fa-print"></i> Print</a>
				</div>
				<div class="text-center">
					<h6 style="font-weight: bold; text-decoration: underline; margin: 0px; margin-bottom: 15px;">Collection of Subscription (Online) for the Date From {{ request()->from_date?request()->from_date:date('Y-m-d') }} To {{ request()->to_date?request()->to_date:date('Y-m-d') }}</h6>
				</div>
				<div class="card-body">
					<div class="table-responsive">
						<table class="table table-bordered table-sm" style="border: 0px;">
							<tr>
								<th class="text-center">Sr. No.</th>
								<th class="text-center">Receipt No.</th>
								<th class="text-center">Mem No</th>
								<th class="text-center">Mem Name</th>
								<th class="text-center">Months</th>								
								<th class="text-right">Total</th>						
								<th class="text-center">Payment Reference</th>	
								<th class="text-center">Action</th>						
							</tr>

							@php
								$serial = 1;
							@endphp

							@foreach($collections as $collection)
							<tr>
								<td colspan="100%" style="height: 25px; border-left: 0px!important; border-right: 0px;"></td>
							</tr>
							<tr>
								<th colspan="100%">{{ $collection['mode'] }}</th>
							</tr>
								@php
									$total_monthly_sub = 0;
									$total_dependent = 0;
									$total_locker_fee = 0;
									$total_collection = 0;
									$total_dues = 0;
									$total_grand = 0;
								@endphp

								@if(count($collection['data']) > 0)

									@foreach($collection['data'] as  $payment)
									<tr>
										<td class="text-center">{{ $serial }}</td>
										<td class="text-center">{{ sprintf('%06d', $payment->id) }}</td>
										<td class="text-center">{{ $payment->member->membership_no }}</td>
										<td class="text-left">{{ $payment->member->full_name }}</td>
										<td>										
											{{getRanges($payment->time_range)}}
										</td>
																		
										<td class="text-right">{{ number_format($payment->total_paid, 2) }}</td>						
										<td class="text-center">{{ $payment->payment_reference.", Tracking ID: ".$payment->tracking_id }}</td>
										<td class="text-center"><a href="{{ route('golf-operation.monthly-subscriptions.bill-payment-details', $payment->id) }}" target="_blank" class="btn btn-info btn-sm"><i class="fa fa-print"></i></a></td>
										@php
											$total_collection += $payment->total_paid;
											$serial++;
										@endphp
									</tr>
									@endforeach
								@endif

								<tr>
									<th colspan="5" class="text-right">Total</th>
									
									<th class="text-right">{{ number_format($total_collection, 2) }}</th>
									<th class="text-right"></th>								
									<td colspan="2"></td>
								</tr>
							@endforeach
						</table>						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('before_body_end')
<script type="text/javascript">
	$(function() {
        $('.report-datepicker').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            autoUpdateInput: false,
            // drops: "up",
            autoApply:true,
            locale: {
                format: 'YYYY-MM-DD',
                daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
                firstDay: 0
            }
        },
        function(start) {
            this.element.val(start.format('YYYY-MM-DD'));
            this.element.parent().parent().removeClass('has-error');
        },
        function(chosen_date) {
            this.element.val(chosen_date.format('YYYY-MM-DD'));
        });
        
        $('.report-datepicker').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('YYYY-MM-DD'));
        });
    });
</script>
@endsection