{% extends 'base.html' %}

{% block title %} | CartoDB{% endblock %}

{% block main %}
<div class="page-header">
    <div class="container">
        <h1>CartoDB</h1>
    </div>
</div>

<div class="container">
    {% include 'snippets/messages.html' %}
</div>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h3 class="header">Manage projects</h3>

            <form method="POST" action="{% url 'geokey_cartodb:index' %}">
                {% csrf_token %}

                {% for project in projects %}
                    {% if forloop.first %}
                        <ul class="list-unstyled overview-list">
                    {% endif %}

                    <li>
                        <h4>{{ project.name }}</h4>
                        {% if project.description %}<p>{{ project.description }}</p>{% endif %}

                        <p class="meta">CartoDB URL: <a href="{% url 'geokey_cartodb:project_data' project.id %}?format=json"><span class="lower-case">{{ protocol }}://{{ host }}{% url 'geokey_cartodb:project_data' project.id %}</span></a></p>

                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="cartodb_project" value="{{ project.id }}" {% if project.cartodb %}checked{% endif %}> Enable for use with CartoDB
                                </label>
                            </div>
                        </div>
                    </li>

                    {% if forloop.last %}
                        </ul>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button type="reset" class="btn btn-link">Reset</button>
                        </div>
                    {% endif%}
                {% empty %}
                    <div class="well empty-list">
                        <p class="lead">We couldn't find any projects you are eligible to manage.</p>
                        <p>You can create a new project if you want to start your own map.</p>
                        <a href="{% url 'admin:project_create' %}" class="btn btn-success btn-lg">Create a new project</a>
                    </div>
                {% endfor %}
            </form>
        </div>
    </div>
</div>
{% endblock %}