@extends('layouts.app')

@section('center')
<style>

	.success{
		border-top: 5px solid green !important;
		/* color:white; */
	}

	.gray{
		border-top: 5px solid gray !important;
		/* color:white; */
	}
	.warning{
		border-top: 5px solid yellow !important;
		/* color:white; */
	}
	.info{
		border-top: 5px solid blue !important;
		/* color:white; */
	}


</style>
<div class="row gutters">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<table class="table table-hover table-bordered">
									<thead>
										<tr>
											 <td> ID </td>
											 <td> Title</td>
											 <td> Code</td>
											 <td> Status</td>
											 <td> Action</td>

										</tr>
									</thead>
				@foreach($data as $k =>$row)






										<tr>

											<td>  {{$row->id}}</td>

											<td>  {{$row->fname}}</td>
											<td>  {{$row->code}}</td>

											

											
											<td>  @if($row->status==1) 
												 <span class="badge badge-success"> Active</span> 
												 @else		
													<span class="badge badge-danger"> De-active</span>
													@endif	
											</td>
											
											<td>
											<a href="{{route('edit-user-Form',$row->id)}}" class="btn btn-primary">
											Edit
											</a>

											{{-- <a href="{{route('item-data',$row->id)}}" class="btn btn-">
											View Details
										</a>
										@if($row->status=='On')
										<a href="{{route('item-switch',$row->id)}}" class="btn btn-danger">
											Switch Off
										</a>
										@else

										<a href="{{route('item-switch',$row->id)}}" class="btn btn-success " tad-tr-id="{{$row->trid}}">
											Switch On
										</a>
										@endif
										--}}
											</td>
										</tr>






				@endforeach
				</table>
				</div>
					</div>
					@push('scripts')
					@endpush
@endsection()