@include(snippets/header)
<div id="main">
    <div class="container">
        <h1>APPROVAL QUEUE</h1>
        <p>Items here are pending approval.</p>
        <table class="table" style="width: 100%">
            <thead>
                <tr>
                    <td>Preview</td>
                    <td>ID</td>
                    <td>Uploader</td>
                    <td>Type</td>
                    <td>Action</td>
                </tr>
            </thead>
            <tbody>
                @each(posts as post)
                <tr>
                    <td>
                        <video controls loop muted preload="metadata" style="max-height: 200px; max-width: 300px;">
                            <source src="/b/{{ post.dest }}" type="{{ post.mime }}">
                        </video>
                    </td>
                    <td>{{ post.id }}</td>
                    <td>{{ post.username }}</td>
                    <td>{{ post.mime }}</td>
                    <td>
                        <a href="/admin/approve/?id={{ post.id }}" class="badge badge-success">Approve</a>
                        <a href="/admin/deny/?id={{ post.id }}" class="badge badge-danger">Deny / Delete</a>
                    </td>
                </tr>
                @endeach
                @if(posts.length === 0)
                <tr>
                    <td colspan="5">No pending items.</td>
                </tr>
                @endif
            </tbody>
        </table>
        <br>
        <a href="/admin">Back to Admin</a>
    </div>
</div>
@include(snippets/footer)