@extends('admin/admin')
	
@section('content')
	<!-- Breadcrumb-->
	<ol class="breadcrumb">
		<li class="breadcrumb-item">{{Auth::user()->roles->name}}</li>
		
		<li class="breadcrumb-item">{{ __('Campaign') }}</li>
		</li>
		<li class="breadcrumb-item active">{{ __('Campaign List') }}</li>
		<!-- Breadcrumb Menu-->
		<li class="breadcrumb-menu d-md-down-none"></li>
	</ol>
	<!-- Page Content -->
	<div class="container-fluid dashboard-container-new">
		<div class="row justify-content-center">
			<div class="col-sm-12">
				<div class="card">
					<div class="card-header">
						<strong>{{ __('Campaign') }}</strong> {{ __('List') }}
					</div>
					<div id="out" class="alert-success">
						@if (session()->has('success'))
							<h6><center>{{ session('success') }}</center></h6> 
						@endif
					</div>
					<div class="card-body">
						<div class="messages"></div>
						<table class="table table-responsive-sm table-hover table-outline mb-0 display" id="category_list">
							<thead class="thead-light">
								<tr>
									<th >{{ __('Name') }}</th>
									<th >{{ __('Template List') }}</th>
									<th >{{ __('News List') }}</th>
								</tr>
							</thead>
							<tbody></tbody>
							<tfoot>
								<tr>
									<td><input type="text" data-column="0"  size="10" class="search-input-text"></td>
									<td></td>
									<td></td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection 
@section('footer-scripts')
@parent
<script>
jQuery(document).ready(function() {
	jQuery('#category_list').DataTable( {
		"processing": true,
		"serverSide": true,
		"ajax":{
			'type': 'POST',
			'url': APP_URL+'/user/ajax_campaign_list',
			"dataType": 'json',
			'data':{_token: '{!! csrf_token() !!}'}
		},
		"order": [[ 0, "desc" ]]
	});

	jQuery('.search-input-text').on( 'keyup', function () {
		var i =jQuery(this).attr('data-column');
		var v =jQuery(this).val();
		jQuery('#category_list').DataTable().columns(i).search(v).draw();		
	});
	window.setTimeout(function() {
				jQuery(".alert").fadeTo(500, 0).slideUp(500, function(){
					jQuery(this).remove(); 
				});
			}, 2000);
	jQuery('.dataTables_filter').hide();
});

</script>
@endsection