@extends('layouts.master', ['page_title' => 'Configuration', 'body_id' 	=>	'activit_log', 'page_sub_title' => 'Activity Log', 'plugins'	=> ['datatables' => true]])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'Activity Log',
											'description'	=>	'Here you can see all the activity of the system. Use the following filters to perform a custom search, only the first 10000 elements will be displayed.'
										])

		@slot( 'body' )

			<form id="search_data_form">
				<div class="d-flex flex-wrap align-items-center">

					<div class="mx-2 my-1">
						<label class="col-form-label">Date from:</label>
						<input required type="text" class="form-control" name="date_from" placeholder="Date from:">
					</div>
					<div class="mx-2 my-1">
						<label class="col-form-label">Date to:</label>
						<input required type="text" class="form-control" name="date_to" placeholder="Date to:">
					</div>

					<div class="mx-2 my-1">
						<label class="col-form-label">Email (optional):</label>
						<input type="text" class="form-control" name="email" placeholder="Email">
					</div>

					<div class="mx-2 my-1">
						<label class="col-form-label">Module (optional)</label>
	                    <select name="module_id" class="form-control select" data-fouc>
	                    	<option value="">Select one</option>
	                    	@foreach($modules as $module)
								<option value="{{$module->id}}">{{$module->long_name}}</option>
	                    	@endforeach
	                    </select>
					</div>


					<div class="mx-2 my-1">
						<label class="col-form-label">Event (optional)</label>
	                    <select name="event_id" class="form-control select" data-fouc>
	                    	<option value="">Select one</option>
	                    	@foreach($events as $event)
								<option value="{{$event['id']}}">{{$event['name']}}</option>
	                    	@endforeach
	                    </select>
					</div>

					<div class="mx-2 my-1">
						<label class="col-form-label">Plant (optional)</label>
	                    <select name="plant_id" class="form-control select" data-fouc>
	                    <option value="">Select one</option>
	                    </select>
					</div>
					
					<div class="mx-2 my-1">
						<label class="col-form-label">Status (optional)</label>
	                    <select name="status" class="form-control select" data-fouc>
		                    <option value="">Select one</option>
		                    <option value="{{\App\Master\ActivityLog::SUCCESS}}">Success</option>
		                    <option value="{{\App\Master\ActivityLog::INFO}}">Info</option>
		                    <option value="{{\App\Master\ActivityLog::WARNING}}">Warning</option>
		                    <option value="{{\App\Master\ActivityLog::ERROR}}">Error</option>
	                    </select>
					</div>

					<div class="mx-2 my-1 mt-4 pt-1">
						@component('components.button', ['type'=>'search', 'submit' => true])@endcomponent
					</div>				

					{{-- 					
					<div class="mx-2 mt-4 pt-1">
						@component('components.button', ['type'=>'download'])@endcomponent
					</div> --}}

				</div>
			</form>	
		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>ID</th>
			            <th>Date Time</th>
			            <th>Status</th>
			            <th>Module</th>
			            <th>Event</th>
			            <th>Description</th>
			            <th>IP</th>
			            <th>User Full Name</th>
			            <th>Email</th>
			            <th>Plant</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
						<td>&nbsp;</td>
			            <td>Date Time</td>
			            <td>Status</td>
			            <td>Module</td>
			            <td>Event</td>
			            <td>Description</td>
			            <td>IP</td>
			            <td>User Full Name</td>
			            <td>Email</td>
			            <td>Plant</td>
			        </tr>
				@endslot
			@endcomponent

		@endslot


	@endcomponent

@endsection


@section('app-scripts')

	<script src="{{mix('js/master/activity_log.js')}}"></script>

@endsection