@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">
	Affiliated Culb
</div>
<div>
	<table class="table table-bordered">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th>Serial</th>
				<th>Name of the Club</th>
				<th>Phone No.</th>
				<th>Fax No.</th>
				<th>Email</th>
			</tr>
		</thead>
		<tbody>
			@foreach ($clubs as $element)
			<tr>
				<td>{{ $loop->iteration }}</td>
				<td>{{ $element->name }}</td>
				<td>{{ $element->phone_no }}</td>
				<td>{{ $element->fax_no }}</td>
				<td>{{ $element->email }}</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection