{{define "title"}}Admin - Certification Photos{{end}}
{{define "content"}}
<div class="container">
    <section class="hero is-danger is-bold">
        <div class="hero-body">
            <div class="container">
                <h1 class="title">
                    Admin / Certification Photos
                </h1>
            </div>
        </div>
    </section>

    <div class="block p-4">
        <div class="block">
            There {{Pluralize64 .Pager.Total "is" "are"}} <strong>{{.Pager.Total}}</strong> Certification Photo{{Pluralize64 .Pager.Total}} needing approval.
        </div>

        {{$Root := .}}
        <div class="columns is-multiline">
        {{range .Photos}}
            <div class="column is-one-third">
                {{$User := $Root.UserMap.Get .UserID}}
                <form action="{{$Root.Request.URL.Path}}" method="POST">
                    {{InputCSRF}}
                    <input type="hidden" name="user_id" value="{{$User.ID}}">

                    <div class="card" style="max-width: 512px">
                        <header class="card-header has-background-link">
                            <p class="card-header-title has-text-light">
                                <span class="icon"><i class="fa fa-user"></i></span>
                                <span>{{or $User.Username "[deleted]"}}</span>
                            </p>
                        </header>
                        <div class="card-image">
                            <figure class="image">
                                <img src="{{PhotoURL .Filename}}">
                            </figure>
                        </div>
                        <div class="card-content">
                            <div class="media block">
                                <div class="media-left">
                                    <figure class="image is-48x48">
                                        {{if $User.ProfilePhoto.ID}}
                                        <img src="{{PhotoURL $User.ProfilePhoto.CroppedFilename}}">
                                        {{else}}
                                        <img src="/static/img/shy.png">
                                        {{end}}
                                    </figure>
                                </div>
                                <div class="media-content">
                                    <p class="title is-4">{{or $User.Name "(no name)"}}</p>
                                    <p class="subtitle is-6">
                                        <span class="icon"><i class="fa fa-user"></i></span>
                                        <a href="/u/{{$User.Username}}" target="_blank">{{$User.Username}}</a>
                                    </p>
                                </div>
                            </div>

                            <div class="field">
                                <textarea class="textarea" name="comment"
                                    cols="60" rows="2"
                                    placeholder="Admin comment (for rejection)"></textarea>
                            </div>
                        </div>
                        <footer class="card-footer">
                            <button type="submit" name="verdict" value="reject" class="card-footer-item button is-danger">
                                <span class="icon"><i class="fa fa-xmark"></i></span>
                                <span>Reject</span>
                            </button>
                            <button type="submit" name="verdict" value="approve" class="card-footer-item button is-success">
                                <span class="icon"><i class="fa fa-check"></i></span>
                                <span>Approve</span>
                            </button>
                        </footer>
                    </div>
                </form>
            </div>
        {{end}}
        </div>
    </div>

</div>
{{end}}