<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">
                        <table class="table" id="tableRow" style="font-size:12px;">
                            <thead>
                                <tr>
                                    <!-- <th>#</th> -->
                                    <th class="col-md-6">Name</th>
                                    <th class="col-md-5">Number</th>
                                    <th class="text-center"></th>
                                </tr>
                            </thead>
                            <tbody id="orderTableBody">
                                <tr class="table-tr-1">
                                    <td>
                                        <input type="text" name="order_names[]" id="order_names" class="form-control input-sm inputName roster-input" placeholder="Name">
                                    </td>
                                    <td>
                                        <!-- <input type="text" name="order_numbers[]" id="order_numbers" class="form-control input-sm inputName" placeholder="Number"> -->
                                        <select class="form-control input-sm roster-input" name="order_number[]" id="order_number">
                                            <option value="none">none</option>
                                            @for($i = 0; $i <= 99; $i++)
                                                <option value="{{ $i }}">{{ $i }}</option>
                                            @endfor
                                            <option value="00">00</option>
                                        </select>
                                    </td>
                                    <td id="action-column" class="text-center" style="padding: 4px !important; border-top: none">
                                        <span class="tr-remove-btn">
                                            <button type="button" id="addNewRow_name_and_number" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>
                                        </span>
                                    </td>
                                </tr>
                            
                            </tbody>
                        </table>
                    </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>