{% extends 'emails/branded__layout.jinja' %}

{% block extra_styles %}
    <style type="text/css">
        th, td {
            padding-left: 0;
        }
        .main-table {
            display: block;
         }
        .main-table tr {
            height: 32px;
        }
    </style>
{% endblock %}

{% block content %}
    <table
        id="inner-table"
        border="0"
        cellspacing="0"
        cellpadding="0"
    >
        <tr>
        <td>
            <div style="margin-bottom: 15px;">
                <h3 style="margin-bottom: 8px;">
                    Hi {{ full_name }},
                </h3>

                <table class="main-table">
                    <thead style="height: 44px">
                    <tr>
                        <th align="left" colspan="2">
                            Please find the password for your exported audience below:
                        </th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td class="w-25">
                            Audience:
                        </td>
                        <td class="w-75">
                            {{ audience_name }}
                        </td>
                    </tr>
                    <tr>
                        <td class="w-25">
                            Filename:
                        </td>
                        <td class="w-75" style="word-wrap: break-word; display:block">
                            {{ filename }}
                        </td>
                    </tr>
                    <tr>
                        <td class="w-25">
                            <b>Password:</b>
                        </td>
                        <td class="w-75">
                           <b><span style="font-family: monospace">{{ password }}</span></b>
                        </td>
                    </tr>
                    </tbody>

                    <tfoot>
                    <tr>
                        <td align="left" colspan="2" style="padding-top: 16px;">
                            Thank you!
                        </td>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </td>
        </tr>
    </table>
{% endblock %}