<!DOCTYPE html>
<html>
<head>
    <title>Holiday-api</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/assets/global.css">
    <script src="/assets/global.js"></script>
</head>
<body>
<div class="background-image">
    <header>
        <h1><a href="/">Holiday-api</a></h1>
        <div style="flex-grow: 1"></div>
        <a style="all: unset;" href="/documentation">Api dokumentacija</a>
    </header>
    <main class="dialog search-dialog">
        <form action="/">
            <div class="form-field">
                <label for="year">Za godinu:</label>
                <select id="year" name="year">
                    {{range $entry := .Years}}
                        <option {{if eq $.Year $entry}}selected{{end}} value="{{$entry}}">{{$entry}}</option>
                    {{end}}
                </select>
            </div>
            <div class="button-actions">
                <button class="primary">Pretraži</button>
            </div>
        </form>
    </main>
</div>
</body>
</html>