@extends('master')
@section('content')
<div class="container-fluid">
	<div class="animate fadeIn">
		<h4>
			{{ __('uum.monitors') }} ({{ $monitors->total() }})
			<a href="{{ route('monitors.create') }}">
				<span class="label label-primary btn-sm">
					{{ __('uum.addnew') }} <i class="fa fa-plus"></i>
				</span>
			</a> | <a data-url="{{ route('monitors.deleteall') }}" id="deleteall" class="text-danger" href="javascript:void()" data-link="{{ route('monitors.deleteall') }}">
				<span class="btn-sm">
					{{ __('uum.deleteall') }} <i class="fa fa-trash"></i>
				</span>
			</a>
		</h4>
		@if($monitors->count())
		<div class="responsive-table">
			<table class="table table-striped">
				<tr>
					<th>{{ __('uum.urlip') }}</th>
					<th>{{ __('uum.added') }}</th>
					<th class="text-center">{{ __('uum.status') }}</th>
					<th>{{ __('uum.lastchecked') }}</th>
					<th></th>
				</tr>
				@foreach($monitors as $m)
				<tr>
					<td><a class="nounderline" href="{{ route('monitors.show', $m->id) }}">{{ $m->url }}</a></td>
					<td>{{ $m->created_at->diffForHumans() }}</td>
					<td title="{{ $m->title }}" class="text-center text-{{ $m->cssclass }}"><i class="fa {{ $m->statusicon }} fa-2x"></i></td>
					<td>{{ $m->lastChecked }}</td>
					<td class="text-right">
						<a class="text-success nounderline" href="{{ route('monitors.show', $m->id) }}">
							<i class="fa fa-dashboard"></i>
						</a>&nbsp;
						<a class="text-info nounderline" href="{{ route('monitors.edit', $m->id) }}">
							<i class="fa fa-pencil"></i>
						</a>&nbsp;
						<a class="text-danger nounderline delmonitor" href="javascript:void()" data-url="{{ route('monitors.destroy', $m->id) }}">
							<i class="fa fa-trash"></i>
						</a>
					</td>
				</tr>
				@endforeach
			</table>
			{{ $monitors->links() }}
		</div>
		@else
		<div class="text-center text-muted" style="margin-top: 15%;">
			<h3><i class="fa fa-recycle"></i> {{ __('uum.noresults') }}</h3>
			<p>{{ __('uum.nomonitorsadded') }}</p>
			<a href="{{ route('monitors.create') }}">
				<button class="btn btn-primary btn-xs">
					{{ __('uum.addnow') }} <i class="fa fa-plus"></i>
				</button>
			</a>
		</div>
		@endif
	</div>
</div>
@endsection

@section('myscript')
<script>
	$(document).on('click', '#deleteall', function() {
		var delyes = confirm('{{ __('uum.deleteallmonitors') }}');
		if(delyes == true) {
			var delurl = $(this).data('url');
			$.post(delurl, function() {
				window.location = '';
			});
		}
	});
	$(document).on('click', '.delmonitor', function() {
		var delyes = confirm('{{ __('uum.delmonitorconfirm') }}');
		if(delyes == true) {
			var delurl = $(this).data('url');
			$.post(delurl, {'_method': 'DELETE'}, function() {
				window.location = '';
			});
		}
	});
</script>
@endsection