@extends('backend.layouts.app')
@section('content')
<div class="container">
	<div class="block">
	    <div class="block-header block-header-default">
	        <h3 class="block-title"><b>Service Table</b></h3>
	        <a href="{{route('service.create')}}" class="btn btn-sm btn-alt-primary">
	            <i class="fa fa-plus mr-5"></i>Add Service
	        </a>
	    </div>
	    <div class="block-content block-content-full">
	    	<div class="table-responsive">
	            <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
	                <thead>
	                    <tr>
	                        <th class="text-center">S/L &nbsp;</th>
	                        <th class="text-center">Priority &nbsp;</th>
	                        <th class="text-center">Service Title &nbsp;</th>
	                        <th class="text-center">Image &nbsp;</th>
	                        <th class="text-center">Status &nbsp;</th>
	                        <th class="text-center">Action &nbsp;</th>
	                    </tr>
	                </thead>
	                <tbody>
	                	@php $sl = 1; @endphp
                    	@foreach($services as $service)
	                	<tr>
	                		<td class="text-center">{{$sl++}}</td>
	                		<td class="text-center">{{$service->priority}}</td>
		                	<td class="text-center">{{$service->title}}</td>
		                	<td class="text-center">
		                		<img style="width: 50px; height: 50px;" src="{{$service->image ? '/' . $service->image :  '/asset/backend_asset/assets/media/photos/file-image-svgrepo-com.svg'}}">
		                	</td>
		                	<td class="text-center">
		                		@if($service->status == 1)
		                			<span class="badge badge-success">Active</span>
		                		@else
		                			<span class="badge badge-danger">Inactive</span>
		                		@endif
		                	</td>
		                	<td class="text-center icon-statte">
	                            <form action="{{route('service.delete',$service->id)}}" method="post" accept-charset="utf-8">
	                            	<a href="{{route('service.status',$service->id)}}" class="btn btn-circle mr-5 mb-5 {{$service->status == 1 ? 'btn-alt-success' :'btn-alt-danger'}}">
		                                <i class="fa fa-refresh {{$service->status == 1 ? 'text-success' :'text-danger'}}"></i>
		                            </a>

			                		<a href="{{route('service.edit',$service->id)}}" class="btn btn-circle btn-alt-info mr-5 mb-5">
		                                <i class="fa fa-edit"></i>
		                            </a>
	                                @csrf
	                                @method('delete')
	    	                    	<button type="submit" class="btn btn-circle btn-alt-danger mr-5 mb-5 delete-confirm" onclick = "deleteItem();" >
		                                <i class="fa fa-trash-o"></i>
		                            </button>
	                            </form>
		                	</td>
	                	</tr>
	                	@endforeach
	                </tbody>
	            </table>
	        </div>
	    </div>
	</div>
</div>

@endsection
@section('script')
<script type="text/javascript">
    function deleteItem() {    
       alert ("If you click ok!! Then item remove from record");  
    }    
</script>
@endsection