@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getusersnames();getauditlogs();" ng-cloak>
   <!--/content-inner-->
<div class="left-content">
	   <div class="mother-grid-inner">
		 <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
				   <div class="clearfix"> </div>
<!--heder end here-->
	<div class="validation-form">
 	
        <form>
        	<h3>AUDIT LOGS</h3>
         	<div class="col-md-12 row">
				<div class="col-md-2 form-group2 group-mail">
				<!-- <label class="control-label">Phone Number</label> -->
				<select ng-model="search.module_name" ng-change="getauditlogs()">
					<option value=''>Module</option>
					<option  value="4">User</option>
				</select>
				</div>
				<div class="col-md-3 form-group1 group-mail">
					<input type="date" placeholder="Search By Date"  ng-model="search.created_at" ng-enter="getauditlogs()" ng-blur="getauditlogs()" >
				</div>
				<div class="col-md-3 form-group1 group-mail" style="margin-top: 10px;">
					<oi-select oi-options="customer.id as customer.fullname for customer in customers track by customer.id"
							ng-model="search.userid" id=""
							placeholder="Select Customer" ng-change="getauditlogs()"></oi-select>
				</div>
				<div class="col-md-3 form-group pad-top1">
				<!-- <button type="button" ng-click="getcommentbysearch()" class="btn btn-default searchbutton">Go</button> -->
				<span  ng-click="resetaudit()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 10px;"></i></span>
				</div>
            </div>
             
            <div class="clearfix"> </div>
            </div>
        </form>
    <!----> 
 
<div class="inbox-mail">
	
	<div>
	<div class="table-responsive" style="display: inline-block;position: relative;width: 100%;">
					 
					    <table id="table">
						<thead>
						  <tr>
							<th>S.no</th>
							<th>Module Name</th>
							<th>Operation Type</th>
							<th>Operation Message</th>
							<th>Created at</th>
							<th>Done By</th>
						</tr>
						</thead>
						<tbody>
						  <tr ng-repeat="audit in users track by $index">
							<td>{$$index+1$}</td>
							<td>{$audit.module_name$}</td>
							<td>{$audit.operation_type$}</td>
							<td>{$audit.operation_message$}</td>
							<td>{$audit.created_at$}</td>
							<td>{$audit.user.first_name$} {$audit.user.last_name$}</td>
						  </tr>
						  
						</tbody>
					  </table>

					  <div class="col-xs-12 pagin vali-form">
						<div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
							<button type="button" ng-click="auditfirst()" class="btn btn-primary searchbutton rightpage">First Page</button>
							<a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previousaudit()" ng-show="previousdisable=='true'"></i></a> 
								{$begin$} - {$end$} of {$totallength$}   
							<a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextaudit()" ng-show="nextdisable=='true'"></i></a>
							<button type="button" ng-click="auditlast()" class="btn btn-primary searchbutton leftpage">Last Page</button>
						</div>
			</div>
		</div>
</div>
</div>
</div>
<div class="inner-block">
</div>
</div>
				@include('users.admin.sidebar')
							</div>
            </div>
	@endsection
	@section('js')  				
     <script src="{{ asset('js/angular_controllers/app.js') }}"></script>
    <script src="{{ asset('js/angular_controllers/admincontroller.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
@endsection