Currently experiencing an issue where a form tag is mysteriously closing on its own.
In the process of troubleshooting and pinpointing the root cause of this unexpected behavior. Inside the table structure due to Netsuite usage, which complicates the debugging task. Direct link to the website can be found here.
This snippet showcases part of what displays in the browser:
> <div class="col-xs-8">
> <div class="oos-button"></div>
> <form method="get" id="add-to-cart-form" role="form" action="/app/site/backend/additemtocart.nl"></form>
<!-- MODAL --> etc...
Intending for the modal code to reside within the form element as per my coding instructions.
<form method="get" id="add-to-cart-form" role="form" action="/app/site/backend/additemtocart.nl">
<!-- MODAL -->
<div id="<%=getCurrentAttribute('item','itemID')%>" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content" style="padding:15px 15px; " >
<h2 class="page-title serif text-center "><@= meal.storedisplayname @></h2>
<div id="product-image" class="img-rounded">
<img src="<@=meal.storedisplaythumbnail @>" class="img-responsive center" alt="">
<br />
<p><strong> <@= meal.storedisplayname @></strong>: added to cart</p>
<label style="color:#7b9738"> Price: $<@= meal.onlineprice @></label>
<hr / >
<hr / >
<div class="text-center">
<button type="button" class="btn btn-info center" data-dismiss="modal">Continue Shopping</button>
<a href="<%=getCartUrl()%>">
<button type="button" class="btn btn-info center">Checkout ></button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END MODAL-->
<%= getCurrentAttribute('item','addtocartitemid')%>
<input type="text" class="qty form-control" name="qty" placeholder="Qty" value="1" />
<input type="hidden" name="showcart" value="T" />
<button type="submit" class="btn btn-info btn-block">Add to Cart</button>
</form>