{{extends file="base.html"}}

{{block name=content}}
    <div class='row text-center'>
        <div class='columns small-12'>
            <h2><small>The Feed</small> {{$feed.slug}}</h2>
            <p>
                … fetches <i>{{$feed.uri}}</i>
                {{if $feed.auto_refresh}}
                    every {{$interval_hms}}{{else}}
                    every time the feed is queried, but not before {{$feed.next_refresh|date_format:'%A, %Y-%m-%d %H:%M'}}{{/if}}{{if $feed.expire}}
                    and expires on {{$feed.expire_date|date_format:'%A, %Y-%m-%d at %H:%M'}}{{/if}}.<br>
                {{if $feed.auto_refresh}}The next update will be within 5 minutes after {{$feed.next_refresh|date_format:'%A, %Y-%m-%d %H:%M'}}.{{/if}}
            </p>
            {{if $feed.description}}
                <p>Description:</p>
                <p>
                    {{$feed.description|escape|replace:"\n":'<br>'}}
                </p>
            {{/if}}
            <div class='show-for-small-only'>
                <dl>
                    <dt>This page</dt>
                    <dd><a href="/feed/{{$feed.slug}}/info">/feed/{{$feed.slug}}/info</a></dd>
                </dl>
                <dl>
                    <dt>Full page</dt>
                    <dd><a href="/feed/{{$feed.slug}}/page/atom">/feed/{{$feed.slug}}/page/atom</a></dd>
                    <dd><a href="/feed/{{$feed.slug}}/page/rss">/feed/{{$feed.slug}}/page/rss</a></dd>
                </dl>
                <dl>
                    <dt>Diff</dt>
                    <dd><a href="/feed/{{$feed.slug}}/diff/atom">/feed/{{$feed.slug}}/diff/atom</a></dd>
                    <dd><a href="/feed/{{$feed.slug}}/diff/rss">/feed/{{$feed.slug}}/diff/rss</a></dd>
                </dl>
            </div>
            <div class='show-for-medium-up'>
                <table style='margin-left: auto; margin-right: auto;'>
                    <tbody>
                        <tr>
                            <td>This page</td>
                            <td colspan=2><a href="/feed/{{$feed.slug}}/info">/feed/{{$feed.slug}}/info</a></td>
                        </tr>
                        <tr>
                            <th>Type</th>
                            <th>Atom</th>
                            <th>RSS</th>
                        </tr>
                        <tr>
                            <td>Full page</td>
                            <td><a href="/feed/{{$feed.slug}}/page/atom">/feed/{{$feed.slug}}/page/atom</a></td>
                            <td><a href="/feed/{{$feed.slug}}/page/rss">/feed/{{$feed.slug}}/page/rss</a></td>
                        </tr>
                        <tr>
                            <td>Diff</td>
                            <td><a href="/feed/{{$feed.slug}}/diff/atom">/feed/{{$feed.slug}}/diff/atom</a></td>
                            <td><a href="/feed/{{$feed.slug}}/diff/rss">/feed/{{$feed.slug}}/diff/rss</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {{if $feed.password}}
    <div class='row gray-out'>
        <div class='columns medium-8 large-6 small-centered'>
            <form action='/edit' method=post>
                <div class='row collapse'>
                    <div class='columns small-4 medium-2'>
                        <label for=password class='prefix'>Password</label>
                    </div>
                    <div class='columns small-8 medium-6'>
                        <input type=password id=password name=password>
                    </div>
                    <div class='columns small-6 medium-2'>
                        <input type=submit class='button tiny postfix' name=submit-edit value="Edit">
                    </div>
                    <div class='columns small-6 medium-2'>
                        <input type=submit class='button alert tiny postfix' name=submit-delete value="Delete">
                    </div>
                </div>
            </form>
        </div>
    </div>
    {{/if}}
{{/block}}