<div class="row">
    <div class="col-md-4">
        <div class="row">
            <div class="table-responsive">
                <table class="table">
                    <tr>
                        <th>Hunter</th>
                        <td>{{ pcp.catching_player.user.name }}</td>
                    </tr>
                    <tr>
                        <th>Bunny</th>
                        <td>{{ pcp.caught_player.user.name }}</td>
                    </tr>
                    <tr>
                        <th>Time</th>
                        <td>{{ pcp.timestamp.strftime('%Y-%m-%d %H:%M') }}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="row">
            <a href="{{ url_for('main.review_caught_bunny_photos', game_name=game.name, pcp_id=pcp.id, action='accept') }}">
                <button class="btn btn-success">Accept</button>
            </a>
            <a href="{{ url_for('main.review_caught_bunny_photos', game_name=game.name, pcp_id=pcp.id, action='deny') }}">
                <button class="btn btn-danger">Reject</button>
            </a>
        </div>
    </div>
    <div class="col-md-8">
        <img src="{{ url_for('main.caught_bunny_photo', game_name=game.name, 
                             timestamp=pcp.timestamp.strftime('%Y%m%d%H%M%S'), 
                             bunny_name=pcp.caught_player.user.name, 
                             hunter_name=pcp.catching_player.user.name) }}" 
        alt="could not load photo", width="100%">
    </div>
</div>