{% load i18n %}
{% load static %}
{% load utils_tags %}


{% if call_to_action %}
<div class="mt-5 p-4 border rounded bg-light">
  <div class="row align-items-center">
    <div class="col-md-8">
      <h2 class="h5 mb-1 text-white">{{ call_to_action.title }}</h2>
      <div class="text-white">
      {{ call_to_action.subtitle }}
      </div>
    </div>
    <div class="col-md-4 text-md-right mt-3 mt-md-0 d-flex justify-content-md-end">
      <a href="{% if call_to_action.button_link %}{{ call_to_action.button_link }}{% else %}{% url 'website:contact' %}{% endif %}" class="btn btn-primary">
        {{call_to_action.button_text|default:_("Contact us") }}
      </a>
    </div>
  </div>
</div>
{% else %}
{% if request.user.is_authenticated and request.user.is_staff %}
<div class="alert alert-info">
  {% trans "Add call to action in the dashboard to display them here." %}
</div>
{% endif %}

{% endif %}