@extends('layouts.backend')

@section('title', 'Welcome')

@section('content')

@blocknh()

<div class="pb-4" >
    Welcome
	<br>
	<button type="button" class="btn btn-primary btn-1" >เปิดลิ้นชัก 1</button>
	<button type="button" class="btn btn-primary btn-2" >เปิดลิ้นชัก 2</button>
</div>

@endblocknh

@endsection

@section('script')
<script>
	$(".btn-1").on("click", function(){
		$.post("{{ route('open.cashdrawer1') }}", {
			_token: $('meta[name="csrf-token"]').attr('content'),
		}, function(res){
			console.log("res1", res);
		}, 'json')
	});

	$(".btn-2").on("click", function(){
		$.post("{{ route('open.cashdrawer2') }}", {
			_token: $('meta[name="csrf-token"]').attr('content'),
		}, function(res){
			console.log("res2", res);
		}, 'json')
	});
</script>
@endsection