@extends('layouts.cannavaro.master')

@section('header')
<link rel="stylesheet" href="{!! asset('adminLTE/plugins/datepicker/datepicker3.css') !!}">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="{{ URL::to('admin') }}"><span></span>Pentadbir Sistem</a>
    </li>
    <li>Audit Log</li>
</ol>
@stop

@section('content')
<div class="box">

	<div class="box-header with-border">
		<!-- <div class="row">
			<div class="pull-left col-sm-12 col-md-6 col-lg-6">
				@hasrole('superadmin')
				<a href="{{ route('admin.clear.auditrail') }}" class="btn btn-sm btn-primary"><i class="fas fa-trash"></i> {{ __('Admin::base.audit_truncate') }}</a>
				@endhasrole			
			</div>
			<div class="box-tools col-sm-12 col-md-6 col-lg-6">
	            <button data-toggle="collapse" data-target="#searchbox" class="searchbox pull-right btn btn-box-tool" href="javascript:;" role="button">SEARCH&nbsp;&nbsp;&nbsp;<i class="fa fa-search"></i></button>
			</div>
		</div> -->
		<div class="pull-right box-tools">
			@hasrole('superadmin')
			<a href="{{ route('admin.clear.auditrail') }}" class="btn btn-xs btn-primary text-white"><i class="fas fa-trash"></i> {{ __('Admin::base.audit_truncate') }}</a>
			@endhasrole	
            <button data-toggle="collapse" data-target="#searchbox" class="searchbox btn-primary btn btn-xs btn-box-tool text-white" href="javascript:;" role="button"><i class="fa fa-search"></i></button>

        </div>

        <h3 class="box-title"><i class="fa fa-clipboard"></i> 
            <span>Audit Log</span>
        </h3>
	</div>
	
	<div class="box-body">
		<div class="table-responsive">
		<div id="searchbox" class="collapse in well">
			{{ Form::open(['action'=>'\App\Modules\Admin\Controllers\AdminController@auditTrail', 'method'=>'get', 'class'=>'form-inline']) }}
			<input type="text" name="url" placeholder="URL" class="form-control" value="{{ Input::get('url') }}">
			<input type="text" name="ip_address" placeholder="IP Address" class="form-control" value="{{ Input::get('ip_address') }}">
			<select name="user_id" class="form-control">
                <option value="" {{ (Input::get('user_id')=='') ? 'selected' : '' }}>Semua Pengguna</option>
                @foreach($userlist as $user)
                    <option value="{{ $user->user_id }}" {{ (Input::get('user_id')==$user->user_id) ? 'selected' : '' }}>{{ $user->users_detail_name.' ('.$user->users_detail_staffno.')' }}</option>
                    <!--option value="{{ $user->user_id }}" {{ (Input::get('user_id')==$user->user_id) ? 'selected' : '' }}>{{ $user->users_detail_name }}</option-->
                @endforeach
            </select>
		  	<select name="event" class="form-control">
		  		<option value="" {{ (Input::get('event')=='') ? 'selected' : '' }}>Semua Tindakan</option>
                <option value="created" {{ (Input::get('event')=='created') ? 'selected' : '' }}>Menambah Data</option>
                <option value="updated" {{ (Input::get('event')=='updated') ? 'selected' : '' }}>Mengemaskini Data</option>
                <option value="deleted" {{ (Input::get('event')=='deleted') ? 'selected' : '' }}>Menghapus Data</option>
            </select>
            <!--input type="text" name="actiondate" class="form-control datepicker" placeholder="Masa Tindakan" value="{{ (Input::get('actiondate')) }}"-->
            <br>
            <div class="input-group">
            	<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            	<span class="input-group-addon ">Tarikh Dari &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <input type="text" name="datefrom" class="form-control datepicker" value="{{ (Input::get('datefrom')) ? Input::get('datefrom') : date('d/m/Y') }}">
            </div>
            <div class="input-group">
            	<span class="input-group-addon ">Hingga &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <input type="text" name="dateto" class="form-control datepicker" value="{{ (Input::get('dateto')) ? Input::get('dateto') : date('d/m/Y') }}">
            </div>
		  	<button class="btn btn-success" type="submit"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
            <a href="{{ route('admin.auditrail') }}" class="btn btn-sm btn-default"><i class="fa fa-refresh"></i> {{ __('Admin::base.reset') }}</a>
			{{ Form::close() }}
		</div>
		<div class="table-responsive">
			<table class="table table-striped jambo_table bulk_action table-bordered table-condensed">
				<thead>
					<tr class="headings bg-info">
						<!--th><input type="checkbox" onclick="toggleCheck(this)" name="checkall" class="checkall"></th-->
						<th class="column-title text-center">ID Audit</th>
						<th class="column-title text-center">Model Kelas</th>
						<th class="column-title text-center">{{ __('Admin::base.audit_url') }}</th>
						<th class="column-title text-center">{{ __('Admin::base.audit_ip') }}</th>
						<!--th class="column-title">{{-- __('Admin::base.audit_browser') --}}</th-->
						<th class="column-title text-center">Tindakan Oleh</th>
						<th class="column-title text-center">Masa Tindakan</th>
						<th class="column-title text-center">Tindakan</th>
						<th class="column-title text-center">Log</th>
					</tr>
				</thead>
				<tbody>
					@if(count($audits) > 0)
					@foreach($audits as $audit)
					<tr>
						<td class="text-center">{{ $audit->auditable_id }}</td>
						<td>{{ $audit->auditable_type }}</td>
						<td>{!! (strlen($audit->url)>60) ? '<a data-toggle="tooltip" title="'.$audit->url.'">'.substr($audit->url,0,60).'</a>' : $audit->url !!}</td>
						<td>{{ $audit->ip_address }}</td>
						<!--td>{{-- $audit->user_agent --}}</td-->
						<td>{{ ($audit->user) ? $audit->user->name : 'PUBLIC USER' }}</td>
						<td class="text-center">{{ date( 'd/m/Y, h:i:s', strtotime($audit->created_at)) }}</td>
						<td>{{ Globe::translateAudit($audit->event) }}</td>
						<td class="text-center">
							<a href="javascript:;" data-old='{!! json_encode($audit->old_values) !!}' data-new='{!! json_encode($audit->new_values) !!}' data-actiondesc="{{ Globe::translateAudit($audit->event) }}" data-action="{{ $audit->event }}" class="btn btn-xs btn-info moreinfo"><i class="fa fa-info-circle"></i></a>
						</td>
					</tr>
					@endforeach
					@else
					<tr><td colspan="7">Tiada Rekod Ditemui</td></tr>
					@endif
				</tbody>
				@if(count($audits) > 0)
				<tfoot>
					<tr class="bg-info">
						<td colspan="8" class="text-left">
							{{ $audits->firstItem() }} - {{ $audits->lastItem() }} daripada {{ $audits->total() }} (Mukasurat {{ $audits->currentPage() }})
						</td>
					</tr>
				</tfoot>
				@endif
			</table>
			{{ $audits->appends(Request::only('search'))->appends(Request::only('keyword'))->links() }} 
		</div>
		</div>
	</div>
</div>
@stop 


@section('footer')
<script src="{!! asset('adminLTE/plugins/datepicker/bootstrap-datepicker.js') !!}"></script>
<script type="text/javascript">

	$(document).ready(function() {

		$('.datepicker').datepicker({
	    	format: 'dd/mm/yyyy',
	      	autoclose: true
	    });

	});
	
	$('.moreinfo').click( function(){

		var action = 'Tindakan: '+$(this).data('actiondesc');
		var content = '';

		if($(this).data('action') == 'created'){
			content = '<br /><br /> Data Baru: '+$(this).attr('data-new');
		}else if($(this).data('action') == 'updated'){
			content = '<br /><br /> Data Asal: '+$(this).attr('data-old')+'<br /><br /> Data Selepas Dikemaskini: '+$(this).attr('data-new');
		}else{
			content = '<br /><br /> Data: '+$(this).attr('data-old');
		}

		// swal({
		// 	title: 'User Activity Logs',
		// 	text: 'old values '+ $(this).attr('data-old') +"<br />"+$(this).attr('data-new'),
		// 	type: 'info',
		// });
		//swal('{{ __("Admin::base.audit_trail_desc") }}', 'Tindakan: '+$(this).attr('data-actiondesc') +'<br /><br />{{ __("Admin::base.audit_oldval") }}: '+$(this).attr('data-old') +'<br /><br /> {{ __("Admin::base.audit_newval") }}: '+$(this).attr('data-new'));
		swal('{{ __("Admin::base.audit_trail_desc") }}', action+content);

	});

</script>

@stop