{% extends 'layouts/default.html' %}

{% block content %}
<div class="row">
    <div class="col-md-4 col-md-offset-8">
    {% if needs_switch %}
        <form action="{{url_switch}}" method="POST">
        {% for site in sites %}
            {% if site.name != site_name %}
                <button type="submit" name="site_name" value="{{site.name}}" class="btn">
                <span class="icon ion-shuffle"></span>
                Switch to {{site.display_name}}</button>
            {% endif %}
        {% endfor %}
        </form>
    {% endif %}
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <h1>{{site_title}} <a href="{{url_preview}}"><span class="icon ion-arrow-right-c"></span></a></h1>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <h2><span class="icon ion-stats-bars"></span> Site Summary</h2>
        {% for s in sources %}
        <div class="ft-summary-source">
            <a href="{{s.list_url}}">{{s.page_count}} {{s.name}}</a>
        </div>
        {% endfor %}
    </div>
    <div class="col-md-6">
        <h2><span class="icon ion-erlenmeyer-flask"></span> Work in Progress</h2>
        {% if new_pages %}
        <p>New pages</p>
        <ul>
            {% for p in new_pages %}
            <li><a href="{{p.url}}">{{p.title}}</a><br/>
                {%if p.text%}<pre>{{p.text}}</pre>{%endif%}</li>
            {% endfor %}
        </ul>
        {% endif %}
        {% if edited_pages %}
        <p>Edited pages</p>
        <ul>
            {% for p in edited_pages %}
            <li><a href="{{p.url}}">{{p.title}}</a><br/>
                {%if p.text%}<pre>{{p.text}}</pre>{%endif%}</li>
            {% endfor %}
        </ul>
        {% endif %}
        {% if not new_pages and not edited_pages %}
        <p>No work in progress.</p>
        {% endif %}

    </div>
</div>
{% endblock %}