## competitors: List[CompetitorType]
## click: str
## dblclick: str


<!-- Modal content -->
<div class="modal-content" style="margin: 3% 3%">
    <span class="close" onclick="document.getElementById('main.competitorsDialog').style.display='none'">&times;</span>
    <input id="main.comp.filter" oninput="w3.filterHTML('#competitors_tbody', 'tr', this.value)" placeholder="Filter ..."/>
    <p/>
    <div style="display: block; height: 50%; overflow: auto">
        <table class="dt" id="main.comp.table" onclick="entr_comp_highlight(event)" ondblclick="${dblclick}" onmousedown="table_mousedown(event)" >
            <thead>
                <tr class="dt">
                    <th class="dt">First name</th>
                    <th class="dt">Last name</th>
                    <th class="dt">Sex</th>
                    <th class="dt">Year</th>
                    <th class="dt">Chip</th>
                    <th class="dt">Club</th>
                </tr>
            </thead>
            <tbody id="competitors_tbody" >
            % for competitor in competitors:
                <tr class="dt" data-id="${competitor.id}">
                    <td class="dt">${competitor.first_name}</td>
                    <td class="dt">${competitor.last_name}</td>
                    <td class="dt">${competitor.sex.value if competitor.sex is not None else ""}</td>
                    <td class="dt">${competitor.year}</td>
                    <td class="dt" style="text-align:right">${competitor.chip}</td>
                    <td class="dt">${competitor.club_name}</td>
                    <td class="dt" hidden>${competitor.club_id}</td>
                </tr>
            % endfor
            </tbody>
        </table>
    </div>
    <p></p>
    <button id="main.comp.add" class="btn" onclick="${click}" disabled>Save</button>
    <button class="btn cancel" onclick="document.getElementById('main.competitorsDialog').style.display='none'">Cancel</button>
</div>