@props([
'label' => 'Quantity',
'value' => 1,
'name' => 'quantity'
])

<div class="col">
    <label for="{{ $name }}" class="form-label">{{ __($label) }}</label>
    <div class="input-group input-spinner" x-data="{quantity: {{ $value }}}">
        <button class="btn btn-white" type="button" x-on:click="quantity++"> + </button>
        <input type="text" class="form-control" x-model="quantity" id="{{ $name }}" name="{{ $name }}" ">
        <button class=" btn btn-white" type="button" x-on:click="if(quantity > 0) quantity--"> − </button>
    </div>
</div>