@extends('layouts.backend',['page_title'=>'Pages'])
@section('title')@parent - {{ trans('product.globals.categories') }} @stop
@section('content-header')
<div class="row">
	<div class="col-md-6">
	<h4><strong > {{ trans('backend.fields.activitylog') }} </strong></h4>
	</div>
</div>
@stop

@section('content')
<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header">
			</div>
			<!-- /.box-header -->
			<div class="box-body">
				<table class="table table-bordered table-striped table-hover dataTable" id="banks-table">
				    <thead>
						<th> {{ trans('backend.fields.operater') }} </th>
						<th>{{ trans('backend.fields.logger_desc') }}</th>
						<th>{{ trans('backend.fields.name') }}</th>
						<th>{{ trans('backend.fields.created_at') }}</th>
						<th>{{ trans('backend.fields.detail') }}</th>
				    </thead>
				    <tbody>
				    @if($activitylogs && count($activitylogs) > 0)

					    @foreach($activitylogs as $activitylog)
                            <tr>
                                <td>{{$activitylog->log_name }}</td>
                                <td>{{$activitylog->description }}</td>
                                <td>{{($activitylog->causer)?$activitylog->causer->name:"لا يوجد" }}</td>
                                <td>{{$activitylog->created_at->diffForHumans() }}</td>
								<td><a href="{!! url('backend/showActivitylog/'.$activitylog->id) !!}" class='btn btn-default btn-sm' data-toggle="tooltip" title="{{trans('backend.View')}}"><i class="glyphicon glyphicon-eye-open"></i></a></td>
                                @if(1!=1)<td><button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target-id="{{$activitylog->id}}" data-target="#logger_detail">{{ trans('backend.fields.show_detail') }}</button></td>@endif

                            </tr>
                        @endforeach
				    @else
					<tr>
						<td  id="no-record-founded" colspan="3">{{trans('backend.no records founded')}}</td>
					</tr>
					@endif
				    </tbody>
				</table>
				<!-- /.box-body -->
				{{$activitylogs->render()}}
				<div class="box-footer clearfix"></div>
			</div>
		</div>
		<!-- /.box -->
	</div>
</div>
<!-- Button trigger modal -->
<style>
	body .detail_model {
		/* new custom width */
		width: 70%;
	}
</style>
<div class="modal fade " id="logger_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog detail_model">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title" id="myModalLabel">{{ trans('backend.fields.show_detail') }}</h4>
			</div>
			<div class="modal-body">
				<div class="logger_detail-popup-modal"></div>
			</div>
		</div>
	</div>
</div>
@stop

@section('scripts')
	<script type="text/javascript">

        $("#logger_detail").on("show.bs.modal", function (e) {
            var id = $(e.relatedTarget).data('target-id');
            $(".logger_detail-popup-modal").html("");
            $.get("{{ url('backend/logger_detail')}}" + "/" + id, function (data) {
                $(".logger_detail-popup-modal").html(data);
            });
        });
	</script>

@endsection