@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
	.Litheader {
		color: #18AA38;
		font-family: 'Roboto Condensed' ,Arial, sans-serif;
		font-weight: bold;
		font-size: 28px;
		border-bottom: 2px solid #2C6700;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
</style>
<div class="Litheader">
    MEMBER ENTRANCE FEE
</div>
<div>
	<table class="table table-bordered">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th width="5%">SL</th>
				<th>Category</th>
				<th>Rate</th>
			</tr>
		</thead>
		<tbody>
			@if(sizeof($club_data) > 0)
			@foreach ($club_data as $element)
			<tr>
				<td style="text-align:left;">{{ ++$sl }}.</td>
				<td style="text-align:left;"> {{ $element->categories }} </td>
				<td style="text-align:left;"> {{ $element->rate }}</td>
			</tr>
			@endforeach
			@endif
		</tbody>
	</table>
</div>
@endsection