<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Алиасы</title>
    <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link href="/static/tipper.css?123" rel="stylesheet">
    
    <script src="/static/moment.js"></script>
    <script src="/static/omg.js"></script>
    <script src="/static/formobj.js"></script>
    <script src="/static/aliases.js"></script>
</head>
<body>

<template id="listItem">
    <div class="model-item"><input data-id="id">&nbsp;&nbsp;<span data-id="select"><span data-prop="name"></span></span></div>
</template>

<div id="main">
    <div style="margin: 50px;">
        <div class="form-group">
            <label for="zone">Регион</label>
            <select id="zone" name="zone" class="form-control"></select>
        </div>

        <div class="form-group">
            <label for="team">Команда</label>
            <select id="team" name="team" class="form-control"></select>
        </div>

        <div class="form-group">
            <div style="margin-bottom: 15px;">Варианты:</div>
            <div id="aliases"></div>
            <div>
                <br>
                <button id="removeAlias" class="btn btn-danger" hidden>Удалить</button>
            </div>
        </div>
    </div>

    <div style="margin-top: 50px;">
        <form method="POST" id="add">
            <div class="form-group">
                <label for="name">Вариант названия</label>
                <input type="text" name="name" autocomplete="off" class="form-control">
                <small class="form-text text-muted">пробелы, табуляции, большие или маленькие буквы - не имеет значения</small>
                <input type="hidden" name="teamID" autocomplete="off" class="form-control">
            </div>

            <div class="form-group">
                <input type="submit" value="Добавить" class="btn btn-success">
            </div>
        </form>   
    </div>
</div>

</body>
</html>