<div class="panel-design-details" id="orderListPanel">
    <table class="table" id="tableRow" style="font-size:12px;">
        <thead>
            <tr>
                <th class="col-md-4">Name on Jersey</th>
                <th class="col-md-2">Number</th>
                <th class="col-md-3">Jersey Size</th>
                <th class="col-md-3">Shorts 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 on Jersey">
                </td>
                <td>
                    <select class="form-control input-sm roster-input" name="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>
                    <select class="form-control input-sm order-size roster-input" name="order_jersey_size[]" data-row-number="1">
                        <option value="none">none</option>
                        @foreach($sizes_array as $size)
                            <option value="{{ $size->Size }}">{{ $size->SizeDisplay }}</option>
                        @endforeach
                    </select>
                </td>
                <td>
                    <select class="form-control input-sm order-size roster-input" name="order_shorts_size[]" style="border-right: 1px solid #ccc;"  data-row-number="1">
                        <option value="none">none</option>
                        @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>