@extends('layouts.retail')

@section('printing-active', 'active')

@section('contents')
    <div class="content-wrapper" id="content-wrapper" style="min-height: 440px;">
        <section class="container col content p-2 p-xl-4 p-lg-4">
            <section class="content-header">
                <h5 class="font-weight-bold mb-4">
                    <i class="nav-icon fas fa-print mr-3" style="color: #F9D339"></i>
                    Price Label Printing
                </h5>
                <div class="mt-2 bg-white border" style="border-radius: 5px; min-height: 300px;">
                    <div class="pl-4">
                        <form id="form-filter">
                            <div class="row pt-3">
                                <div class="col-md-5" style="max-width: 250px;">
                                    <div class="form-group" data-select2-id="42">
                                        <label>Categories</label>
                                        <select class="form-control" id="search-category" data-placeholder="Select a category" style="width: 100%;" tabindex="-1"></select>
                                    </div>
                                </div>
                                <div class="col-md-5" style="max-width: 250px;">
                                    <div class="form-group" data-select2-id="42">
                                        <label>Item Code</label>
                                        <input type="text" class="form-control text-sm" id="search-item-code" placeholder="Enter item code" style="width: 100%;">
                                    </div>
                                </div>
                                <div class="col-md-2 mt-2">
                                    <br>
                                    <button type="submit" class="btn text-sm mr-2 border special-button"><span>Search</span></button>
                                    <button class="btn text-sm mr-2 border special-button" id="print" style="display:none"><span>Print</span></button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="mt-2" id="datatable_wrapper" style="width: 100%;">
                        <table class="table table-hover text-sm" id="datatable" style="width: 100%"></table>
                    </div>
                </div>
            </section>
        </section>
    </div>
@endsection

@section('scripts')
    <script type="module" src="{{ asset('/js/barcode/print.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection