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

    <link rel="icon" href="/assets/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" style="position: fixed">
</div>
<header>
    <h1><a href="/admin?country=HR">Holiday-api | Države</a></h1>
</header>
<main class="admin-dashboard">
    <div style="width: 640px; max-width: 100%; margin: auto; background: transparent">
        <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: end; background: transparent">
            <button style="float: right; margin-top: 0" data-type="dialog" data-trigger="#create-card" data-url="/admin/dialogs/add-country" class="primary">Dodaj državu</button>
        </div>
        <section class="dialog table-results" style="margin: 0; margin-top: 0.5em" id="results">
            <table style="width: 100%">
                <thead>
                <tr>
                    <th>Iso ime</th>
                    <th>Ime</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>

                {{range $entry := .Countries}}
                    <tr>
                        <td>{{$entry.IsoName}}</td>
                        <td>{{$entry.Name}}</td>
                        <td>
                            <button type="button" data-type="dialog" data-trigger="#update-card" data-url="/admin/dialogs/edit-country?id={{$entry.Id}}" class="clean icon"><span class="icon edit-icon"></span></button>
                            <button type="button" data-type="dialog" data-trigger="#delete-card" data-url="/admin/dialogs/delete-country?id={{$entry.Id}}" class="clean icon"><span class="icon delete-icon"></span></button>
                        </td>
                    </tr>
                {{end}}
                </tbody>
            </table>
        </section>
    </div>
</main>
</body>
</html>