{% extends 'layout.html' %}

{% block content %}
<div class="main row">
  <div class="col-md-10">
    <h2>{% if news %}Modifier{% else %}Ajouter{% endif %} une actualité</h2>
    {% if news %}
    <form class="news_add form-horizontal" role="form" action="{{ url_for('edit_news', news_id=news.id)}}" method="post">
      <div class="form-group">
        <label for="title" class="col-md-2">Titre :</label>
        <div class="col-md-8">
          <input id="title" type="text" name="title" class="form-control" value="{{news.title}}"/>
        </div>
      </div>
      <div class="form-group">
        <label for="content" class="col-md-2">Contenu :</label>
        <div class="col-md-8">
          <textarea rows="15" name="content" class="form-control">{{news.content}}</textarea>
        </div>
      </div>
      <div class="col-md-offset-2">
        <button type="submit" class="btn btn-primary"
                name="Modifier">Modifier</button>
      </div>
    </form>
    {% else %}
    <p class="info">
      Vous pouvez consulter la <a href="http://aful.org/wikis/interop/ReStructuredText">page d'aide</a> pour obtenir de l'aide sur la syntaxe et les commandes de mise en forme disponibles.
    </p>
    <form class="news_add form-horizontal" role="form" action="{{ url_for('add_news')}}" method="post">
      <div class="form-group">
        <label for="title" class="col-md-2">Titre :</label>
        <div class="col-md-8">
          <input id="title" type="text" name="title" class="form-control">
        </div>
      </div>
      <div class="form-group">
          <label for="content" class="col-md-2">Contenu :</label>
          <div class="col-md-8">
            <textarea rows="15" name="content" class="form-control"></textarea>
          </div>
      </div>
      <div class="col-md-offset-2">
        <button type="submit" class="btn btn-primary"
                name="Add">Ajouter</button>
        <button type="submit" class="btn btn-primary"
                name="Preview">Aperçu</button>
      </div>
  </form>
  {% endif %}
{% endblock %}