@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">
	@php
		$months = array();
		for($i = 1; $i <= 12; $i++){
			$month = date('F', strtotime('2000-'.$i.'-01'));
			$months[$month] = $month;
		}
		$yearOptions = array();
		for($year = 2000; $year <= date('Y')+2; $year++){
			$yearOptions[$year] = $year;
		}
	@endphp
	<style type="text/css">
		.member_image_collection{
			width: 100px; height: 70px;font-size: 12px;
		}
		.summary-table tr td{
			text-align: right;
		}
		.summary-table tr td:first-child{
			text-align: left;
		}
		.total_bills_due{
			display: none;
		}
		input[name="total_payable_amount"]{
			display: none;
		}
		.collection_type_div input{
			margin-left: 20px !important;
		}
		#monthwise{
			width: 80%;
			display: inline-block;
		}
		#monthwise select{
			display: inline-block;
			width: 21%;
		}

		#yearwise {
			width: 80%;
			display: inline-block;
		}
		#yearwise select{
			display: inline-block;
			width: 30%;
		}

		.add_fee_div {
			width: 10%;
			display: inline-block;
		}
		.add_fee_div button{
			display: inline-block;			
		}
			
		#head_input{
			padding: 0 .75rem;line-height: 1.9;width: 100px;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin:0 15px;font-weight: bold;
		}
		table{
			font-size: 12px !important;
		}
		.form-control{
			line-height: 0.5;
			height: 26px !important;
			padding-top: 1px !important;
		}

		.bill-status{
			width: 100%;
		}
		.links_collection{
			min-width: 125px;
		}
		tr {
		   line-height: 12px !important;
		   min-height: 12px !important;
		   height: 12px !important;
		}
		.btn{
			height: 25px;
			padding-top: 1px !important;
		}
	</style>
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder" style="margin: 0px -20px 5px -20px;">
				<h1 class="main-title float-left">Locker Collection</h1>

					<form action="" style="float: left;margin:0 25px;">
						<b>Member</b>
						<input id="head_input" type="text" value="{{ request()->membership_no }}" name="membership_no" class="" />
						<button style="margin:0 5px;" type="submit" class="btn btn-sm btn-success"><i class="fa fa-play"></i></button>
					</form>

				<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 Locker</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">

			@if(isset($member) && $member)
			<form method="POST" id="form_payment" action="{{ route('golf-operation.monthly-locker.locker-bill-payment-store') }}">
				@csrf
				<input type="hidden" name="action" value="preview" />			
				<input type="hidden" name="member_id" value="{{ $member->id }}">			
				<input type="hidden" name="membership_no" value="{{ $member->membership_no }}">			
				<input type="hidden" name="full_name" value="{{ $member->full_name }}">			
				<div class="card card-info">					
					{{-- <div class="card-header">
						<h3 class="card-title">Member Information</h3>
					</div> --}}
					<div class="card-body" style="padding-top: 10px;padding-bottom: 10px;">
						<div class="row">
							<div class="col-md-10">
							<table class="table table-bordered table-sm">
								<thead>
									<tr>
										<th class="text-left">Membership No</th>
										<th class="text-left">Name</th>
										<th class="text-left">Category</th>
										<th class="text-left">Mobile</th>
									</tr>								
								</thead>
								<tbody>
									<tr>
										<td>{{ $member->membership_no }}</td>
										<td>{{ $member->full_name }}</td>
										<td>@isset($member->category){{ $member->category->name }}@endif</td>
										<td>{{ $member->mobile_number }}</td>
									</tr>
								</tbody>
							</table>							
							</div>
							<div class="col-md-2">
								<img class="member_image_collection" src="{{url("/") ."/". (isset($member->member_photo)?$member->member_photo:"")}}" alt='No Member Image' />
							</div>
						</div>