@extends('frontend.layouts.member-app')
@section('content')
<div class="panel panel-default" style="margin-top: 5px;">
	<style type="text/css">
		.total_bills_due{
			display: none;
		}
		.time_range{
			display: none;
		}		
		input[name="total_payable_amount"]{
			display: none;
		}
		.total_collect_fee{
			padding-right: 15px !important;
			vertical-align: middle !important;
		}
		td{
			vertical-align: middle !important;
		}
		th{
			vertical-align: middle !important;
		}
		#monthwise{
			width: 100%;
			display: inline-block;
		}
		#monthwise select{
			margin-top: 5px;
			display: inline-block;
			width: 100%;
		}

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

		.add_fee_div {
			padding-top: 5px;
			text-align: right;
			width: 100%;
			display: inline-block;
		}
		.add_fee_div button{
			display: inline-block;			
		}
	</style>
	<div class="panel-heading bg-success">
		{{-- <h3 class="panel-title">Monthly Locker Collection</h3> --}}
	</div>
	<div class="panel-body">

		@if (Session::has('message'))
			    <div class="col-md-6 col-md-offset-2 alert alert-info">
			    	<button type="button" class="close" data-dismiss="alert">
						<i class="ace-icon fa fa-times"></i>
					</button>
					{{Session::get('message')}}
			    </div>
		@endif
		@if ($errors->any())
			    <div class="alert alert-danger col-md-6 col-md-offset-2">
			        <ul>
			            @foreach ($errors->all() as $error)
			                <li>{{ $error }}</li>
			            @endforeach
			        </ul>
			    </div>
		@endif

		@if(isset($member) && $member)
		<form method="POST" action="{{ route('member.monthly-subscriptions.bill-payment-store-locker') }}" style="padding-top: 10px;">
		{{-- <form method="POST" onsubmit="return false" action="#" style="padding-top: 10px;"> --}}
			@csrf
			<input type="hidden" name="member_id" value="{{ $member->id }}">
			
			
			<div class="card card-info">
				<div class="card-header">
					<h3 class="card-title">Locker Bill for the Month</h3>
				</div>
				<div class="card-body">