<!-- BEGIN: MAIN -->
<div data-hefileapi="upload_ds" data-uploadurl="{FILEUPLOAD_URL}" data-maxfilesize="{MAXFILESIZE}" data-mavcode="{MAVCODE}" class="attach">
	<div data-hefileapi="uploader">

		<div class="js-fileapi-wrapper">
			<input type="file"  tabindex="-1" hidefocus="true" id="mavatar_file" name="mavatar_file[]" class="hidden"/>
		</div>

    <div class="messages-attach" data-fileapi="dnd">
    	<!-- BEGIN: FILES -->
    		<!-- BEGIN: ROW -->
          <!-- IF {MAVATAR.FILEEXT|cot_mavatar_is_photo($this)} -->
            <div class="messages-attach__item" data-hefileapi="uploadedmavfile">
              <input name="mavatar_delete[{MAVATAR.ID}]" value="0" type="hidden">
              <a href="{MAVATAR.FILE}" data-fancybox="" class="messages-attach__item-photo"><img src="{MAVATAR|cot_mav_thumb($this, 150, 150, crop)}" title="{MAVATAR.FILEORIGNAME}.{MAVATAR.FILEEXT}"></a>
              <a role="button" data-mav="{MAVATAR.ID}" data-hefileapi="mavatardelete">x</a>
            </div>
          <!-- ELSE -->
          <div class="messages-attach__item _doc" data-hefileapi="uploadedmavfile">
            <input name="mavatar_delete[{MAVATAR.ID}]" value="0" type="hidden">
            <span class="messages-attach__item-title">{MAVATAR.FILEORIGNAME}</span>
            <span class="messages-attach__item-format">.{MAVATAR.FILEEXT}</span>
            <a role="button" data-mav="{MAVATAR.ID}" data-hefileapi="mavatardelete">x</a>
          </div>
          <!-- ENDIF -->
    		<!-- END: ROW -->
    	<!-- END: FILES -->

      <div data-fileapi="active.show" class="messages-attach__item _doc progress" style="display: none;">
        <div data-fileapi="progress" style="width: 0%;" class="progress-bar progress-bar-warning" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
        <span class="messages-attach__item-title" data-hefileapi="loader-title"></span>
        <span class="messages-attach__item-format" data-hefileapi="loader-format"></span>
        <div class="progress_procent">0%</div>
  		</div>

  	</div>
	</div>
</div>
<!-- END: MAIN -->