<h2>{$CONST.ADD_MEDIA}</h2>

{foreach $messages as $message}
    {$message}
{/foreach}

<form id="uploadform" action="?{$media.extraParems}" method="POST" enctype="multipart/form-data">
{if $media.max_file_size}
    <input name="MAX_FILE_SIZE" type="hidden" value="{$max_file_size}">
{/if}
    {$media.token}
    <input name="serendipity[action]" type="hidden" value="admin">
    <input name="serendipity[adminModule]" type="hidden" value="media">
    <input name="serendipity[adminAction]" type="hidden" value="add">
    {$media.form_hidden}

    <div class="clearfix details-tabs" id="mediaupload_tabs">

        <details name="tabs" class="details-item" open>
        	<summary class="details-tab"><a>{$CONST.UPLOAD}</a></summary>
        
            <div class="details-content upload_tab">
                <div id="uploads" class="zebra_list">
                    <div id="upload_form_1" class="upload_form">
                        <div class="form_field clearfix">
                            <label for="userfile_1" class="uploadform_userfile_label">{$CONST.ENTER_MEDIA_UPLOAD}</label>
                            <input id="userfile_1" class="uploadform_userfile check_input" name="serendipity[userfile][1]" type="file" multiple>
                        </div>

                        <div class="form_field clearfix">
                            <label for="target_filename_1" class="uploadform_target_filename_label">{$CONST.SAVE_FILE_AS} <span>{$CONST.PLAIN_ASCII_NAMES}</span></label>
                            <input id="target_filename_1" class="uploadform_target_filename" name="serendipity[target_filename][1]" type="text" value="">
                        </div>

                        <div class="form_select clearfix">
                            <label for="target_directory_1" class="uploadform_target_directory_label">{$CONST.STORE_IN_DIRECTORY}</label>
                            <select id="target_directory_1" class="uploadform_target_directory" name="serendipity[target_directory][1]">
                                <option value="">{$CONST.BASE_DIRECTORY}</option>
                                {foreach from=$media.folders item="folder"}
                                <option{if $media.only_path == $folder.relpath} selected{/if} value="{$folder.relpath}">{'&nbsp;'|@str_repeat:($folder.depth*2)} {$folder.name}</option>
                                {/foreach}
                            </select>
                        </div>

                        <div id="ccounter"><input id="column_count_1" class="uploadform_column_count" type="hidden" name="serendipity[column_count][1]" value="true"></div>
                    </div>
                </div>

                <button id="add_upload" class="button_link" type="button" title="{$CONST.IMAGE_MORE_INPUT}"><span class="icon-plus" aria-hidden="true"></span><span class="visuallyhidden"> {$CONST.IMAGE_MORE_INPUT}</span></button>
            </div>
        </details>

        <details name="tabs" class="details-item">
            <summary class="details-tab"><a>{$CONST.DOWNLOAD}</a></summary>

            <div class="details-content download_tab">
                <span class="msg_notice"><span class="icon-info-circled" aria-hidden="true"></span> {$CONST.ADD_MEDIA_BLAHBLAH_NOTE}</span>

                <div id="downloads">
                    <div class="clearfix form_field">
                        <label for="imageurl">{$CONST.ENTER_MEDIA_URL}</label>
                        <input id="imageurl" name="serendipity[imageurl]" type="text" value="">
                    </div>

                    <div class="clearfix form_select">
                        <label for="imageimporttype">{$CONST.ENTER_MEDIA_URL_METHOD}</label>
                        <select id="imageimporttype" name="serendipity[imageimporttype]">
                            <option value="image">{$CONST.FETCH_METHOD_IMAGE}</option>
                            <option value="hotlink">{$CONST.FETCH_METHOD_HOTLINK}</option>
                        </select>
                    </div>

                    <div class="form_field clearfix">
                        <label for="imagefilename" class="uploadform_target_filename_label">{$CONST.SAVE_FILE_AS} <span>{$CONST.PLAIN_ASCII_NAMES}</span></label>
                        <input id="imagefilename" class="uploadform_target_filename" name="serendipity[target_filename][]" type="text" value="">
                    </div>

                    <div class="form_select clearfix">
                        <label for="imagetargetdirectory" class="uploadform_target_directory_label">{$CONST.STORE_IN_DIRECTORY}</label>
                        <select id="imagetargetdirectory" class="uploadform_target_directory" name="serendipity[target_directory][]">
                            <option value="">{$CONST.BASE_DIRECTORY}</option>
                            {foreach from=$media.folders item="folder"}
                            <option{if $media.only_path == $folder.relpath} selected{/if} value="{$folder.relpath}">{'&nbsp;'|@str_repeat:($folder.depth*2)} {$folder.name}</option>
                            {/foreach}
                        </select>
                    </div>
                </div>
            </div>
        </details>
    </div>

    {serendipity_hookPlugin hook="backend_image_addform" hookAll=true}
    <div class="form_buttons">
        <input class="check_inputs" type="submit" value="{$CONST.GO}">
        {if $media.manage}
            <input class="check_inputs" name="go_properties" type="submit" value="{$CONST.GO_ADD_PROPERTIES|escape}">
        {/if}
    </div>
</form>