@extends('account.my-account')

@section('account-content')
{{-- @include('common.spacer') --}}
<div class="">
	<div class="">
		<div class="">

			@if (Session::has('flash_notification'))
			<div class="col-xl-12">
				<div class="row">
					<div class="col-xl-12">
						@include('flash::message')
					</div>
				</div>
			</div>
			@endif

			{{-- <div class="col-md-3 page-sidebar">
					@include('account.inc.sidebar')
				</div> --}}
			<!--/.page-sidebar-->
			<div class="">
				<div class="">
					@if ($pagePath=='my-posts')
					<h5 class="">{{ t('Previous Posting') }} </h5>
					@elseif ($pagePath=='archived')
					<h5 class="">{{ t('Archived ads') }} </h5>
					@elseif ($pagePath=='favourite')
					<h5 class="">{{ t('Favourite ads') }} </h5>
					@elseif ($pagePath=='pending-approval')
					<h5 class="">{{ t('Pending approval') }} </h5>
					@else
					<h5 class="">{{ t('Posts') }} </h5>
					@endif

					<div class="main_profile_rightbox">
						<form name="listForm" method="POST" action="{{ lurl('account/'.$pagePath.'/delete') }}">
							{!! csrf_field() !!}
							<div class="table-action">
								<label for="checkAll">
									<input type="checkbox" id="checkAll">
									{{ t('Select') }}: {{ t('All') }}
									<button type="submit" class="btn btn-sm btn-default delete-action">
										<i class="fa fa-trash"></i> {{ t('Delete') }}
									</button>
								</label>
								{{-- <div class="table-search pull-right col-sm-7">
										<div class="form-group">
											<div class="row">
												<label class="col-sm-5 control-label text-right">{{ t('Search') }} <br>
								<a title="clear filter" class="clear-filter" href="#clear">[{{ t('clear') }}]</a>
								</label>
								<div class="col-sm-7 searchpan">
									<input type="text" class="form-control" id="filter">
								</div>
							</div>
					</div>
				</div> --}}
			</div>
			<table id="addManageTable"
				class="table table-striped table-bordered add-manage-table table demo table-responsive"
				data-filter="#filter" data-filter-text-only="true"  >
				<thead >
					<tr>
						<th data-type="numeric" data-sort-initial="true"></th>
						<th>{{ t('Photo') }}</th>
						<th data-sort-ignore="true">{{ t('Ads Details') }}</th>
						<th data-type="">Details</th>
						<th data-type="numeric">{{ t('Price') }}</th>
						<th>{{ t('Option') }}</th>
					</tr>
				</thead>
				<tbody>

									</tbody>
			</table>
			</form>
		</div>

		<nav>
			{{ (isset($posts)) ? $posts->links() : '' }}
		</nav>

	</div>
</div>
</div>
</div>
</div>
@endsection

@section('after_styles')
<style>
	.action-td p {
		margin-bottom: 5px;
	}
</style>
@endsection

@section('after_scripts')
<script src="{{ url('assets/js/footable.js?v=2-0-1') }}" type="text/javascript"></script>
<script src="{{ url('assets/js/footable.filter.js?v=2-0-1') }}" type="text/javascript"></script>
<script type="text/javascript">
	$(function () {
			$('#addManageTable').footable().bind('footable_filtering', function (e) {
				var selected = $('.filter-status').find(':selected').text();
				if (selected && selected.length > 0) {
					e.filter += (e.filter && e.filter.length > 0) ? ' ' + selected : selected;
					e.clear = !e.filter;
				}
			});

			$('.clear-filter').click(function (e) {
				e.preventDefault();
				$('.filter-status').val('');
				$('table.demo').trigger('footable_clear_filter');
			});

			$('#checkAll').click(function () {
				checkAll(this);
			});
			
			$('a.delete-action, button.delete-action, a.confirm-action').click(function(e)
			{
				e.preventDefault(); /* prevents the submit or reload */
				var confirmation = confirm("{{ t('confirm_this_action') }}");
				
				if (confirmation) {
					if( $(this).is('a') ){
						var url = $(this).attr('href');
						if (url !== 'undefined') {
							redirect(url);
						}
					} else {
						$('form[name=listForm]').submit();
					}
					
				}
				
				return false;
			});
		});
</script>
<!-- include custom script for ads table [select all checkbox]  -->
<script>
	function checkAll(bx) {
			var chkinput = document.getElementsByTagName('input');
			for (var i = 0; i < chkinput.length; i++) {
				if (chkinput[i].type == 'checkbox') {
					chkinput[i].checked = bx.checked;
				}
			}
		}
</script>
@endsection