{% extends "maposmatic/base.html" %}

{% comment %}
 coding: utf-8

 maposmatic, the web front-end of the MapOSMatic city map generation system
 Copyright (C) 2012  David Decotigny
 Copyright (C) 2012  Frédéric Lehobey
 Copyright (C) 2012  Pierre Mauduit
 Copyright (C) 2012  David Mentré
 Copyright (C) 2012  Maxime Petazzoni
 Copyright (C) 2012  Thomas Petazzoni
 Copyright (C) 2012  Gaël Utard
 Copyright (C) 2018  Hartmut Holzgraefe

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as
 published by the Free Software Foundation, either version 3 of the
 License, or any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.

 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
{% endcomment %}
{% load i18n %}
{% load l10n %}
{% load extratags %}

{% block body-class %}home{% endblock %}
{% block menu-home %}active{% endblock %}

{% block page %}
<div class="jumbotron">
  <h1>{% trans "Welcome to" %} {{BRAND_NAME}}</h1>

  <div class="row">
    <div class="col-md-8">
      <p>
      {% blocktrans %}This is a free software web service that allows you to generate maps of cities using <a href="http://www.openstreetmap.org">OpenStreetMap</a> data. The generated maps are available in PNG, PDF and SVG formats and are ready to be printed.{% endblocktrans %}
      </p>

      <p>
      {% blocktrans %}As the data used to generate maps is coming from OpenStreetMap, you can freely reuse, sell, or modify the generated maps under the <a href="http://wiki.openstreetmap.org/wiki/License">terms of the OpenStreetMap license</a>.{% endblocktrans %}
      </p>

      <p class="actions">
        <a class="btn btn-large btn-primary pull-right" href="{% url "about" %}"><i class="fa fa-info-circle"></i> {% blocktrans %}Learn more{% endblocktrans %}</a>
        <a class="btn btn-large btn-primary" href="{% url "new" %}"><i class="fa fa-globe"></i> {% blocktrans %}Create a map &raquo;{% endblocktrans %}</a>
      </p>
    </div>

    <div class="col-md-4">
      {% include "maposmatic/index-parts/carousel.html" %}
    </div>
  </div>
</div>

<div class="row">
  <div class={% if PAYPAL_ID %}"col-md-4"{% else %}"col-md-6"{% endif %}>
    {% include "maposmatic/index-parts/status.html" %}
  </div>

  <div class={% if PAYPAL_ID %}"col-md-4"{% else %}"col-md-6"{% endif %}>
    <div class="alert alert-success">
      <h2>{% trans "Latest news" %}</h2>

      <ul>
        {% for entry in blogposts %}
	<li>
          <a href="{{ entry.link }}">{{ entry.title }}</a>
          <p class="newsinfo">
            {% blocktrans with entry.updated_parsed|feedparsed|timesince as date %}published {{ date }} ago{% endblocktrans %}
          </p>
        </li>
	{% endfor %}
      </ul>
    </div>
  </div>

  {% if PAYPAL_ID %}
  <div class="col-md-4">
    <div class="alert alert-info">
      <h2>{% trans "Donate" %}</h2>

      <p>
	{% blocktrans %}You can donate to help us improve the service. See our <a href="/donate">donation</a> page for more information on how donations are processed and how they help us keep MapOSMatic free (and ad-free!).{% endblocktrans %}
      </p>
      <br/>
      <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
	<input type="hidden" name="cmd" value="_s-xclick" />
	<input type="hidden" name="hosted_button_id" value="{{PAYPAL_ID}}" />
	<input type="hidden" name="country" value="{{paypal_country_code}}" />
	<button type="submit" class="btn btn-large btn-primary" name="submit" alt="PayPal — The safer, easier way to pay online."><i class="fa fa-cc-paypal"></i> {% trans "Donate via PayPal &raquo;" %}</button>
	<img alt="" border="0" src="https://www.paypalobjects.com/{{paypal_lang_code}}/i/scr/pixel.gif" width="1" height="1"/>
      </form>
    </div>
  </div>
  {% endif %}

</div>
{% endblock %}

{% block extrajs %}
  $('.carousel').carousel({
     interval: 7000
  });
{% endblock %}
