<style>
    .draft-item .visible {
        border: 1px solid var(--success) !important;
    }
    .draft-item .visible h5{
        color: var(--success) !important;
    }

</style>

<div class="block" >
    <div class="row">

        <div class="col-lg-12"
             x-show="blank($store.draft.offline_orders)">
            <x-not-found>
                <x-slot name="title">{{__("No order in offline sales.")}}</x-slot>
                <x-slot name="desc">{{__("Go to cart tab, add products, and add order in offline sales.")}}</x-slot>
            </x-not-found>
        </div>
        <div class="col-lg-12" x-show='filled($store.draft.offline_orders)' x-transition>
            <div x-data="sales({table_id : 'table-offline-sales',storage :'offline'})">
                <div class="row">
                    <div class="col-lg-12">
                        @include("backend.orders.create.blocs.sales")
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@push("js")
    <script>
        document.addEventListener('alpine:init', () => {



        });
    </script>
@endpush
