{% extends 'new_base.html' %}
{% set AWAL_BRAND = 'awal' %}
{% block header_title %}
  <div class="main_message approval" style="display: flex;padding-left: 15px;align-items: center;font-size: 24px;line-height: 30px;{% if default_brand == AWAL_BRAND %}font-family: Barlow, sans-serif;{% endif %}">
      <p>
       {% trans %}Congratulations!{% endtrans %}<br>
        <span class="title_artist" style="{% if default_brand == AWAL_BRAND %}color: #A9A9B2;{% else %}color: #847C7C;{% endif %}">{{product_name}} </span>
          {% trans %}by{% endtrans %}
          <span class="title_artist" style="{% if default_brand == AWAL_BRAND %}color: #A9A9B2;{% else %}color: #847C7C;{% endif %}">{{artist_name}} </span>
          {% trans %}has been approved{% endtrans %}
      </p>
  </div>
{% endblock %}

{% block content %}
    <div class="main_content">
        <br>
        <div style="margin-bottom: 15px;">
            {% trans %}The delivery of your products to stores will begin within 7 days and can be tracked in the delivery reports listed for each product in your catalogue. Your product should go live in no time but may take up to 4-6 weeks depending on turnaround times of each store.{% endtrans %}
        </div>
        <br>
        <div style="text-align: center;margin-top: 35px;margin-bottom: 35px;" class="button_wrapper">
            <a class="go_to_product" href="{{ product_url }}" style="padding: 15px 26px;text-transform: uppercase;border: none;font-size: 12px;font-weight: 700;color: #FFF;text-decoration:none;{% if default_brand == AWAL_BRAND %}background: linear-gradient(90deg, rgba(211,84,218,1) 0%, rgba(118,4,225,1) 100%);font-family: Space Mono, monospace;{% else %}background: #FF893E;font-family: Helvetica, sans-serif;{% endif %}">
                {% trans %}GO TO PRODUCT PAGE{% endtrans %}
            </a>
        </div>
        {% if default_brand == AWAL_BRAND %}
            <div style="margin-bottom: 35px;">
                {% trans %}We're looking for ways to lean in wherever possible and to ensure we understand the project, please add in the off-platform activity and marketing highlights in <a class="link_color" href="https://mailer.awal.com/marketing-highlights/">this form</a>.<br /><br />
                We'll use this when we review the release, the progress of the project, and as we look for opportunities with streaming partners. For insights on best practices for adding in details, check out <a class="link_color" href="https://awal-support.zendesk.com/hc/en-us/articles/7601848147859-Marketing-Highlights-Form-Best-Practices">this article</a>.{% endtrans %}
            </div>
        {% endif %}
        <br>
    </div>
{% endblock %}

{% block issues %}
    <div class="issues" style="width: 100%;margin-bottom: 30px;{% if default_brand == AWAL_BRAND %}background: #303040;font-family: Karla, sans-serif;{% else %}font-family: Helvetica, sans-serif;background: #F3F0F0;{% endif %}">
        <div class="issues_content" style="max-width: 450px;width: 100%;padding: 23px 25px; margin: auto;">
            <div style="font-size: 16px; font-weight: 400; margin-bottom: 2px; line-height: 25px;">
                {{artist_name}}
            </div>
            <div style="margin-bottom: 15px;">
                <span style="font-weight: 700; font-size: 28px;" class="issue_artist_name">{{product_name}}</span>
                <br>
                <span style="font-weight: 400; font-size: 10px; display: inline-block; width: 35px;">{{upc}}</span>
            </div>
            <div class="issues_reasons_wrap">
                <ul class="issues_reasons approval" style="border-left: 6px solid #17AD41;border-radius: 2px;margin: auto;padding: 20px;list-style-type: none;">
                    <li style="display: flex;align-items: center;">
                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: 2px;">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM4.5 7L3 8.5L6.5 12L13 5.5L11.5 4L6.5 9L4.5 7Z" fill="#17AD41"></path>
                        </svg>
                        <span style="margin-left: 10px;">
                            <span>{% trans %}Your submission has been approved for delivery{% endtrans %}</span>.
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}