


<div class="card block"  x-data="{
                get warehouses(){
                    return this.$store.data_page.warehouses;
                },
                get points_of_sales(){
                    return this.$store.data_page.billing_desks;
                },
}">
    <div class="card-body p-2">
        <div class="col-lg-12 form-group">
            <h4 class="block-title">
                <i class="fa fa-people-arrows text-success"></i>
                {{__("Point Of Sales")}}
            </h4>
        </div>

        <div class="col-lg-12">
            <div class="row">
                <div class="col-12 m-b-5">
                    <div class="custom-control custom-switch-success custom-switch cursor-pointer">
                        <input type="checkbox"
                               ckecked
                               class="custom-control-input cursor-pointer"
                               id="switch-schedule-state">
                        <label class="custom-control-label fs-14 cursor-pointer ms-t-5"
                               for="switch-schedule-state">
                            Enable
                        </label>
                    </div>
                </div>
                <div class="col-12 m-b-5">
                    <label class="mb-0">{{__("Point Of Sale")}}</label>
                    <select name="select_point_of_sale"
                            id="select_point_of_sale"
                            class="form-control-sm select2p fs-13"
                            x-model="$store.cart.billing_desk_id">
                        <template x-for="billing_desk in billing_desks">
                            <option :value="billing_desk.id" x-text="billing_desk.name"></option>
                        </template>
                    </select>
                </div>
                <template x-if="true">
                    <div class="col-12 m-b-5">
                        <label class="mb-0">{{__("Store")}}</label>
                        <select name="select-store"
                                id="select-store"
                                class="form-control-sm select2 fs-13"
                                x-model="$store.cart.warehouse_id">
                            <template x-for="warehouse in warehouses">
                                <option :value="warehouse.id" x-text="warehouse.name"></option>
                            </template>
                        </select>
                    </div>
                </template>
            </div>

        </div>

    </div>
</div>

@push("js")
    <script>

        document.addEventListener('alpine:init', () => {


        });
    </script>
@endpush
