{% import "git.sr.ht/~gabrielgio/img/pkg/database/repository" %}

{% code
type SettingsPage struct {
    Settings *repository.Settings
    Users    []*repository.User
}
%}

{% func (p *SettingsPage) Title() %}Settings{% endfunc %}

{% func (p *SettingsPage) Content() %}
<div class="columns">
    <div class="column is-one-third">
        <form action="/settings/", method="post">
            <div class="field">
                <div class="control">
                    <label class="checkbox text-size-2">
                        <input type="checkbox" id="showMode" name="showMode" {% if p.Settings.ShowMode %}checked{% endif %}>
                        Show File Modes
                    </label>
                </div>
            </div>
            <div class="field">
                <div class="control">
                    <label class="checkbox text-size-2">
                        <input type="checkbox" id="showOwner" name="showOwner" {% if p.Settings.ShowOwner %}checked{% endif %}>
                        Show File Owner
                    </label>
                </div>
            </div>
            <div class="field">
                <div class="control">
                    <label class="checkbox text-size-2">
                        <input type="checkbox" id="preloadVideoMetadata" name="preloadVideoMetadata" {% if p.Settings.PreloadVideoMetadata %}checked{% endif %}>
                        Preload video metadata
                    </label>
                </div>
            </div>
            <div class="field">
                <input class="button" value="save" type="submit">
            </div>
        </form>
    </div>
    <div class="column">
    {% for _, user := range p.Users %}
        <div class="panel-block field">
            <div class="columns wide-column is-gapless is-mobile">
                <div class="column text-size-2">
                    {%s user.Username %}
                </div>
                <div class="column text-size-2">
                    {%s user.Path %}
                </div>
                <div class="column  has-text-right"><a href="/users?userId={%s FromUInttoString(&user.ID) %}">Edit</a> <a href="/users/delete?userId={%s FromUInttoString(&user.ID) %}" class="is-danger">Delete</a></div>
            </div>
        </div>
    {% endfor %}
        <div class="field">
            <a href="/users/" class="button">create</a>
        </div>
    </div>
</div>
{% endfunc %}

{% func (p *SettingsPage) Script() %}
{% endfunc %}