@extends('admin.master')
@section('head')
@endsection
@section('content')
	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper">
		<div class="page-content">
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
				@if($page)
					حوزه های فعالیت
					@else
					نوشته ها
					@endif
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="">
							داشبورد
						</a>
						<i class="fa fa-angle-left"></i>
					</li>
					<li>
						<a href="#">
						{{$cat->cat_view}}
						</a>
						<i class="fa fa-angle-left"></i>
					</li>
					<li>
						<a href="#">
							@if($page)
							لیست دسته بندی محصولات
							@else
								لیست
								{{$cat->cat_view}}
							@endif
						</a>
					</li>
				</ul>
				<div class="page-toolbar">
					@if($page)
						<a href="{{url('post')}}/new/page/{{$lang}}"  class="pull-right tooltips btn btn-fit-height green-haze" data-placement="top" data-original-title="ایجاد نوشته جدید">
							<i class="icon-plus"></i>&nbsp; <span class="uppercase visible-lg-inline-block"></span>
							افزودن به
							دسته بندی
							{{$cat->cat_view}}
						</a>
						@else
						<a href="{{url('post')}}/{{$cat->cat_name}}/new/{{$lang}}"  class="pull-right tooltips btn btn-fit-height green-haze" data-placement="top" data-original-title="ایجاد نوشته جدید">
							<i class="icon-plus"></i>&nbsp; <span class="uppercase visible-lg-inline-block"></span>
							افزودن به
							{{$cat->cat_view}}
						</a>
						@endif
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN SAMPLE TABLE PORTLET-->
					<div class="portlet light" id="listportlet">
						<div class="portlet-title">
							<div class="caption font-green">
								<span aria-hidden="true" class="icon-list"></span>
									<span class="caption-subject bold uppercase">
										@if($page)
										لیست دسته بندی محصولات
										@else
											لیست
											{{$cat->cat_view}}
										@endif
									</span>
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse">
								</a>
								<a href="javascript:;" class="reload">
								</a>
								<a href="javascript:;" class="remove">
								</a>
							</div>
						</div>
						<div class="portlet-body">
							<div style="padding-right: 0 !important;" class="col-md-3 form-group">

								<div class="col-md-9"> <label>تعداد:</label>
									<div class="input-group">
                                                   <span class="input-group-addon">
                                                   <i class="fa fa-list"></i>
                                                     </span>
										<select onchange="loadlist()" id="count-pro"  class=" input-sm form-control"  tabindex="1">
											<option   value="5">5</option>
											<option selected value="10">10</option>
											<option value="20">20</option>
										</select>
									</div>
								</div>
							</div>
							<div style="padding-right: 0 !important;" class="col-md-4 form-group">

								<div class="col-md-9"> <label>
										فیلتر بر اساس:
									</label>
									<div class="input-group">
                                                   <span class="input-group-addon">
                                                   <i class="fa fa-list"></i>
                                                     </span>
										<select onchange="loadlist()" name="status" id="status" class=" input-sm form-control"  tabindex="1">
											<option value="">
												همه
											</option>
											<option selected value="publish">
											منتشرشده
											</option>
											<option value="draft">
											پیش نویس
											</option>
											<option value="trash">
											سطل آشغال
											</option>
										</select>
									</div>
								</div>
							</div>
							<div style="padding-left: 0 !important;" class="col-md-4 col-md-offset-1  form-group">
								<div class="col-md-12"><label>جستجو:</label>
									<div class="input-group">
												<span class="input-group-addon">
												<i class="fa fa-search"></i>
												</span>
										<input type="text" onkeyup="loadlist(this.value)" id="search-pro" class="form-control input-sm" placeholder="جستجو">
									</div>
								</div>
							</div>
							<div class="table-scrollable">
								<table class="table table-striped table-bordered table-advance table-hover">
									<thead>
									<tr>
										<th>
											<i class="fa fa-briefcase"></i>
											عنوان
										</th>
										<th class="hidden-xs">
											<i class="fa fa-user"></i>
											نویسنده
										</th>
										<th>
											<i class="fa fa-shopping-cart"></i>
											دسته ها
										</th>
										<th>
											<i class="fa fa-tags"></i>
											بر چسب ها
										</th>
										<th>
											<i class="fa fa-"></i>
											نظرات
										</th>
										<th>
											<i class="fa fa-calendar"></i>
											تاریخ
										</th>
										<th>
										</th>
									</tr>
									</thead>
									<tbody id="list">

									</tbody>
								</table>
								<div>

								</div>

							</div>
							<div class="row">
								<div class="col-xs-12">
									<div id="pagination-pro" class="text-center"></div>
								</div>
							</div>
							<p id="inf-p"></p>
						</div>
					</div>
					<!-- END SAMPLE TABLE PORTLET-->
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
	</div>
	<!-- END CONTENT -->
@endsection
@section('script')
	<script src="{{ URL::asset('admin')}}/paginate/simple-bootstrap-paginator.js"></script>
	{{--ajax auto load--}}
	<script>
		$(document).ready(function(){
			loadlist();
		})
	</script>
	<script>
		function loadlist(){
			var status=$('#status :selected').val();
			var cou=$('#count-pro :selected').text();
			var paginate=$('#pagination-pro ul.pagination li.active').text();
			var searchpro= $('#search-pro').val();
			@if($page)
			var url='{{url()}}/post/list/page/{{$lang}}';
			@else
			var url='{{url()}}/post/{{$cat->cat_name}}/list/{{$lang}}';
			@endif
//			Metronic.blockUI({
//				target: '#listportlet',
//				animate: true
//			});
			$.ajax({
				type:'get',
				data: {list: searchpro ,
					page :paginate,
					cou:cou,
					status:status
				},
				url:url,
				success: function(data){
					obj=eval(data);

					var to=cou*paginate;
					var from=to+1-cou;
					$('#list').empty();
           @if($page)
             for(i=0;i<obj[0].length;i++){
						console.log(obj[0][i].subcats);
						var subcat=[];

						var sbc=obj[0][i].subcats;
						if(obj[0][i].subcats != null )
						{
							var sbc=obj[0][i].subcats;
						}
						else{
							var sbc='ندارد';
						}


						var trash='<tr><td class="highlight col-md-12"><div class="danger"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="draft('+obj[0][i].id+')" class="btn default btn-xs "> <i class="fa fa-file-text-o"></i></a> ' +
								' <a type="button" onclick="publish('+obj[0][i].id+')" class="btn default btn-xs green"> <i class="icon-check"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';
						var publish='<tr><td class="highlight col-md-12"><div class="success"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="trash('+obj[0][i].id+')" class="btn tooltips  btn-xs red" data-container="body" data-placement="top" data-original-title="انتقال به سطل زباله"> <i class="icon-trash"></i></a> ' +
								' <a type="button" onclick="draft('+obj[0][i].id+')" class="btn default btn-xs "> <i class="fa fa-file-text-o"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';
						var draft='<tr><td class="highlight col-md-12"><div class="info"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="trash('+obj[0][i].id+')" class="btn default btn-xs red"> <i class="icon-trash"></i></a> ' +
								' <a type="button" onclick="publish('+obj[0][i].id+')" class="btn default btn-xs green"> <i class="icon-check"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';

						if(obj[0][i].post_status == 'trash'){
							$('#list').append(trash);
						}
						else if (obj[0][i].post_status == 'publish'){
							$('#list').append(publish);
						}
						else{
							$('#list').append(draft);
						}

					}
          @else
          for(i=0;i<obj[0].length;i++){

						var subcat=[];

						var sbc=obj[0][i].subcats;
						if(obj[0][i].subcats != null )
						{
							var sbc=obj[0][i].subcats;
						}
						else{
							var sbc='ندارد';
						}

						var trash='<tr><td class="highlight col-md-4"><div class="danger"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="draft('+obj[0][i].id+')" class="btn default btn-xs "> <i class="fa fa-file-text-o"></i></a> ' +
								' <a type="button" onclick="publish('+obj[0][i].id+')" class="btn default btn-xs green"> <i class="icon-check"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';
						var publish='<tr><td class="highlight col-md-4"><div class="success"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="trash('+obj[0][i].id+')" class="btn tooltips  btn-xs red" data-container="body" data-placement="top" data-original-title="انتقال به سطل زباله"> <i class="icon-trash"></i></a> ' +
								' <a type="button" onclick="draft('+obj[0][i].id+')" class="btn default btn-xs "> <i class="fa fa-file-text-o"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';
						var draft='<tr><td class="highlight col-md-4"><div class="info"></div> <a href="javascript:;">'+obj[0][i].title+'</a></td>' +
								'<td class="hidden-xs">'+obj[0][i].author+'</td>'+
								'<td class="hidden-xs col-md-2"><span>'+sbc+'</span></td>'+
								'<td class="hidden-xs"><span>,</span></td>'+
								'<td>0</td>'+
								'<td>'+obj[0][i].created+'</td>'+
								'<td><div class="btn-group btn-group-solid">' +
								' <a type="button" onclick="trash('+obj[0][i].id+')" class="btn default btn-xs red"> <i class="icon-trash"></i></a> ' +
								' <a type="button" onclick="publish('+obj[0][i].id+')" class="btn default btn-xs green"> <i class="icon-check"></i></a> ' +
								'<a type="button" class="btn default btn-xs blue"> <i class="icon-eye"></i></a>' +
								' <a href="{{url('post')}}/edit/'+obj[0][i].id+'/{{$lang}}" type="button" class="btn default btn-xs purple"> <i class="icon-note"></i> </a>' +
								'</div> </td></tr>';

						if(obj[0][i].post_status == 'trash'){
							$('#list').append(trash);
						}
						else if (obj[0][i].post_status == 'publish'){
							$('#list').append(publish);
						}
						else{
							$('#list').append(draft);
						}

					}
             @endif
//					Metronic.unblockUI('#listportlet');
					var div = Math.floor(obj[1]/cou);
					var rem = obj[1] % cou;
					if(rem>0){
						div=div+1;
					}

					var to=cou*paginate;
					var from=to+1-cou;
					$('#inf-p').empty();
					$('#inf-p').append('نمایش '+from+' تا '+to+'از'  +obj[1]+ 'رکورد ');
					pag1.simplePaginator('setTotalPages', div);
				}
			}).error(function(e){
				console.log(e.responseText)
			})
		}
		$('#pagination-pro ').click(function() {
			loadlist('')
		});
		function send(){
			var data = new FormData($("#catform")[0]);
			console.log(data);
			$.ajax({
				headers:{
					'X-CSRF-TOKEN': $('input[name="_token"]').val()
				},
				type:'post',
				url:'{{url('/ajax/category/new')}}/',
				cache: false,
				data:data ,
				contentType:false,
				processData:false,
				success: function(data){
					toastr.success('عملیات شما با موفقیت انجام شد.');
					$('#postid').val(data);
					loadcategory()

				}
			}).error(function(e){
				console.log(e.responseText)
			})
		}
	</script>
	<script>
		var pag1 = $('#pagination-pro').simplePaginator({
			totalPages: 1,
			pageChange: function(page) {
				$('#content').empty().text('Page is ' + page);
			}
		});
	</script>
	{{--publish function--}}
	<script>
		function publish(id){
			console.log(id);
			var url='{{url()}}/post/{{$cat->cat_name}}/list/{{$lang}}';
			$.ajax({
				type:'get',
				url:url,
				data:{publishid:id} ,
				success: function(data){
					toastr.success('عملیات شما با موفقیت انجام شد.');
					loadlist()

				}
			}).error(function(e){
				console.log(e.responseText)
			})
		}
	</script>
	{{--trash function--}}
	<script>
		function trash(id){
			console.log(id);
			var url='{{url()}}/post/{{$cat->cat_name}}/list/{{$lang}}';
			$.ajax({
				type:'get',
				url:url,
				data:{trashid:id} ,
				success: function(data){
					toastr.success('عملیات شما با موفقیت انجام شد.');
					loadlist()

				}
			}).error(function(e){
				console.log(e.responseText)
			})
		}
	</script>
	{{--draft function--}}
	<script>
		function draft(id){
			console.log(id);
			var url='{{url()}}/post/{{$cat->cat_name}}/list/{{$lang}}';
			$.ajax({
				type:'get',
				url:url,
				data:{draftid:id} ,
				success: function(data){
					toastr.success('عملیات شما با موفقیت انجام شد.');
					loadlist()

				}
			}).error(function(e){
				console.log(e.responseText)
			})
		}
	</script>
@endsection