@extends('admin::layout.default')

@section('content')
@include('plugin.services::heading')

<section class="content">
@component('admin::blocks.card')
	@slot('title')
		{{ trans('admin.LIST') }}
	@endslot
	@slot('actions')
	@endslot
	@include('admin::blocks.notification_error')

	<table class="table table-bordered table-striped table-hover table-advance">
		
		<thead>
			<tr>
				<th>{{ trans('admin.OPTIONS') }}</th>
				<th>{{ trans('admin.TITLE') }}</th>
				<th>{{ trans('admin.VISIBLE') }}</th>
			</tr>
		</thead>

		<tbody>
			@foreach($table as $row)
				<tr id="{{$row->service_id}}">
					<td width="36">

						<x-table-options 
							editURL="{{ route('admin.plugin.services.edit', $row->service_id) }}"
							deleteURL="{{ route('admin.plugin.services.delete', $row->service_id) }}"
						/>
					</td>
					<td>
						<a href="{{ route('admin.plugin.services.edit', $row->service_id) }}">
							{{ $row->headline ?? null }}
						</a>
					</td>
					<td class="text-center">
						@if ($row->active == 'Y')
							<i style="color:#0a0" class="fa fa-check-circle"></i>
						@else
							<i style="color:#a00" class="fa fa-ban"></i>
						@endif
					</td>
				</tr>
			@endforeach

		</tbody>
	</table>
	@endcomponent
</section>
@endsection

@section('footer-addon')
<script>
var slider = document.getElementById("myRange");
slider.oninput = function() {
	$('.slider-image').width(this.value + '%');
}
</script>
@append