<header class="modal-header" data-test-modal="import-subscribers">
    <h1>
        {{#if response}}
            Import Successful
        {{else}}
            Import Subscribers
        {{/if}}
    </h1>
</header>
<a class="close" href="" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>

<div class="modal-body">
    {{#if response}}
        <table class="subscribers-import-results">
            <tr>
                <td>Imported:</td>
                <td align="left" data-test-text="import-subscribers-imported">{{response.imported}}</td>
            </tr>
            {{#if response.duplicates}}
                <tr>
                    <td>Duplicates:</td>
                    <td align="left" data-test-text="import-subscribers-duplicates">{{response.duplicates}}</td>
                </tr>
            {{/if}}
            {{#if response.invalid}}
                <tr>
                    <td>Invalid:</td>
                    <td align="left" data-test-text="import-subscribers-invalid">{{response.invalid}}</td>
                </tr>
            {{/if}}
        </table>
    {{else}}
        {{gh-file-uploader
            url=uploadUrl
            paramName="subscribersfile"
            labelText="Select or drag-and-drop a CSV file."
            uploadStarted=(action "uploadStarted")
            uploadFinished=(action "uploadFinished")
            uploadSuccess=(action "uploadSuccess")}}
    {{/if}}
</div>

<div class="modal-footer">
    <button {{action "closeModal"}} disabled={{closeDisabled}} class="gh-btn" data-test-button="close-import-subscribers">
        <span>{{#if response}}Close{{else}}Cancel{{/if}}</span>
    </button>
</div>
