<div id="upload-modal" class="modal fade" tabindex="-1" role="dialog" style="z-index: 999999">
    <div class="modal-dialog" role="document">
        <form class="form-horizontal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Uploading Images <small>(max upload size: {{ ini_get('upload_max_filesize') }} &middot; max post size: {{ ini_get('post_max_size') }})</small></h4>
                </div>
                <div class="modal-body" id="upload-modal-body">
                    <ul class="media-list" id="uploads-list">
                    </ul>
                </div>
                <div class="modal-footer">
                    <button id="upload-modal-dismiss" type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                </div>
            </div>
        </form>
    </div>
    <script id="upload-template" type="text/template">
        <li class="media">
            <div class="media-left">
                <img width="64" height="64" class="media-object upload-template-image" src="/vendor/ignite/images/placeholder.png" alt="Placeholder">
            </div>
            <div class="media-body">
                <h4 class="media-heading"><span class="upload-template-name"></span> <small class="muted upload-template-size"></small></h4>
                <div class="progress" id="upload-template-progress">
                    <div class="upload-template-progress-bar progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;">
                        <span class="upload-template-percent">0%</span>
                    </div>
                </div>
            </div>
        </li>
    </script>
</div>
