{{--<div class="quantity  ">--}}
{{--    <button onclick="decreaseCounter()">--}}
{{--        --}}{{--        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall muirtl-1k33q06" focusable="false" aria-hidden="true"--}}
{{--        --}}{{--             viewBox="0 0 24 24" data-testid="RemoveIcon">--}}
{{--        --}}{{--            <path d="M19 13H5v-2h14v2z"></path>--}}
{{--        --}}{{--        </svg>--}}
{{--        ---}}
{{--    </button>--}}
{{--    <input value="{{$value}}" max="{{$max}}" min="1" type="number"--}}
{{--           class="border-none outline-none focus:outline-none p-0 bg-transparent w-10 text-center">--}}
{{--    <button>--}}
{{--        --}}{{--        <svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall muirtl-1k33q06" focusable="false" aria-hidden="true"--}}
{{--        --}}{{--             viewBox="0 0 24 24" data-testid="AddIcon">--}}
{{--        --}}{{--            <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>--}}
{{--        --}}{{--        </svg>--}}
{{--        +--}}
{{--    </button>--}}
{{--</div>--}}
<div class="flex gap-3 items-center mx-auto" x-cloak>
    <x-form.label>تعداد:</x-form.label>
    <div class="inline-flex border rounded-md py-1 px-2 gap-6 bg-white" x-data=" {quantity:{{$value}}, minQ:1, maxQ:{{($max??$value)}},ci:'{{$ci}}',id:'{{$id}}' }">
        <input name="quantity" value="{{$value}}" :value="quantity" type="hidden" id="{{$id}}" class="qtyi"/>
        <button type="button" @click="quantity < maxQ ?(quantity++&&(ci !== '0' ?(quantity =updateCart(ci,quantity,-1,id)):'')):maxAl(maxQ);"
                class="inline-flex justify-center items-center space-x-2 border font-semibold focus:outline-none px-2 py-1 leading-5 text-sm rounded border-transparent text-gray-600 hover:text-gray-400 active:text-gray-600">
            {{--        <svg fill="currentColor" viewBox="0 0 20 20"--}}
            {{--             xmlns="http://www.w3.org/2000/svg"--}}
            {{--             class="hi-solid hi-plus-circle inline-block w-5 h-5">--}}
            {{--            <path fill-rule="evenodd"--}}
            {{--                  d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"--}}
            {{--                  clip-rule="evenodd"></path>--}}
            {{--        </svg>--}}
            +
        </button>
        <span x-text="quantity" id="{{$id}}-z"></span>
        <button type="button" @click="quantity > minQ ?(quantity--&&(ci !== '0' ?(quantity = updateCart(ci,quantity,1,id)):'')):minAl(minQ);"
                class="inline-flex justify-center items-center space-x-2 font-semibold focus:outline-none px-2 py-1 leading-5 text-sm border-transparent text-gray-600 hover:text-gray-400  active:text-gray-600">
            {{--        <svg viewBox="0 0 20 20"--}}
            {{--             xmlns="http://www.w3.org/2000/svg"--}}
            {{--             class="hi-solid hi-minus-circle inline-block w-5 h-5">--}}
            {{--            <path fill-rule="evenodd"--}}
            {{--                  d="M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z"--}}
            {{--                  clip-rule="evenodd"></path>--}}
            {{--        </svg>--}}
            -
        </button>
    </div>
</div>