{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.categories'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.categories') <small></small></h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li><a href="{{ route('members') }}">@lang('admin.categories')</a></li>
			<li class="active">@lang('admin.categories')</li>
      </ol>
    </section>
@endsection
@section('content')
    <section class="content">
		<div class="row">
			<div class="col-xs-12">

				<div class="box">
					<div class="box-header">
						<h3 class="box-title">@lang('admin.parent_category')</h3>
					</div>
					<!-- /.box-header -->
					<div class="box-body no-padding">
						<table class="table table-striped">
							<tr>
								<th>@lang('admin.category_name')</th>
								<th>@lang('admin.image')</th>
								<th>@lang('admin.description')</th>
								<th>@lang('admin.status')</th>
							</tr>
							<tr>
								<td>{{ $categoryObj->name }} </td>
								<td> 
									<img style="max-height: 100px;" src="{{ $cover_image }}" alt="Not Found" class="img-responsive img-thumbnail">
								</td>
								<td>{!! $categoryObj->description !!} </td>
								<td>@if($categoryObj->status == 0)
										@lang('admin.disable')
									@else
										@lang('admin.enable')
									@endif
								</td>
								
							</tr>
						</table>
					</div>
					<!-- /.box-body -->
				</div>


				<div class="box">
					<div class="box-header">
						<h3 class="box-title">@lang('admin.sub_categories')</h3>
					</div>
					<div class="box-body no-padding">
						<table id="list_subcategories" class="table table-bordered table-hover">
							<thead>
								<tr>
									<th>#</th>
									<th>@lang('admin.category_name')</th>
									<th>@lang('admin.image')</th>
									<th>@lang('admin.description')</th>
									<th>@lang('admin.status')</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>

@endsection

@section('extra-script')

<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/1.10.15/js/dataTables.material.min.js"></script>
<link href="//cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
<script>
	jQuery(function () {
		jQuery('#list_subcategories').DataTable({
			oLanguage: {
				sLengthMenu: "@lang('word.sLengthMenu')",
				sLoadingRecords: "@lang('word.sLoadingRecords')", 
				sSearch: "@lang('word.sSearch')",
				sZeroRecords: "@lang('word.sZeroRecords')",
				sInfoFiltered: "@lang('word.sInfoFiltered')",
				sInfoEmpty: "@lang('word.sInfoEmpty')",
				sInfo: "@lang('word.sInfo')",
				sEmptyTable: "@lang('word.sEmptyTable')",
				oPaginate: {
					sNext: "@lang('word.sNext')",
					sPrevious: "@lang('word.sPrevious')",
				}
			}, 
			responsive:true,
			processing: true,
            serverSide: true,
            ajax: "{{ route('admin.category-sub.list.data',['id' => $categoryObj->id]) }}",
            columns: [
				{data: 'id', name: 'id'},
				{data: 'name', name: 'name'},
				{data: 'cover', name: 'cover'},
				{data: 'status_name', name: 'status_name'},
				{data: 'action', name: 'action', orderable: false, searchable: false}
			]
		});
	});
	
	function userDelete(a){
		swal("Comming Soon", "User "+a);
		return false;
		
		var parent_tr = jQuery(this).parent().parent();
 		jQuery.ajax({
 			url: "{{ route('deleteUser') }}",
 			type: 'POST',
 			data: {
 				userid: jQuery(this).attr('data-value'),
 				"_token": "{{ csrf_token() }}",
 			},
 			success: function(r) {
				if (r.erno == 202) {
 					swal({ title: "Error",text: r.message,type: "error"}, function() {
 						location.reload();
 					});
 				} else {
 					parent_tr.css("background-color", "#fcf8e3");
 					parent_tr.fadeOut("slow", function() {
 						parent_tr.remove();
 					});
 					swal({
 						title: "Success",
 						text: r.message,
 						type: "success"
 					}, function() {
 						location.reload();
 					});
 				}
 			}
 		});
 	}
	
	function userBlock(a,b){
		swal({
			title: "Are you sure?",
			text: " user  will be block!",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#DD6B55",
			confirmButtonText: "Yes, block it!",
			cancelButtonText: "No, cancel plx!",
			closeOnConfirm: false,
			closeOnCancel: false
		}, function(isConfirm) {
			if (isConfirm) {
				jQuery.ajax({
		 			url: "{{ route('editStatus') }}",
		 			type: 'POST',
		 			data: {
		 				userid: a,
		 				status: b,
		 				"_token": "{{ csrf_token() }}",
		 			},
		 			success: function(r) {
		 				swal({
	 						title: "Success",
	 						text: r.message,
	 						type: "success"
	 					});
					}
		 		});
			} else {
				swal("Cancelled", "User is not blocked :)", "error");
			}
		});	
	}

</script>
@endsection