{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.all_promotion_products'))
@section('content-heading')
  <section class="content-header">
    <h1>@lang('admin.all_promotion_products')</h1>
    <ol class="breadcrumb">
      <li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
      <li><a href="{{ route('admin.promotion.list.page') }}">@lang('admin.promotion_products')</a></li>
      <li class="active">@lang('admin.all_promotion_products')</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="tblReport" class="table table-bordered table-striped">
                <thead>
                <tr>
					<th>#</th>
					<th>@lang('admin.image')</th>
					<th>@lang('admin.caption')</th>
					<th>@lang('word.date')</th>
					<th>@lang('word.action')</th>
                </tr>
                </thead>
                <tbody>
				</tbody>
              </table>
           </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@section('extra-script')
<style>
.imgLPrev {
	max-height: 120px !important;
}
</style>
<link rel="stylesheet" href="{{asset('adm/sweetalert/sweetalert.css')}}">
<script src="{{asset('adm/sweetalert/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>
<script>
	jQuery(function () {
		jQuery('#tblReport').DataTable({
			processing: true,
            serverSide: true,
			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')",
				}
			}, 
            ajax: '{{ route('admin.promotion.list.data') }}',
            columns: [
				{data: 'id', name: 'id'},
				{data: 'image', name: 'image'},
				{data: 'title', name: 'title'},
				{data: 'created_at', name: 'created_at'},
				{data: 'action', name: 'action', orderable: false, searchable: false}
			]
		});
	});

 $(function() {
 	$('#tblReport tbody').on( 'click', '.btnDelete', function () {
 	//$(".btnDelete").click(function() {
 		var parent_tr = $(this).parent().parent();
 		$.ajax({
 			url: "{{ route('admin.promotion.delete') }}",
 			type: 'POST',
 			data: {
 				id: $(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();
 					});
 				}
 			}
 		});
 	});
 });
</script>
@endsection