<style>
   tbody#orderTableBody>tr>td {
        padding: 0px !important;
    }
    .panel-design-details{
        max-height: 300px;
        overflow: auto;
    }
</style>
<div class="panel panel-default">
    <div class="panel-heading">
        <!-- <h1>{{ $product_array[0]->ProductName }} <small id="display-product-price">$ {{ $product_array[0]->ProductPrice }} </small></h1> -->
        <h1>{{ $product_array[0]->ProductName }} <p class="price"><small>$ {{ $product_array[0]->ProductPrice }}</small></p></h1>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <form id="frm-order-list">
                    <input type="hidden" value="1" id="orderCounterValue" name="orderCounterValue" />
                    <input type="hidden" value="{{ $product_array[0]->Id }}" id="product_id" name="product_id" />
                    <input type="hidden" name="product_price" id="product_price" value="{{ $product_array[0]->ProductPrice }}"> 
                    <input type="hidden" name="price_holder" id="price_holder" value="{{ $product_array[0]->ProductPrice }}"> 
                    <input type="hidden" name="template_code" id="template_code" value="{{ $product_array[0]->TemplateCode }}">
                    <input type="hidden" name="store_url" id="store_url" value="{{ $store_array[0]->StoreUrl }}">
                    <input type="hidden" name="store_id" id="store_id" value="{{ $store_array[0]->Id }}">
                    
                    <!-- <div class="panel-design-details" id="orderListPanel">
                        
                    </div> -->
                    <div class="form-group">
                        <label class="control-label">Quantity <span class="required">*</span></label>
                        <div class="row">
                            <div class="col-sm-6">
                            <div class="input-group">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quantity">
                                        <span class="glyphicon glyphicon-minus"></span>
                                    </button>
                                </span>
                                <input type="text" name="quantity" class="form-control input-number" value="1" min="1" max="100">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quantity">
                                        <span class="glyphicon glyphicon-plus"></span>
                                    </button>
                                </span>
                            </div>
                            </div>
                        </div>
                    </div>
                    <!-- <hr class="hr-design"> -->
                    <div id="displayqty"></div>
                    <br>
                    <button class="btn btn-primary pull-right" type="submit" id="btn-add-to-cart"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</button>
                </form>
            </div>
        </div>
        <div class="spacer-top"></div>
        <div class="row">
            <div class="col-md-12">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#productDescription" aria-controls="productDescription" role="tab" data-toggle="tab">Desciption</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="productDescription">
                        <div class="row">
                            <div class="col-md-12">
                                <p>
                                    {{ $product_array[0]->ProductDescription }} 
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>    
        </div>
    </div>
</div>