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