{{template "layout.html" .}}
{{define "title"}} {{.Title}} {{end}}
{{define "content"}}
<div class="columns">
    <div class="column is-one-third">
        <form action="/settings/", method="post">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
                        Show File Modes
                    </label>
                </div>
            </div>
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
                        Show File Owner
                    </label>
                </div>
            </div>
            <div class="field">
                <input class="button" value="save" type="submit">
            </div>
        </form>
    </div>
    <div class="column">
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Username</th>
                        <th>Path</th>
                        <th>Is Admin?</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>gabrielgio</td>
                        <td>/home/gabrielgio</td>
                        <td>yes</td>
                        <td>
                            <a href="#" class="button is-small">Edit</button>
                            <a href="#" class="button is-small is-danger">Delete</button>
                        </td>
                    </tr>
                    <tr>
                        <td>beatriz</td>
                        <td>/home/beatriz</td>
                        <td>no</td>
                        <td>
                            <a href="#" class="button is-small">Edit</button>
                            <a href="#" class="button is-small is-danger">Delete</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
{{end}}