{{\App::setLocale(Session::get('locale'))}}
@extends('layouts.user-layout')
@section('title', trans('word.memo'))
@section('content')
<div class="panel panel-default form-margin-regi">
	<div class="panel-heading">@lang('word.memo')</div>
	<div class="panel-body">
		<table id="list_msg" class="table table-striped table-bordered" style="width:100%">
			<thead>
				<tr>
					<th>@lang('word.no#')</th>
					<th>@lang('word.memo_content')</th>
					<th>@lang('word.document')</th>
					<th>@lang('word.date')</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>
</div>			
@endsection
@section('extra-style')
	<style>.dataTables_processing{position:absolute!important;top:50%!important;left:50%!important;width:250px!important;height:80px!important;margin-left:-125px!important;margin-top:-15px!important;padding:15px 0 30px!important;border:1px solid #ddd!important;text-align:center!important;color:#444!important;font-size:14px!important;background:url({{asset('img/loading_bar.gif')}}) no-repeat center 38px #fff!important;box-shadow:2px 2px 5px #444!important;-moz-box-shadow:2px 2px 5px #444!important;-webkit-box-shadow:2px 2px 5px #444!important;z-index:9999!important}
		.error {font-size: 12px;display: block;margin-top: 5px;font-weight: normal;color: #F44336;}
	</style>
@endsection
@section('extra-script')
	@includeIf('user.common.sweetalert')
	@includeIf('user.common.datatable')
<script>
$(function() {
	$("#list_msg").DataTable({
		"responsive":true,
		"info":false,
		"bFilter": false,
		"bLengthChange": false,
		"oLanguage": {
			"sProcessing":"@lang('word.processing')...",
			"sSearch": "@lang('datatable.search')",
			"sEmptyTable": "@lang('datatable.sEmptyTable')",
			"oPaginate": {
				"sPrevious": "@lang('datatable.previous')",
				"sNext": "@lang('datatable.next')",
			},
			"sLengthMenu": "@lang('datatable.show') _MENU_ @lang('datatable.entries')",
			"sInfo": "@lang('datatable.show') _START_ @lang('datatable.to') _END_ @lang('datatable.of') _TOTAL_ @lang('datatable.entries')",
		},
		ordering: false,
		processing: true,
		pagingType: "simple",
		ajax: '{{ route("memo.inbox.data") }}',
		columns: [
			{data: "DT_RowIndex",name: "DT_RowIndex"}, 
			{data: "memo_content",name: "memo_content"}, 
			{data: "documents",name: "documents"}, 
			{data: "created_at",name: "created_at"}, 
		],
		order: [
			[1, "asc"]
		],
	});
});
</script>
<style>label.error {color: #d8000c;font-size: 12px;font-weight: initial;}</style>
@endsection