{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.all_stock_list'))
@section('content-heading')
  <section class="content-header">
    <h1>@lang('admin.all_stock_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('admin.stock-list.page') }}">@lang('admin.stock_list')</a></li>
      <li class="active">@lang('admin.all_stock_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="tblReport" class="table table-bordered table-striped">
                <thead>
                <tr>
					<th>#</th>
					<th>@lang('Stock Code #')</th>
					<th>@lang('Stock Name')</th>
					<th>@lang('Sales Price')</th>
					<th>@lang('Stock Qty')</th>
					<th>@lang('Category')</th>
					<th>@lang('Class')</th>
					<th>@lang('Status')</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>
$(function () {
	$('#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.stock-list.data") }}',
		columns: [
			{data: 'id', name: 'id'},
			{data: 'stock_code', name: 'stock_code'},
			{data: 'stock_name', name: 'stock_name'},
			{data: 'sales_price', name: 'sales_price'},
			{data: 'stock_qty', name: 'stock_qty'},
			{data: 'category', name: 'category'},
			{data: 'class', name: 'class'},
			{data: 'status', name: 'status'},
			{data: 'created_at', name: 'created_at'},
			{data: 'action', name: 'action', orderable: false, searchable: false}
		]
	});
	$('#tblReport tbody').on( 'click', '.btnDelete', function () {
		var parent_tr = $(this).parent().parent();
		$.ajax({
			url: "{{ route('admin.stock-list.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