<!DOCTYPE html>
<html lang="en">
<head>
    {% include "head.html" %}
    <title>{{ object.url }} @ {{ object.timestamp }} - Archived URL report - Storytracker</title>
</head>
<body>
    {% include "header.html" %}
    <div class="container">
        <div class="row">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <h1>Archived URL report</h1>
                <h4>URL: {{ object.url }}</h4>
                <h4>Timestamp: {{ object.timestamp }}</h4>
                <hr>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="./{{ overlay_png_name }}">
                            <img width="100%" src="./{{ overlay_png_name }}">
                        </a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="./{{ illo_jpg_name }}">
                            <img width="100%" src="./{{ illo_jpg_name }}">
                        </a>
                    </div>
                </div>
                <hr>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <a name="analysis"></a>
                <h3>Analysis</h3>
                <table class="table table-bordered">
                    <tr>
                        <th>Hyperlink count</th>
                        <td>{{ object.summary_statistics.hyperlink_count }}</td>
                    </tr>
                    <tr>
                        <th>Story link count</th>
                        <td>{{ object.summary_statistics.story_link_count }}</td>
                    </tr>
                    <tr>
                        <th>Image count</th>
                        <td>{{ object.summary_statistics.image_count }}</td>
                    </tr>
                    <tr>
                        <th>Largest headline</th>
                        <td>
                            <a target="_blank" href="{{ object.largest_headline.href }}">
                                {{ object.largest_headline.string }}
                            </a>
                        </td>
                    </tr>
                </table>
                <hr>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1">
                <a name="downloads"></a>
                <h3>Downloads</h3>
                <table class="table table-bordered">
                    <tr>
                        <th>Archived URL</th>
                        <td><a target="_blank" href="./{{ html_archive_name }}">HTML</a></td>
                    </tr>
                    <tr>
                        <th>Extracted hyperlinks</th>
                        <td><a href="./{{ hyperlinks_csv_name }}">CSV</a></td>
                    </tr>
                </table>
                <hr>
            </div>
        </div>
    </div>
</body>
</html>
