@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>Category List</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-3">
			<div class="bg-dark pb-4 rounded-3 box-shadow">
				<div class="table-responsive-lg table-p15">
					<table id="level1listing" class="table table-dark table-striped mb-0 text-center table-hover">
						<thead>
							<tr>
								<th>ID</th>
								<th>Name</th>
								<th>Image</th>								
								<th>Status</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach($rewardslists as $key=>$rewardslist)
							<tr>						
								<td>{{ $key+1 }}</td>
								<td>{{ $rewardslist->name }}</td>
								<td>
									<a href="{{ asset('/images/rewards/category/'.$rewardslist->image) }}?image={{$rewardslist->id}}" data-toggle="lightbox">
										<img src="{{ asset('/images/rewards/category/'.$rewardslist->image) }}?image={{$rewardslist->id}}" height="50px" width="50px">
									</a>
								</td>								
								<td>@if($rewardslist->status == '1') <span class="text-success">Active</span> @else <span class="text-danger">In Active</span> @endif</td>
								<td>
								@if($rewardslist->status == '1')
									<a class="btn btn-xs btn-primary" href="{{ url('/admin/rewards/suspendcategory/'.$rewardslist->id) }}">Suspend</a>
								@endif
								@if($rewardslist->status == '0')
									<a class="btn btn-xs btn-primary" href="{{ url('/admin/rewards/activecategory/'.$rewardslist->id) }}">Active</a>
								@endif
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection