@extends('layouts.app')

@section('page-css')

@endsection

@section('content')
	<div class="container-fluid d-block">
		<div id="all-admin-page-container"  class="py-4">
			<div class="card">
				<div class="card-header">
					{{ $page_title }}
				</div>

				<div class="card-body">
                    <div class="col-md-2">
                        <label for="action">Action</label>
                        @if($get_activity_logs_actions->responseCode == 800)
                            @if(!empty($get_activity_logs_actions->data))
                                <select multiple name="action" id="action" class="selectpicker show-tick form-control activity-logs-picker" data-live-search="true"
                                title="Select Action" data-size="10" onchange="activityLogsPageFunctions.selectActivityAction(this.value);">
                                    @foreach($get_activity_logs_actions->data as $index => $value)
                                        <option value="{{ $value->log_type_id }}">{{ $value->log_type_name }}</option>
                                    @endforeach
                                </select>
                            @endif
                        @else
                            <select multiple name="action" id="action" class="selectpicker show-tick form-control" data-live-search="true" disabled data-size="10" disabled>
                                <option value="">No Action Loaded</option>
                            </select>
                        @endif
                    </div>

                    <hr>

                    <div id="activity-logs-table-container" class="col-md-12">
                        <table class="table table-hover table-bordered table-striped" width="100%" id="activity-logs-table">
                            <thead>
                                <th>Admin</th>
                                <th>Type</th>
                                <th>URL</th>
                                <th width="20%">Detail</th>
                                <th>Comment</th>
                                <th>Created</th>
                            </thead>
                            @if($get_activity_logs->responseCode == 800)
                                @if(!empty($get_activity_logs->data))
                                    <tbody>
                                        @foreach($get_activity_logs->data as $key => $value)
                                            <tr>
                                                <td>{{ $value->full_name }}</td>
                                                <td>{{ $value->log_type_name }}</td>
                                                <td>
                                                    <a href="{{ url('') }}/{{ $value->url_location }}" target="_blank">
                                                        <button class="btn btn-sm btn-default" type="button">{{ url('') }}/{{ $value->url_location }}</button>
                                                    </a>
                                                </td>
                                                <td>{{ $value->details }}</td>
                                                <td>{{ ($value->comments == '') ? 'No Comment' : $value->comments }}</td>
                                                <td>{{ date('F d, Y g:ia', strtotime($value->created_at)) }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                @else
                                    <tbody></tbody>
                                @endif
                            @else
                                <tbody></tbody>
                            @endif
                        </table>
                    </div>
				</div>
			</div>
		</div>

		@include('pages.includes.footer')
	</div>
@endsection

@section('page-js')
	<script type="text/javascript">
        $.csrf_token    =   $('meta[name="csrf-token"]').attr('content');
        $.backoffice_url  =   "{{ env('BACKOFFICE_URL') }}";
		$('#activity-logs-link').toggleClass('active');

        activityLogsPageFunctions.onLoad();
	</script>
@endsection