@extends('layouts.backend')

@section('title', trans('stockbill.title'))

@section('content')

@include('stockbill.stock-bill-search')

@blocknh()
<table class="table table-striped table-borderless table-vcenter" >
	<thead class="thead-light" >
		<tr>
			<th>{{ trans('stockbill.bill_no') }}</th>
			<th>{{ trans('lang.status') }}</th>
			<th>{{ trans('lang.date') }}</th>
			<th>{{ trans('lang.action') }}</th>
		</tr>
	</thead>
	<tbody>
		@foreach($list as $d)
		<tr>
			<td>{{ $d->bill_no }}</td>
			<td>{!! get_status_label(get_status_label_class($d->status), trans('stockbill.status_' . $d->status)) !!}</td>
			<td>{{ date('Y-m-d H:i:s', strtotime($d->created_at)) }}</td>
			<td>
				{!! gen_edit_btn(route('stock-import-edit', ['id' => $d->id])) !!}
			</td>
		</tr>
		@endforeach
	</tbody>
</table>
@endblocknh

@endsection

@section('css')
<link rel="stylesheet" href="{{ asset('assets/js/plugins/select2/css/select2.min.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/js/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}" />
@endsection

@section('script')
<script src="{{ asset('assets/js/plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script>
$(document).ready(function () {
	(function ($) {
		$('.status').select2({
			placeholder: 'Select'
		});

		$('.datepicker').datepicker({
			autoclose: true,
			format: 'yyyy-mm-dd',
			orientation: 'bottom'
		});
	})(jQuery);
});
</script>
@endsection