<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>covers Report</title>
	<style>
		.invoice-box {
			max-width: 800px;
			margin: auto;
			padding: 30px;
			border: 1px solid #eee;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
			font-size: 12px;
			line-height: 24px;
			font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
			color: #555;
		}

		.invoice-box table {
			width: 100%;
			line-height: inherit;
			text-align: left;
		}

		.invoice-box table td {
			padding: 5px;
			vertical-align: top;
		}

		.invoice-box table tr td:nth-child(2) {
			text-align: left;
		}

		.invoice-box table tr.top table td {
			padding-bottom: 20px;
		}

		.invoice-box table tr.top table td.title {
			font-size: 45px;
			line-height: 45px;
			color: #333;
		}

		.invoice-box table tr.information table td {
			padding-bottom: 40px;
		}

		.invoice-box table tr.heading td {
			background: #eee;
			border-bottom: 1px solid #ddd;
			font-weight: bold;
		}

		.invoice-box table tr.details td {
			padding-bottom: 20px;
		}

		.invoice-box table tr.item td {
			border-bottom: 1px solid #eee;
		}

		.invoice-box table tr.item.last td {
			border-bottom: none;
		}

		.invoice-box table tr.total td:nth-child(2) {
			border-top: 2px solid #eee;
			font-weight: bold;
		}

		@media only screen and (max-width: 600px) {
			.invoice-box table tr.top table td {
				width: 100%;
				display: block;
				text-align: center;
			}

			.invoice-box table tr.information table td {
				width: 100%;
				display: block;
				text-align: center;
			}
		}

		/** RTL **/
		.invoice-box.rtl {
			direction: rtl;
			font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
		}

		.invoice-box.rtl table {
			text-align: right;
		}

		.invoice-box.rtl table tr td:nth-child(2) {
			text-align: left;
		}

		.table111 {
			counter-reset: rowNumber;
		}

		.table111 tr::before {
			display: table-cell;
			counter-increment: rowNumber;
			content: counter(rowNumber) ".";
			padding-right: 0.3em;
			text-align: right;
		}
	</style>
</head>

<body>
	<div class="invoice-box">
		<table class="table1" cellpadding="0" cellspacing="0">
			<tr class="top">
				<td colspan="2">
					<table>
						<tr>
							<td class="title">
								<img src="{{asset('admin/assets/img/logos/logo.png')}}" style="width: 80%; max-width: 100px" />
							</td>

							<td>

							</td>
						</tr>
					</table>
				</td>
			</tr>

			<tr class="information">
				<td colspan="2">
					<table>
						<tr>
							<td>
								MBBS<br />
								P.O Box 477 Mbabane, Swaziland<br />
								Email: info@mbbs.co.sz <br>
								Contact Number: +268 2404 2888 / +268 2404 3011 <br>
								Address: Siteshi Road Industrial Site
							</td>

							<td>
								Cover: <br />
							</td>
						</tr>
					</table>
				</td>
			</tr>

			<tr class="heading">
				<td>Mbabane Burial Benefit</td>
				<td></td>
			</tr>

			<tr class="details">
				<td></td>

				<td></td>
			</tr>


			<tr>
				<td colspan="2">
					<table>
						<tr class="heading">
							<th>Surname</th>
							<th>Name</th>
							<th>National ID</th>
							<th>Gender</th>
							<th>Amount</th>
							<th># of cover</th>
							<th>Payment Date</th>
						</tr>
					</table>
					<table class="table111">
						@foreach ($covers as $cover)
						<tr>
							<td>{{$cover->surname}}</td>
							<td>{{$cover->name}}</td>
							<td>{{$cover->national_id}}</td>
							<td>{{$cover->gender}}</td>
							<td>{{$cover->amount}}</td>
							<td>{{$cover->covers}}</td>
							<td>{{$cover->payment_date}}</td>
						</tr>
						@endforeach
					</table>
			</tr>
			@foreach ($members_total as $totals)
			<tr class="total">
				<td></td>

				<td>Total covers: E {{$totals->total}} </td>
			</tr>
			@endforeach






		</table>
		<center>
			<p>Report generated by: {{$user->name}} {{$user->surname}} </p>
			<h3>Thank you!</h3>
		</center>
	</div>
</body>

</html>