{% extends "base.html" %}

{% block content %}
<div class="container-fluid mt-2">
  <h1>Space launches</h1>

  {% for launch in rockets %}
    <div class="row">
      <div class="col-md-1 text-nowrap text-md-end">{{ launch.t0_date }}

        <br class="d-none d-md-block"/>
        {% if launch.t0_time %}
        {{ launch.t0_time }}{% endif %}
        {{ launch.net_precision }}
      </div>
      <div class="col-md-1 text-md-nowrap">
        <span class="d-md-none">launch status:</span>
        <abbr title="{{ launch.status.name }}">{{ launch.status.abbrev }}</abbr>
      </div>
      <div class="col">{{ launch.rocket }}
        &ndash;
        <strong>{{launch.mission.name }}</strong>
        &ndash;

        {% if launch.launch_provider_abbrev %}
        <abbr title="{{ launch.launch_provider }}">{{ launch.launch_provider_abbrev }}</abbr>
        {% else %}
        {{ launch.launch_provider }}
        {% endif %}
        ({{ launch.launch_provider_type }})
        &mdash;
        {{ launch.orbit.name }} ({{ launch.orbit.abbrev }})
        <br/>
        {% if launch.pad_wikipedia_url %}
          <a href="{{ launch.pad_wikipedia_url }}">{{ launch.pad_name }}</a>
        {% else %}
          {{ launch.pad_name }} {% if launch.pad_name != "Unknown Pad" %}(no Wikipedia article){% endif %}
        {% endif %}
        &mdash; {{ launch.location }}<br/>

        {% if launch.mission %}
          {% for line in launch.mission.description.splitlines() %}
            <p>{{ line }}</p>
          {% endfor %}
        {% else %}
          <p>No description.</p>
        {% endif %}

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