<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
    <body>
        <dialog th:fragment="overlay" id="create-shared-session-dialog" class="dialog">
            <form class="flex vertical p-7" method="get" th:action="@{|/shared-edition/${collection.id}/lab/create|}">
                <h3 class="font-500 underlined">Create shared session</h3>

                <div class="grid col-2 align-center" style="--col-1: minmax(0, 8rem)">
                    <label for="select-lab-types">Session type</label>
                    <select class="textfield" id="select-lab-types" name="type">
                        <option
                            th:each="t : ${T(nl.tudelft.queue.model.enums.QueueSessionType).values()}"
                            th:value="${t.toString()}"
                            th:text="${t.getDisplayName()}"></option>
                    </select>
                </div>

                <div class="flex space-between">
                    <button type="button" class="button p-less" data-style="outlined" data-cancel>Cancel</button>
                    <button class="button p-less" data-style="">Create shared session</button>
                </div>
            </form>
        </dialog>
    </body>
</html>
