{*



/**
 *
 *
 * @author Kairat Bakitow <kainisoft@gmail.com>
 * @package ow_plugins.photo
 * @since 1.6.1
 */
 
*}

<div class="ow_photo_upload_wrap" id="add-new-photo-container">
    <div class="ow_hidden">
        <iframe name="iframe_upload" id="iframe_upload" src="about:blank"></iframe>
        <form id="upload-form" target="iframe_upload" enctype="multipart/form-data" method="post" action="{url_for_route for='photo.ajax_upload'}">
            <input type="file" name="file" accept="image/jpeg,image/png,image/gif" multiple />
        </form>
        <div id="slot-prototype" class="ow_photo_preview_edit">
            <div class="ow_photo_preview_action">
                <div class="ow_photo_preview_image ow_photo_preview_loading">
                    <div class="ow_photo_preview_image_filter"></div>
                </div>
                <div class="ow_photo_preview_x"></div>
                <div class="ow_photo_preview_rotate"></div>
            </div>
            <div class="ow_photo_upload_description" style="min-height: 58px">
                <textarea class="ow_hidden invitation"></textarea>
            </div>
        </div>
    </div>

    <div class="ow_photo_dragndrop">
        <div id="drop-area" ondragover="return false;"></div>
        <span id="drop-area-label">{text key="photo+dnd_support"}</span>
    </div>

    {form name="ajax-upload"}
        <div id="slot-area" class="ow_photo_preview_block_wrap clearfix"></div>

        <div id="photo-album-form" class="ow_photo_upload_bottom clearfix">
            <div id="photo-album-list" class="ow_left">
                <div class="ow_suggest_field ow_smallmargin">
                    {input name='album'}
                    {$albumNames}
                    {error name='album-name'}
                </div>
                <div class="new-album ow_smallmargin" style="display: none">
                    {input name="album-name" class='ow_smallmargin'}
                    {input name="description"}
                    {if isset($statusPrivacy)}{label name="statusPrivacy"}{input name="statusPrivacy"}{/if}
                </div>
                {foreach $extendInputs as $input}
                    <div id="{$input}" style="margin-bottom: 8px;">
                        <div class="ow_smallmargin">
                            {input name=$input}{label name=$input}<br />{error name=$input}
                        </div>
                    </div>
                {/foreach}
            </div>

            {add_content key="photo.onRenderAjaxUpload" albumId=$albumId userId=$userId}

            <div class="ow_photo_upload_submit ow_right">
                <span class="ow_button">
                    <span class=" ow_ic_submit ow_positive">
                        {submit name="submit"}
                    </span>
                </span>
            </div>
        </div>
    {/form}
</div>