{{ define "slotsFilter" }}
    {{ range .Slots }}
        <input type="radio" class="btn-check slotButton" name="slots" id="slot-{{ .Id }}" onclick="slotClick({{ .Id }});" />
        <label class="btn" for="slot-{{ .Id }}">{{ .UiName }}</label>
    {{ end }}

    <script type="text/javascript" charset="utf-8">
        function handleFillCheck(isModalShown) {
            const templateId = getSelectedTemplate().id;
            if (templateId == -1) {
                displayWarningDialog("A template must be selected.")
                return;
            }

            const precheck = fillPrecheck();
            if (!precheck.ok) {
                displayWarningDialog(precheck.message);
                return;
            }

            if (templateId == "acuity" || isBulkDrawerShow) {
                handleFill("");
                return;
            }
            let selectedSlotType;
            let mappedSlotUiName;

            let slotId = sessionStorage.getItem(sessionStorageKeys.SLOT);
            let slotList = [];
            {{ range .Slots }}
                if ({{.Id}} == slotId) {
                    if ( {{.Number}} == 0 ) {
                        updateStartCountFromPrefix("name");
                        displayDialog("nameModal");
                        return;
                    }
                    selectedSlotType = {{.BoardType}};
                    mappedSlotUiName = {{.UiName}};
                }
            {{ end }}

            if (!isModalShown) {
                document.getElementById("compatibleSlotOption").checked = false;
            }

            let compatibleSlotFlag = document.getElementById("compatibleSlotOption").checked;
            {{ range .Slots }}
                if ({{.Id}} != slotId && {{.Number}} != 0 && (!compatibleSlotFlag || (compatibleSlotFlag && {{.BoardType}} == selectedSlotType))) {
                    slotList.push({Id: {{.Id}}, BoardType: {{.BoardType}}, Name: {{.UiName}}, Include: 0});
                }
            {{ end }}

            if (slotList.length > 0 || isModalShown) {
                if (slotList.length > 0) {
                    // Add "All" option if there is at least one slot can be chosen
                    slotList.unshift({Id: -1, BoardType: "None", Name: "All", Include: 0});
                }
                slotsSelectionGridOptions.api.setRowData(slotList);
                document.getElementById("mappedSlotUiName").value = mappedSlotUiName;
                if (!isModalShown) {
                    updateStartCountFromPrefix("slotsSelection");
                    displayDialog("slotsSelectionModal");
                }
            } else {
                updateStartCountFromPrefix("name");
                displayDialog("nameModal");
            }
        }
    </script>
{{ end }}