@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;
		margin-left: 19px;
	}
</style>
<div class="Litheader">
	Tournament Committee
</div>
<div>
	<table class="table table-bordered" id="show_table">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th width="5%">SL</th>
				<th>Name</th>
				<th>Designation</th>
				{{-- <th>From</th> --}}
				{{-- <th>To</th> --}}
				<th width="100px">Photo</th>
			</tr>
		</thead>
		<tbody>
			@foreach ($committee_members as $element)
			<tr>
				<td style="text-align:left;">{{ $loop->iteration }}.</td>
				<td style="text-align:left;"> {{ $element->name }} </td>
				<td style="text-align:left;"> {{ $element->designation }}</td>
				{{-- <td>{{ $element->from_date ? date('d/m/Y',strtotime($element->from_date)) : '' }}</td> --}}
				{{-- <td>{{ $element->to_date ? date('d/m/Y',strtotime($element->to_date)) : '' }}</td> --}}
				<td>
					<img src="{{ asset('/'.$element->image_path) }}" style="width: 50%;">
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection