<div class="uploader">
    <div class="dropzone" uploader="userSlug">
        <p>Drop files here to begin your upload!</p>
    </div>

    <p><b>Having issues with our uploader? Click the button below to upload your files.</b></p>

    <p><input type="file" name="file" onchange="angular.element(this).scope().fileChanged(this)" ng-model="file" multiple /></p>

    <p>Our preferred formats are FLAC, WAV, AIFF, and ALAC (because lossless audio is awesome) but we accept a few others, too. Each file can be up to 200 MB in size.</p>

    <p>Tracks must be a <strong>minimum</strong> of 30 seconds long.</p>

    <p>Note that you&#39;ll need to publish your tracks after uploading them before they&#39;ll become available to the public.</p>

    <p>Contact <a href="mailto:support@pony.fm" target="_blank">Pony.fm Support</a> if you run into any issues!</p>

    <ul class="uploads">
        <li ng-repeat="upload in data.queue track by $index" ng-class="{'uploading': upload.isUploading, 'has-error': upload.error != null, 'is-processing': upload.isProcessing || (upload.progress >= 100 && upload.error == null)}" ng-animate="'upload-queue'">
            <p>

                <span ng-show="!upload.success">
                    <strong ng-show="upload.isUploading && upload.error == null && upload.progress < 100">Uploading&hellip;</strong>
                    <strong ng-show="upload.isProcessing || (upload.isUploading && upload.progress >= 100)">Processing&hellip;</strong>
                    <strong ng-show="upload.error != null">Error</strong>
                    {{::upload.name}} -
                    <strong ng-show="upload.error != null">{{upload.error}}</strong>
                </span>

                <span ng-show="upload.success">
                    <a ui-sref="content.artist.account.tracks.edit({slug: userSlug, track_id: upload.trackId})" class="btn btn-sm btn-primary">
                        Publish
                    </a>
                    {{upload.name}}
                </span>
            </p>
            <div class="bar" pfm-progress-bar="upload.progress"></div>
        </li>
    </ul>
</div>
