{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.product_list'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.product_list')</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.products')</a></li>
			<li class="active">@lang('admin.product_list')</li>
      </ol>
    </section>
@endsection
@section('content')
    <section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<div class="box-header"></div>
					<div class="box-body">
						<table id="list_products" class="table table-bordered table-hover">
							<thead>
								<tr> 
									<th>#</th>
									<th>@lang('admin.product_name')</th>
									<th>@lang('admin.image')</th>
									<th>@lang('admin.is_approved')</th>
									<th>@lang('admin.status')</th>
									<th>@lang('admin.action')</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_products').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.products.list.data') }}",
            columns: [
				{data: 'DT_RowIndex', name: 'DT_RowIndex'},
				{data: 'name', name: 'name'},
				{data: 'feature_image', name: 'feature_image'},
				{data: 'adm_approve', name: 'adm_approve'},
				{data: 'status_name', name: 'status_name'},
				{data: 'action', name: 'action', orderable: false, searchable: false}
			]
		});
		$('#list_products').on('click','.pbtnDelete', function() {
			var iid =$(this).attr("data-id");
			swal({
				title: "@lang('word.are_you_sure')",
				text: "@lang('mall.selected_product_will_be_deleted')",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "@lang('admin.yes')",
				cancelButtonText: "@lang('admin.no')",
				closeOnConfirm: false,
				closeOnCancel: true ,
				html:true,
			},
			function(isConfirm) {
				if (isConfirm) {
					swal({
						text: "",
						html: true,
						imageUrl: "{{asset('images/ajax-loader.gif')}}",
						title: '@lang("word.processing")',
						showConfirmButton: false,
					});
					$.ajax({
						url: '{{route("admin.products.remove.save")}}',
						type: 'POST',
						data: {
							pid: iid,
							"_token": "{{ csrf_token() }}",
						},
						success: function(data) {
							if (data.error == 200) {
								swal({
									title: "@lang('word.message')",
									text: data.message,
									type: "success",
								}, function() {
									window.location.reload();
								});
							} else {
								swal("@lang('word.message')", data.message, "error");
							}
						}
					});
					return false;
				} else {
				}
			});
		});
	});
	
	function approve(x,s){
		if(s == 0){
			var msgTXT = "@lang('admin.disprove')";
		}else if(s == 1){
			var msgTXT = "@lang('admin.approve')";
		}else{
			return false;
		}
		swal({
			title: "@lang('word.are_you_sure')",
			text: "@lang('admin.selected_product_will_be') "+msgTXT+ "",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#DD6B55",
			confirmButtonText: "@lang('admin.yes')",
			cancelButtonText: "@lang('admin.no')",
			closeOnConfirm: false,
			closeOnCancel: true,
		}, function(isConfirm) {
			if (isConfirm) {
				jQuery.ajax({
		 			url: "{{ route('admin.products.approve.save') }}",
		 			type: 'POST',
		 			data: {
		 				pid: x,
		 				is_approved: s,
		 				"_token": "{{ csrf_token() }}",
		 			},
		 			success: function(r) {
		 				if (r.error == 200) { 
							swal({
								title: "Success",
								text: r.message,
								type: "success"
							}, function() {
								window.location.reload();
							});
						}else {
							swal("@lang('word.message')", r.message, "error");
						}
					}
		 		});
			} else {
				
			}
		});	
	}
</script>
@endsection