@extends('backend.layouts.snappy-pdf')
@section('content')				
	<table class="table table-bordered table-sm">
		<thead>
			<tr>
				<th style="width: 100px;" class="text-center">Serial</th>
				<th class="text-center">Photo</th>
				<th class="text-center" style="width: 150px;">Name</th>
				<th class="text-center">Membership No</th>
				<th class="text-center">Category</th>
				<th class="text-center" style="width: 55px;">Date of Birth</th>											
				<th class="text-center">Mobile</th>							
				<th class="text-center">Email</th>							
				<th class="text-center">Locker Number</th>							
			</tr>
		</thead>
		<tbody>
			@foreach($members as $member)
			<tr>
				<td class="text-center">{{$loop->index+1}}</td>
				<td>
					@if(file_exists($member->member_photo))
				  	<img src="{{ asset($member->member_photo) }}" alt="{{ $member->full_name }}" style="height: 30px; width: auto;">
				  	@else
				    <img src="http://placehold.it/30x30" alt="{{ $member->full_name }}" style="height: 30px; width: 30px;">
				    @endif
				</td>
				<td class="text-center">{{$member->full_name}}</td>
				<td class="text-center">{{$member->membership_no}}</td>
				<td class="text-center">{{$member->category?$member->category->name:''}}</td>
				<td class="text-center">{{$member->dob}}</td>				
				<td class="text-center">{{$member->mobile_number}}</td>
				<td class="text-center">{{$member->email}}</td>
				<td class="text-center">{{$member->locker_number}}</td>						
			</tr>
			@endforeach
		</tbody>		
	</table>							
@endsection

@section('styles')
<style type="text/css">
	table th, table td, .table td, .table th {
		padding: 1px!important;
		font-size: 10px;
	}
</style>
@endsection