@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/dataTables.min.js') }}"></script>
<link href="{{ URL::asset('assets/admin/base/css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<style>
	.pageheader {
		min-height: 50px;
	}

	.breadcrumb li {
		font-size: 15px;
	}
</style>

<div class="pageheader">
	<div class="media">
		<div class="media-body">
			<ul class="breadcrumb">
				<li><a href="{{url('admin/dashboard')}}"><i class="glyphicon glyphicon-home"></i> Admin</a></li>
				<li><a href="javascript:;">Email Notifications</a></li>
			</ul>
		</div>
	</div>
</div>

<div class="contentpanel">
	<table width="100%" id="emailNotifications" class="table table-striped table-bordered responsive">
		<thead>
			<tr class="headings">
				<th width=2%>@lang('messages.S.no')</th> 
				<th width=30%>@lang('messages.Subject')</th> 
				<th width=30%>@lang('messages.Message')</th> 
				<th width=10%>@lang('messages.Sent on')</th>
				<th width="10%" style="text-align: center;">@lang('messages.Action')</th> 
			</tr>
		</thead>
        <tbody>
			<tr>
				<td class="empty-text" colspan="7" style="background-color: #fff!important;">
					<div class="list-empty-text"> @lang('messages.No records found.') </div>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<script>
	$(function() {
			var t = $('#emailNotifications').DataTable({
			processing: false,
			serverSide: false,
			responsive: true,
			autoWidth: false,
			dom: 'Bl<"srchhook">frtip',
			initComplete: function(){
					$("div.srchhook").addClass("pull-right").html('<a class="btn btn-primary tip" href="{{ URL::to('admin/email-notifications/send') }}" title="Add New">@lang('Send Email Notification')</a>');           
			},
		
			ajax: '{!! route('listemailnotifications.data') !!}',
			"order": [],
			"columnDefs": [ {
				"targets"  : 'no-sort',
				"orderable": false,
				"searchable":true,
				"pagingType": "full"
			}],
			columns: [
				{ data: 'id', name: 'id',orderable: false },
				{ data: 'subject', name: 'subject' },
				{ data: 'message', name: 'message' },
				{ data: 'created_at', name: 'created_at' },
				{ data: 'action', name: 'action', orderable: false }
				],
					drawCallback: function( settings ) {
						$('td:has(.td_center)').css('text-align', 'center');
				},
			});
	});
	</script>
@endsection