
<div class="panel-design-details" id="orderListPanel">
    <table class="table" id="tableRow" style="font-size:12px;">
        <thead>
            <tr>
                <th class="col-md-6">Name</th>
                <th class="col-md-5">Size</th>
                <th class="text-center"></th>
            </tr>
        </thead>
        <tbody id="orderTableBody">
            <tr class="table-tr-0">
                <td>
                    <input type="text" name="order_names[]" class="form-control input-sm inputName roster-input" placeholder="Name">
                </td>
                <td>
                    <select class="form-control input-sm order-size roster-input" style="border-right: 1px solid #ccc;" name="order_size[]" data-row-number="1">
                        @foreach($sizes_array as $size)
                            <option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
                        @endforeach
                    </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" 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 id="addnew-btn-tbl-row">
    </div>
</div>