Anons79 Mini Shell

<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits">
    <div>

        <!-- //tittle heading -->
        <div class="col-md-5 single-right-left ">
                    <img src="{{ url('public/uploads/products') }}/{{ $product_images[0]->image_name }}" data-imagezoom="true" class="img-responsive" alt="">
        </div>
        <div class="col-md-7 single-right-left simpleCart_shelfItem">

            <div style="padding: 10px">
                <h2 class="product-single__title">{{ $products[0]->name }}</h2>
                <h3>£<span id="product_amount">{{ $products[0]->amount }}</span></h3>
            </div>



            <form method="get"  id="product_form_1330040799303" accept-charset="UTF-8" class="product-form product-form-product-template product-form--hide-variant-labels
" enctype="multipart/form-data" novalidate="novalidate"><div class="bold_qb_grid" data-variant-id="12527035580487"></div><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">


                <input type="hidden" name="secondquantity" id="secondquantity" value="{{ $product_rates[0]->quantity }}">
                <input type="hidden" name="unit" id="unit" value="{{ $product_rates[0]->unit }}">
                <input type="hidden" name="amount" id="amount" value="{{ $product_rates[0]->amount }}">
                <input type="hidden" name="product_id" id="product_id"  value="{{ $products[0]->product_id }}">

                <div class="selector-wrapper js product-form__item">

                    <input type="hidden" id="hidden_rate_id" value="{{ $rate_id }}">
                    <input type="hidden" id="hidden_amount" value="{{ $hidden_amount }}">
                    <input type="hidden" id="hidden_unit" value="{{ $hidden_unit }}">
                    <input type="hidden" id="hidden_quantity" value="{{ $hidden_quantity }}">
                    <div class="col-md-10">
                        <select class="form-control" id="product_quantity_unit" data-index="option1">
                            @foreach($product_rates as $rate)
                            <option value="{{ $rate->rate_id }}"  data-quantity="{{ $rate->quantity }}" data-unit="{{ $rate->unit }}" data-amount="{{ $rate->amount }}" value="{{ $rate->rate_id }}">{{ $rate->quantity }}{{ $rate->unit }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">

                        <div class="product-form__item product-form__item--quantity">

                            <input type="number" id="Quantity-product-template" name="quantity" value="1" min="1" class="form-control" pattern="[0-9]*">
                        </div>

                    </div>

                </div>



                <div class="product-form__item product-form__item--submit">
                    <div align="center">
                        <span  id="success_messsage" style="color: #0000ff; font-weight: bold; display: none">Product Added To Cart Successfully</span>
                    </div>
                </div>

                @if($products[0]->in_stock=='Y')
                <div align="center" class="product-form__item product-form__item--submit">
                    <button type="submit" name="add" id="AddToCart-product-template" class="btn product-form__cart-submit" style="color: #fff;
    background: #1accfd;
    text-decoration: none;
    position: relative;
    border: none;
    border-radius: 0;
    width: 50%;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 13px;
    outline: none;
    letter-spacing: 1px;
    font-weight: 600;">
                        <span id="AddToCartText-product-template">Add to cart</span>
                    </button>

                    <p id="message1" class="ajaxified-cart-feedback success" style="display: none"><i class="fa fa-check"></i> Added to cart! <a href="{{ url('view_cart') }}">View cart</a> or <a href="{{ url('/') }}" title="Continue shopping">Continue shopping</a>.</p>
                </div>
                @else
                <div align="center" class="product-form__item product-form__item--submit">
                    <span   style="color: #0000ff; font-weight: bold;">Product is Out of Stock</span>
                </div>
                @endif

            </form>




            <h3 style="margin-top: 20px">{{ $products[0]->name }}</h3>


            <div class="product-single-w3l" >
                <?php echo  $products[0]->description; ?>
            </div>


        </div>
        <div class="clearfix"> </div>
    </div>
</div>

<script>
    $(document).ready(function(){

        var hidden_rate_id=$('#hidden_rate_id').val();

        $("#product_quantity_unit option[value="+hidden_rate_id+"]").attr('selected', 'selected');



        var hidden_amount=$('#hidden_amount').val();
        var hidden_unit=$('#hidden_unit').val();
        var hidden_quantity=$('#hidden_quantity').val();

        $('#product_amount').text(hidden_amount);
        $('#amount').val(hidden_amount);
        $('#unit').val(hidden_unit);
        $('#secondquantity').val(hidden_quantity);


        $('#product_quantity_unit').on('change',function(){
            var amount=$(this).find(':selected').data('amount');
            var quantity=$(this).find(':selected').data('quantity');
            var unit=$(this).find(':selected').data('unit');


            $('#product_amount').text(amount);
            $('#amount').val(amount);
            $('#unit').val(unit);
            $('#secondquantity').val(quantity);
        });



        $('.product-form__cart-submit').on('click',function(e){
            e.preventDefault();

            var amount=  $('#amount').val();
            var unit=  $('#unit').val();
            var secondquantity= $('#secondquantity').val();
            var product_id= $('#product_id').val();
            var quantity= $('#Quantity-product-template').val();

            $.ajax({
                type:'POST',
                url:'{{ url("add_to_cart") }}',
                data:{
                    "_token": "{{ csrf_token() }}",
                    'amount':amount,
                    'unit':unit,
                    'secondquantity':secondquantity,
                    'product_id':product_id,
                    'quantity':quantity
                },
                success:function(data){
                    if(data=='Y'){

                        $("#success_messsage").show("slow").delay(3000).hide("slow");
                        $('#message1').show();

                        $.ajax({
                            'type':'Get',
                            'url':"{{ url('cart_count') }}",
                            success:function(response){
//                                alert(response);
                                $('#cartcount').text('');
                                $('#cartcount').text(response)
                            }
                        });

                    }

                }
            });

        }) ;

    });
</script>