@extends('admin.layouts.master')
@section('content')

<div class="side-app">
	<div class="page-header">
		<h4 class="page-title">{{__('translate.manage_message_title')}}</h4>
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="#">{{__('translate.manage_message_title')}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">{{__('translate.manage_message_title')}}</li>
		</ol>
	</div>
	<div class="row">
		<div class="col-md-12 col-lg-12">
			<div class="card">
				<div class="card-header">
					<div class="card-title">{{__('translate.manage_message_title')}}</div>
					<div class="card-options">
					</div>
				</div>
				<div class="card-body">
					@if($message = Session::get('success'))
						<div class="alert alert-success alert-block">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<p>{{ $message }}</p>
						</div>
					@endif
					<div class="table-responsive">
						<table id="records" class="table table-striped table-bordered w-100">
							<thead>
								<tr>
									<th class="wd-15p">S No.</th>
									<th class="wd-15p">{{__('translate.manage_message_name')}}</th>
									<th class="wd-15p">{{__('translate.manage_message_mobile')}}</th>
									<th class="wd-15p">{{__('translate.manage_message_message')}}</th>
									<th class="wd-15p">{{__('translate.manage_message_ipaddress')}}</th>
									<th class="wd-15p">{{__('translate.manage_message_datetime')}}</th>
									<th class="wd-25p">{{__('translate.action')}}</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<!-- table-wrapper -->
			</div>
			<!-- section-wrapper -->
		</div>
	</div>
</div>

@endsection

@section('after-scripts')

<script type="text/javascript">
	$(document).ready(function() {
		oTable = $('#records').DataTable({
			"processing": true,
			"serverSide": true,
			ajax: {
				url: '{{ route('manage-message-list') }}',
			},
			"columns": [

			{data: 'sn', name: 'sn'},
			{data: 'name', name: 'name'},
			{data: 'mobile_number', name: 'mobile_number'},
			{data: 'message', name: 'message'},
			{data: 'ip_adderss', name: 'ip_adderss'},
			{data: 'send_date', name: 'send_date'},
			{data: 'action', name: 'action',className:'noPrint', orderable: false},

			]
		});
	});
</script>
@endsection