<!-- آیتم نمونه جهت افزودن جدید -->
<div id="divSample" style="display: none;" >
  <div id="divfile[index]" class="show-img">
    [IF][CHECK(NoEdit,int)]=1[THEN][ELSE]<i class="fa fa-times red remove" aria-hidden="true"></i>[/IF]
    <img id="img[index]" src="/themes/research/images/uploader/others.png"/>
    <input type="file" id="file[index]" onchange="upload(this,[index]);" style="display: none;"
           accept=".txt,.xls,.xlsx,.csv,.doc,.docx,.ppt,.pptx,image/*,.pdf,.rar,.zip"/>
    <input type="hidden" id="file[index]Url" />
    <input type="hidden" id="File[index]Id" />
    <div id="divTitleFa">
      <label>عنوان: </label> <input type="text" id="File[index]TitleFa" />
    </div>
    <div id="divTitleEn">
      <label>Title: </label> <input type="text" id="File[index]TitleEn" />
    </div>
  </div>
</div>
<!-- پایان آیتم نمونه جهت افزودن جدید -->


<input type="hidden" id="FileCount" value="" style="display:none;" data-required=""> <!-- شمارنده تعداد آیتم ها جهت ایجاد شناسه های یکتا - در صورت عدم نیاز می توان حذف کرد -->

<div class="upload-file-list" id="divfiles" style="display:block"> <!-- مکانی که آیتم ها به آن اضافه می شوند -->
  <div id="AddAttachment" class="show-img __web-inspector-hide-shortcut__">
    <img id="img0" src="/themes/Admin//images/insert.png" onclick="InsertFile();"> <!-- این عکس یک علامت + هست که با کلیک روی آن یک نمونه جدید کپی و اضافه می شود به فرم -->
  </div>
</div>

<script>
  function InsertFile(FileId = -1)
  {
    var fileCount = $('#FileCount').val();
    if(fileCount.length == 0) fileCount = "0";
    var Sample = $('#divSample').html();    
    Sample = Sample.replaceAll('[index]',fileCount);  
    $('#AddAttachment').before(Sample);

    if(FileId == -1){
      $("#divfiles #file"+fileCount).click(); 
      $("#File" + fileCount + "Id").remove();
    }
    else
    {
      $("#divfiles #file"+fileCount).remove();  
      $("#File" + fileCount + "Id").val(FileId);
    }


    var fileCount = parseInt(fileCount);    
    fileCount = fileCount + 1;
    $('#FileCount').val(fileCount);   
    $('#divfiles').on('click', '.remove', function(){
      $(this).parent().remove();
    });  
  }
</script>