@if( !$product->haveSufficientQuantity() && @$product->associatedCategory->is_pre_register_active)
    <pre-register-component
        user="{{json_encode(auth()->guard('customer')->user())}}"
        product-id="{{$product->id}}"
        post-route="{{ route('customer.pre_register', $product->id) }}"
        btn-lable="{{ __('lang.pre-register.label.title') }}"
        input-one-lable="{{ __('lang.pre-register.label.name') }}"
        input-two-lable="{{ __('lang.pre-register.label.email') }}"
        input-three-lable="{{ __('lang.pre-register.label.phone') }}"
    ></pre-register-component>
@elseif( !$product->haveSufficientQuantity() && @$product->associatedCategory->is_preorder_active)
    <form class="d-inline" method="POST" id="product-form" action="{{ route('velocity.cart.add.product') }}">
        @csrf()
        <input type="hidden" name="product_id" value="{{ $product->product_id }}">
        <input type="hidden" name="is_buy_now" value="1">
        <input type="hidden" name="quantity" value="1">
        <button type="submit" class="ml-2 btn btn-outline-primary">{{ __('Pre-Book') }}</button>
    </form>
@elseif ($product->haveSufficientQuantity())
    {{--Add to cart btn and buy now btn's are here in this component--}}
    <add-to-cart-btn-component
        form="true"
        csrf-token='{{ csrf_token() }}'
        product-flat-id="{{ $product->id }}"
        product-id="{{ $product->product_id }}"
        reload-page="{{ @$reloadPage ?? false }}"
        move-to-cart="{{ @$moveToCart ?? false }}"
        is-enable={{ ! $product->isSaleable() ? 'false' : 'true' }}
            show-cart-icon="true"
        btn-text="{{ __('shop::app.products.add-to-cart') }}"
        buy-now-btn-text="{{__('shop::app.products.buy-now')}}"
    ></add-to-cart-btn-component>
@endif