{% load namewithnotes from filters %}
{% load markdown_tags %}

<style>
  .light-link {
    color: #ebf5ff !important;
  }

  .dark-link {
    color: #4495ff !important;
  }

  .link-on-green {
    color: #ffffff !important;
  }
</style>

<div class="row">
  {% for event in events %}
  <div class="col-12 mb-4">
    {% comment %} Determine card style based on event status {% endcomment %}
    {% if event.cancelled %}

    {% with border_class="border-secondary" header_bg="bg-secondary" header_text="light-link" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% elif not event.is_rig %}

    {% with border_class="border-primary" header_bg="bg-primary" header_text="light-link" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% elif not event.mic %}

    {% with border_class="border-danger" header_bg="bg-danger" header_text="light-link" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% elif event.confirmed and event.authorised %}

    {% if event.dry_hire or event.riskassessment %}

    {% with border_class="border-success" header_bg="bg-success" header_text="link-on-green" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% else %}

    {% with border_class="border-warning" header_bg="bg-warning" header_text="dark-link" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% endif %}

    {% else %}

    {% with border_class="border-warning" header_bg="bg-warning" header_text="dark-link" %}
    {% include "partials/event_row.html" %}
    {% endwith %}

    {% endif %}
  </div>
  {% empty %}
  <div class="col-12">
    <div class="alert alert-info">
      No events currently scheduled.
    </div>
  </div>
  {% endfor %}