<commit_before><!DOCTYPE html>
<html class="no-js" lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <div th:include="fragments/layout :: head" th:with="pageTitle='Application progress'" th:remove="tag" />
    </head>

    <body th:with="context='comp-management'" class="competition-management competition-setup">
        <div th:include="fragments/modals :: modal-overlay" th:remove="tag"/>
        <div th:include="fragments/competition-setup :: comp-setup-remove-assigned-assessor-modal" th:remove="tag" />
        <div th:include="fragments/layout :: body-start" th:remove="tag" />
        <div th:include="fragments/layout :: global-header" th:remove="tag" />

        <main id="content">
            <div th:include="fragments/layout :: main-content-start" th:remove="tag" />

            <div th:include="fragments/layout :: header-sub" th:with="linkTitle='Allocate applications',linkClass='link-back',linkUrl=@{/assessment/competition/{competitionId}(competitionId=${model.competitionId})}" th:remove="tag" />

            <h1 class="heading-xlarge">
                <span class="heading-secondary" th:text="|${#numbers.formatInteger(model.competitionId,8)}: ${model.competitionName}|">0102468: Technology inspired, in assessment</span>
                Application progress
            </h1>

            <h2 class="heading-medium" th:text="|${#numbers.formatInteger(model.applicationId,8)}: ${model.applicationName}|">
                94565678: The potential for glucose based contact lens monitoring in the managment of type two diabetetes
            </h2>

            <div class="grid-row extra-margin">
                <div class="column-quarter">
                    <h3 class="heading-small">Partners</h3>
                    <ul>
                        <li th:each="partner : ${model.partnerOrganisations}" th:text="${partner}">Aptrans Ltd (Lead)</li>
                    </ul>
                </div>
                <div class="column-quarter">
                    <h3 class="heading-small">Innovation area</h3>
                    <!-- TODO Innovation area will be added to Application by INFUND-7208 -->
                </div>
            </div>
            <div class="extra-margin">
                <a th:href="@{/competition/{competitionId}/application/{applicationId}(competitionId=${model.competitionId},applicationId=${model.applicationId})}">Review application</a>
            </div>

            <h2 class="heading-medium" th:text="|Assigned (${#lists.size(model.assigned)})|">Assigned (4)</h2>

            <div class="table-overflow" th:if="${#lists.size(model.assigned) > 0}">
                <table class="assessors-assigned">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th class="aligncentre" scope="col">Notified</th>
                            <th class="aligncentre" scope="col">Accepted</th>
                            <th class="aligncentre" scope="col">Started</th>
                            <th class="aligncentre" scope="col">Submitted</th>
                            <th scope="col"><span class="visuallyhidden">Actions</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.assigned}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.businessType}">Academic</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Healthcare, Regenerative medicine</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.notified} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.notified} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.accepted} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.accepted} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.started} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.started} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.submitted} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.submitted} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="alignright">
                                <a class="button-secondary no-margin" data-js-modal="remove-assigned-assessor-modal"
                                   th:href="${removeActionNonJs}"
                                   th:attr="data-modal-form-action=${removeAction}"
                                   th:with="
                                   removeAction=@{/competition/{competitionId}/application/{applicationId}/assessors/withdraw/{assessmentId}(competitionId=${model.competitionId},applicationId=${model.applicationId},assessmentId=${assessor.assessmentId},sortField=${form.sortField})},
                                   removeActionNonJs=@{/competition/{competitionId}/application/{applicationId}/assessors/withdraw/{assessmentId}/confirm(competitionId=${model.competitionId},applicationId=${model.applicationId},assessmentId=${assessor.assessmentId},sortField=${form.sortField})}"
                                   th:unless="${assessor.submitted}">Remove</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.assigned)}">There are no assessors assigned to this application.</p>


            <h2 class="heading-medium" th:text="|Rejected (${#lists.size(model.rejected)})|">Rejected (1)</h2>

            <div class="table-overflow" th:if="${#lists.size(model.rejected) > 0}">
                <table class="assessors-rejected">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation Area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th scope="col">Reason</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr th:each="assessor : ${model.rejected}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.businessType}">Academic</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Healthcare, Regenerative medicine</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                            <td><strong th:text="${assessor.rejectReason}">Too many assignments</strong><br /><span th:remove="tag" th:text="${assessor.rejectComment}">You have frequently assignme me too may applications, I can and have told you previously that will only be able to assign a reduced amount of applications during th summer. I do like reviewing the applications to your competitions but please do not assign so many to me.</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.rejected)}">No assessors have rejected this application.</p>


            <h2 class="heading-medium" th:text="|Previously assigned (${#lists.size(model.previouslyAssigned)})|">Previously assigned (0)</h2>

            <div class="table-overflow" th:if="${#lists.size(model.previouslyAssigned) > 0}">
                <table class="assessors-previous">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.previouslyAssigned}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.businessType}">Business</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Electronics, sensors &amp; photonics, Materials</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.previouslyAssigned)}">No assessors were previously assigned to this application.</p>

            <h2 class="heading-medium">Available assessors</h2>

            <!--/* TODO INFUND-7055
            <div class="search-filters extra-margin">
                <form action="#" method="GET">
                    <fieldset>
                        <div class="grid-row">
                            <div class="column-half">
                                <div class="form-group">
                                    <label class="form-label" for="filterInnovationArea">Innovation area</label>
                                    <select class="form-control" id="filterInnovationArea" name="filterInnovationArea">
                                        <option selected="selected">---</option>
                                        <option value="Advanced Materials">Advanced Materials</option>
                                        <option value="Assisted Living Technologies">Assisted Living Technologies</option>
                                        <option value="Biosciences">Biosciences</option>
                                        <option value="Built environment">Built environment</option>
                                        <option value="Creative industries">Creative industries</option>
                                        <option value="Detection &#38; identification of infectious agents">Detection &#38; identification of infectious agents</option>
                                        <option value="Digital sciences">Digital sciences</option>
                                        <option value="Electronics, sensors &#38; photonics">Electronics, sensors &#38; photonics</option>
                                        <option value="Emerging technologies">Emerging technologies</option>
                                        <option value="Food supply">Food supply</option>
                                        <option value="Healthcare">Healthcare</option>
                                        <option value="High value manufacturing">High value manufacturing</option>
                                        <option value="High value services">High value services</option>
                                        <option value="Information &#38; communications technology (ICT)">Information &#38; communications technology (ICT)</option>
                                        <option value="Intelligent transport systems">Intelligent transport systems</option>
                                        <option value="Low carbon vehicles">Low carbon vehicles</option>
                                        <option value="Materials">Materials</option>
                                        <option value="Nanotechnology">Nanotechnology</option>
                                        <option value="Regenerative medicine">Regenerative medicine</option>
                                        <option value="Resource efficiency">Resource efficiency</option>
                                        <option value="Satellite comms &#38; navigation">Satellite comms &#38; navigation</option>
                                        <option value="Space">Space</option>
                                        <option value="Stratified medicine">Stratified medicine</option>
                                        <option value="Sustainable agrifood">Sustainable agrifood</option>
                                        <option value="Transport">Transport</option>
                                        <option value="Urban living">Urban living</option>
                                    </select>
                                </div>
                            <div class="form-group">
                                <label class="form-label" for="filterType">Type</label>
                                <select class="form-control" id="filterType" name="filterType">
                                    <option selected="selected">---</option>
                                    <option value="Industry">Industry</option>
                                    <option value="Academic">Academic</option>
                                    <option value="International">International</option>
                                </select>
                            </div>

                            </div>
                            <div class="column-half">
                                <div class="form-group">
                                    <label class="form-label" for="filterSearch">Skill areas</label>
                                    <input type="text" class="form-control" id="filterSearch" name="filterSearch" />
                                </div>
                                <div class="column-half extra-margin">
                                    <a href="#">Clear all filters</a>
                                </div>
                                <div class="column-half">
                                    <div class="alignright">
                                        <button class="button no-margin">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            */-->

            <div class="grid-row sorting">
                <div class="column-two-thirds">
                    <p><span class="heading-xlarge no-margin" th:text="${#lists.size(model.available)}">20</span> <span class="heading-small">Assessors</span></p>
                </div>

                <div class="column-third alignright">
                    <div class="form-group">
                        <form method="get" th:object="${form}">
                            <label for="sort-by">Sort by</label>
                            <select th:field="*{sortField}" name="sort" id="sort-by" class="js-auto-submit form-control"
                                    required="required"
                                    th:attr="data-required-errormessage=#{validation.availableAssessorsForm.selectedSortField.required}">
                                <option th:each="sortType : ${T(org.innovateuk.ifs.competition.resource.AvailableAssessorsSortFieldType).values()}"
                                        th:value="${sortType}"
                                        th:text="${sortType.label}">value</option>
                            </select>
                            <button class="button button-secondary button-small js-hidden" type="submit">Sort</button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="table-overflow">
                <table class="assessors-available">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Skill areas</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th class="aligncentre" scope="col">Submitted</th>
                            <th scope="col"><span class="visuallyhidden">Actions</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.available}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.skillAreas}">skills</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">4</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">2</td>
                            <td class="aligncentre" th:text="${assessor.submittedApplications}">1</td>
                            <td class="alignright">
                                <form method="post"
                                      th:action="@{/competition/{cid}/application/{appId}/assessors/assign/{assId}(cid=${model.competitionId}, appId=${model.applicationId}, assId=${assessor.id}, sortField=${form.sortField})}">
                                    <button type="submit" class="button-secondary no-margin">Assign</button>
                                </form>
                            </td>
                        </tr>
                        <tr th:if="${#lists.isEmpty(model.available)}">
                            <td colspan="6">There were no available assessors found.</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <!--/* TODO ??
            <ul class="pagination">
                <li class="prev">
                    <a href="#" rel="prev" title="Navigate to previous part">
                        <span class="pagination-label">Previous</span>
                    </a>
                </li>
                <li class="next">
                    <a href="#" rel="next" title="Navigate to next part">
                        <span class="pagination-label">Next</span>
                    </a>
                </li>
            </ul>

            <div class="aligncentre">
                <a href="#" class="extra-margin-right">0 to 20</a>
                <a href="#" class="extra-margin-right">21 to 40</a>
                <a href="#" class="extra-margin-right">41 to 60</a>
                <a href="#" class="extra-margin-right">61 to 80</a>
                <a href="#" class="extra-margin-right">81 to 100</a>
            </div>
            */-->

            <div th:include="fragments/layout :: main-content-end" th:remove="tag" />
        </main>

        <div th:include="fragments/layout :: footer" th:remove="tag" />
        <div th:include="fragments/layout :: body-end" th:remove="tag" />
    </body>
</html>
<commit_msg>updated statement following peer review<commit_after><!DOCTYPE html>
<html class="no-js" lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <div th:include="fragments/layout :: head" th:with="pageTitle='Application progress'" th:remove="tag" />
    </head>

    <body th:with="context='comp-management'" class="competition-management competition-setup">
        <div th:include="fragments/modals :: modal-overlay" th:remove="tag"/>
        <div th:include="fragments/competition-setup :: comp-setup-remove-assigned-assessor-modal" th:remove="tag" />
        <div th:include="fragments/layout :: body-start" th:remove="tag" />
        <div th:include="fragments/layout :: global-header" th:remove="tag" />

        <main id="content">
            <div th:include="fragments/layout :: main-content-start" th:remove="tag" />

            <div th:include="fragments/layout :: header-sub" th:with="linkTitle='Allocate applications',linkClass='link-back',linkUrl=@{/assessment/competition/{competitionId}(competitionId=${model.competitionId})}" th:remove="tag" />

            <h1 class="heading-xlarge">
                <span class="heading-secondary" th:text="|${#numbers.formatInteger(model.competitionId,8)}: ${model.competitionName}|">0102468: Technology inspired, in assessment</span>
                Application progress
            </h1>

            <h2 class="heading-medium" th:text="|${#numbers.formatInteger(model.applicationId,8)}: ${model.applicationName}|">
                94565678: The potential for glucose based contact lens monitoring in the managment of type two diabetetes
            </h2>

            <div class="grid-row extra-margin">
                <div class="column-quarter">
                    <h3 class="heading-small">Partners</h3>
                    <ul>
                        <li th:each="partner : ${model.partnerOrganisations}" th:text="${partner}">Aptrans Ltd (Lead)</li>
                    </ul>
                </div>
                <div class="column-quarter">
                    <h3 class="heading-small">Innovation area</h3>
                    <!-- TODO Innovation area will be added to Application by INFUND-7208 -->
                </div>
            </div>
            <div class="extra-margin">
                <a th:href="@{/competition/{competitionId}/application/{applicationId}(competitionId=${model.competitionId},applicationId=${model.applicationId})}">Review application</a>
            </div>

            <h2 class="heading-medium" th:text="|Assigned (${#lists.size(model.assigned)})|">Assigned (4)</h2>

            <div class="table-overflow" th:unless="${#lists.isEmpty(model.assigned)}">
                <table class="assessors-assigned">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th class="aligncentre" scope="col">Notified</th>
                            <th class="aligncentre" scope="col">Accepted</th>
                            <th class="aligncentre" scope="col">Started</th>
                            <th class="aligncentre" scope="col">Submitted</th>
                            <th scope="col"><span class="visuallyhidden">Actions</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.assigned}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.businessType}">Academic</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Healthcare, Regenerative medicine</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.notified} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.notified} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.accepted} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.accepted} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.started} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.started} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="aligncentre">
                                <span th:remove="${assessor.submitted} ? 'all' : 'tag'">-</span>
                                <span th:remove="${assessor.submitted} ? 'tag' : 'all'" class="yes">Yes</span>
                            </td>
                            <td class="alignright">
                                <a class="button-secondary no-margin" data-js-modal="remove-assigned-assessor-modal"
                                   th:href="${removeActionNonJs}"
                                   th:attr="data-modal-form-action=${removeAction}"
                                   th:with="
                                   removeAction=@{/competition/{competitionId}/application/{applicationId}/assessors/withdraw/{assessmentId}(competitionId=${model.competitionId},applicationId=${model.applicationId},assessmentId=${assessor.assessmentId},sortField=${form.sortField})},
                                   removeActionNonJs=@{/competition/{competitionId}/application/{applicationId}/assessors/withdraw/{assessmentId}/confirm(competitionId=${model.competitionId},applicationId=${model.applicationId},assessmentId=${assessor.assessmentId},sortField=${form.sortField})}"
                                   th:unless="${assessor.submitted}">Remove</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.assigned)}">There are no assessors assigned to this application.</p>


            <h2 class="heading-medium" th:text="|Rejected (${#lists.size(model.rejected)})|">Rejected (1)</h2>

            <div class="table-overflow" th:unless="${#lists.isEmpty(model.rejected)}">
                <table class="assessors-rejected">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation Area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th scope="col">Reason</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr th:each="assessor : ${model.rejected}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}">I<NAME></a></td>
                            <td th:text="${assessor.businessType}">Academic</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Healthcare, Regenerative medicine</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                            <td><strong th:text="${assessor.rejectReason}">Too many assignments</strong><br /><span th:remove="tag" th:text="${assessor.rejectComment}">You have frequently assignme me too may applications, I can and have told you previously that will only be able to assign a reduced amount of applications during th summer. I do like reviewing the applications to your competitions but please do not assign so many to me.</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.rejected)}">No assessors have rejected this application.</p>


            <h2 class="heading-medium" th:text="|Previously assigned (${#lists.size(model.previouslyAssigned)})|">Previously assigned (0)</h2>

            <div class="table-overflow" th:unless="${#lists.isEmpty(model.previouslyAssigned)}">
                <table class="assessors-previous">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Type</th>
                            <th scope="col">Innovation area</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.previouslyAssigned}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.businessType}">Business</td>
                            <td th:text="${#strings.listJoin(assessor.innovationAreas,', ')}">Electronics, sensors &amp; photonics, Materials</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">6</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">4</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <p th:if="${#lists.isEmpty(model.previouslyAssigned)}">No assessors were previously assigned to this application.</p>

            <h2 class="heading-medium">Available assessors</h2>

            <!--/* TODO INFUND-7055
            <div class="search-filters extra-margin">
                <form action="#" method="GET">
                    <fieldset>
                        <div class="grid-row">
                            <div class="column-half">
                                <div class="form-group">
                                    <label class="form-label" for="filterInnovationArea">Innovation area</label>
                                    <select class="form-control" id="filterInnovationArea" name="filterInnovationArea">
                                        <option selected="selected">---</option>
                                        <option value="Advanced Materials">Advanced Materials</option>
                                        <option value="Assisted Living Technologies">Assisted Living Technologies</option>
                                        <option value="Biosciences">Biosciences</option>
                                        <option value="Built environment">Built environment</option>
                                        <option value="Creative industries">Creative industries</option>
                                        <option value="Detection &#38; identification of infectious agents">Detection &#38; identification of infectious agents</option>
                                        <option value="Digital sciences">Digital sciences</option>
                                        <option value="Electronics, sensors &#38; photonics">Electronics, sensors &#38; photonics</option>
                                        <option value="Emerging technologies">Emerging technologies</option>
                                        <option value="Food supply">Food supply</option>
                                        <option value="Healthcare">Healthcare</option>
                                        <option value="High value manufacturing">High value manufacturing</option>
                                        <option value="High value services">High value services</option>
                                        <option value="Information &#38; communications technology (ICT)">Information &#38; communications technology (ICT)</option>
                                        <option value="Intelligent transport systems">Intelligent transport systems</option>
                                        <option value="Low carbon vehicles">Low carbon vehicles</option>
                                        <option value="Materials">Materials</option>
                                        <option value="Nanotechnology">Nanotechnology</option>
                                        <option value="Regenerative medicine">Regenerative medicine</option>
                                        <option value="Resource efficiency">Resource efficiency</option>
                                        <option value="Satellite comms &#38; navigation">Satellite comms &#38; navigation</option>
                                        <option value="Space">Space</option>
                                        <option value="Stratified medicine">Stratified medicine</option>
                                        <option value="Sustainable agrifood">Sustainable agrifood</option>
                                        <option value="Transport">Transport</option>
                                        <option value="Urban living">Urban living</option>
                                    </select>
                                </div>
                            <div class="form-group">
                                <label class="form-label" for="filterType">Type</label>
                                <select class="form-control" id="filterType" name="filterType">
                                    <option selected="selected">---</option>
                                    <option value="Industry">Industry</option>
                                    <option value="Academic">Academic</option>
                                    <option value="International">International</option>
                                </select>
                            </div>

                            </div>
                            <div class="column-half">
                                <div class="form-group">
                                    <label class="form-label" for="filterSearch">Skill areas</label>
                                    <input type="text" class="form-control" id="filterSearch" name="filterSearch" />
                                </div>
                                <div class="column-half extra-margin">
                                    <a href="#">Clear all filters</a>
                                </div>
                                <div class="column-half">
                                    <div class="alignright">
                                        <button class="button no-margin">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            */-->

            <div class="grid-row sorting">
                <div class="column-two-thirds">
                    <p><span class="heading-xlarge no-margin" th:text="${#lists.size(model.available)}">20</span> <span class="heading-small">Assessors</span></p>
                </div>

                <div class="column-third alignright">
                    <div class="form-group">
                        <form method="get" th:object="${form}">
                            <label for="sort-by">Sort by</label>
                            <select th:field="*{sortField}" name="sort" id="sort-by" class="js-auto-submit form-control"
                                    required="required"
                                    th:attr="data-required-errormessage=#{validation.availableAssessorsForm.selectedSortField.required}">
                                <option th:each="sortType : ${T(org.innovateuk.ifs.competition.resource.AvailableAssessorsSortFieldType).values()}"
                                        th:value="${sortType}"
                                        th:text="${sortType.label}">value</option>
                            </select>
                            <button class="button button-secondary button-small js-hidden" type="submit">Sort</button>
                        </form>
                    </div>
                </div>
            </div>

            <div class="table-overflow">
                <table class="assessors-available">
                    <thead>
                        <tr>
                            <th scope="col">Assessor</th>
                            <th scope="col">Skill areas</th>
                            <th class="aligncentre" scope="col">Total applications</th>
                            <th class="aligncentre" scope="col">Assigned</th>
                            <th class="aligncentre" scope="col">Submitted</th>
                            <th scope="col"><span class="visuallyhidden">Actions</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="assessor : ${model.available}">
                            <td><a th:href="${'/'}" th:text="${assessor.name}"><NAME></a></td>
                            <td th:text="${assessor.skillAreas}">skills</td>
                            <td class="aligncentre" th:text="${assessor.totalApplicationsCount}">4</td>
                            <td class="aligncentre" th:text="${assessor.assignedCount}">2</td>
                            <td class="aligncentre" th:text="${assessor.submittedApplications}">1</td>
                            <td class="alignright">
                                <form method="post"
                                      th:action="@{/competition/{cid}/application/{appId}/assessors/assign/{assId}(cid=${model.competitionId}, appId=${model.applicationId}, assId=${assessor.id}, sortField=${form.sortField})}">
                                    <button type="submit" class="button-secondary no-margin">Assign</button>
                                </form>
                            </td>
                        </tr>
                        <tr th:if="${#lists.isEmpty(model.available)}">
                            <td colspan="6">There were no available assessors found.</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <!--/* TODO ??
            <ul class="pagination">
                <li class="prev">
                    <a href="#" rel="prev" title="Navigate to previous part">
                        <span class="pagination-label">Previous</span>
                    </a>
                </li>
                <li class="next">
                    <a href="#" rel="next" title="Navigate to next part">
                        <span class="pagination-label">Next</span>
                    </a>
                </li>
            </ul>

            <div class="aligncentre">
                <a href="#" class="extra-margin-right">0 to 20</a>
                <a href="#" class="extra-margin-right">21 to 40</a>
                <a href="#" class="extra-margin-right">41 to 60</a>
                <a href="#" class="extra-margin-right">61 to 80</a>
                <a href="#" class="extra-margin-right">81 to 100</a>
            </div>
            */-->

            <div th:include="fragments/layout :: main-content-end" th:remove="tag" />
        </main>

        <div th:include="fragments/layout :: footer" th:remove="tag" />
        <div th:include="fragments/layout :: body-end" th:remove="tag" />
    </body>
</html>

{'fraction_non_alphanumeric': 0.1392301595164966, 'fraction_numerical': 0.004879619538293867, 'mean_word_length': 1.4165319925779614, 'pattern_counts': {'":': 0, '<': 831, '<?xml version=': 0, '>': 834, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 108, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1095614', 'n_tokens_mistral': 10034, 'n_tokens_neox': 9441, 'n_words': 1683}