{% extends 'emails/branded__layout.jinja' %}
{% block extra_styles %}
    <style type="text/css">
        .button_cell {
            width: 50%;
            padding: 10px 16px;
            text-align: center;
            background-color: {{BUTTON_BG_COLOR}} !important;
            color: {{BUTTON_TEXT_COLOR}} !important;
        }

        .button_cta {
            border: none;
            font-size: 12px;
            font-weight: 700;
            padding: 0;
            text-transform: uppercase;
            text-decoration: none;
            color: {{BUTTON_TEXT_COLOR}} !important;
        }
    </style>
{% endblock %}

{% block content %}
    <div>
        Hi {{identity_name}},
    </div>
    <div style="margin: 16px 0;">
        <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 %}">
            Your bulk upload was completed successfully!
        </div>
        {% if submissions_failed == True %}
            Some products failed to submit. Please download this report for the products that weren’t able to be submitted. Please submit these for review in Workstation.
        {% elif submit_products and not assets_required and total_products != submitted_products_count %}
            Products with all assets were submitted successfully, but all other products are required to be submitted manually in Workstation.
        {% endif %}
    </div>
    <div>
        Details:
        <ul>
            <li>Products Created: {{total_products}}</li>
            {% if submit_products %}<li>Products Submitted: {{submitted_products_count}}</li>{% endif %}
            <li>Created Under Label: {{vendor_name}}</li>
            <li>Completed On: {{completed_on}}</li>
        </ul>
    </div>
    <table id="inner-table" style="margin: 40px 0;">
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td class="button_cell">
                <a class="button_cta" href="{{ workstation_sidecar_url }}">
                    Go to catalog
                </a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>
{% endblock %}