{{define "modal-testcase-selection"}}
<!-- Login-Modal -->
<div class="modal fade" id="modal-testcase-selection" tabindex="-1" role="dialog" aria-labelledby="modal-testcase-selection-label" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-testcase-selection-label">Select test cases</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="testcase-selection">
                    {{range .TestCases }}
                    <div class="form-check checkbox-list-element">
                        <label class="custom-control custom-checkbox">
                            <input id="{{ .ID }}" type="checkbox" class="custom-control-input testCaseSelector" name="{{ .Name }}">
                            <span class="custom-control-indicator"></span>
                            <span class="custom-control-description">{{ .Name }}</span>
                        </label>
                    </div>
                    {{end}}
                    <span id="testCaseSelectorPlaceholder" class="text-muted">No Test Cases</span>
            </div>
            <div class="modal-footer">
                <button id="buttonAddTestCases" type="button" class="btn btn-primary">Add test cases</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>

    <script src='/static/js/modal/select-testcase.js'></script>
</div>
{{end}}