<script type="text/javascript">
$(function() {
  localDomains = "<%= @local_domains %>";
  total_file_size_limit = 1024 * 1024 * <%= @params_app_env['FILE_TOTAL_SIZE_LIMIT'].to_i %>
  total_file_size = 0;
  total_queued_number = 0;
  transfer_file_size = 0;

  var uploadObj = $("#advancedUpload").uploadFile({
    url:"<%= url_for(controller: :requested_file_send, action: :upload5) %>",
    multiple:true,
    autoSubmit:false,
    fileName:"myfile",
    headers: {
      'X-CSRF-Token' : document.querySelector('meta[name="csrf-token"]').content
    },
    formData: {"requsted_matter_id":'<%= @requested_matter.id  %>',
               "authenticity_token":document.querySelector("#send_matter input[name='authenticity_token']").value},
    maxTotalFileSize:1024 * 1024 * <%= @params_app_env['FILE_TOTAL_SIZE_LIMIT'].to_i %>,
    maxFileSize:1024 * 1024 * <%= @params_app_env['FILE_SIZE_LIMIT'].to_i %>,
    maxFileCount: <%= @params_app_env['FILE_SEND_LIMIT'].to_i %>,
    showDelete: false,
    showAbort: false,
    showStatusAfterSuccess:true,
    afterUploadAll:function(){
      document.getElementById("send_matter").submit();
    },
    onSubmit:function(files) {
    },
    onSelect:function(files) {
    },
    onSuccess:function(files,data,xhr){
        transfer_file_size += parseInt(data.size);
        show_transfer_rate_html5(Math.ceil((transfer_file_size/total_file_size) * 100));
    },
    onError: function(files,status,errMsg) {
      alert('ファイル送信中にエラーが発生しました。');
    },
    uploadStr:"ファイルを選択",
    dragDropStr: "<span><b>またはここにドラッグ&ドロップしてください</b></span>",
    abortStr:"中断",
    cancelStr:"キャンセル",
    doneStr:"送信完了",
    showDone: true,
    maxFileCountErrorStr: " は送信できません。送信可能なファイル数：",
    sizeErrorStr: " は送信できません。送信可能な最大ファイルサイズ： ",
    maxTotalSizeErrorStr: " は送信できません。送信可能な合計最大ファイルサイズ： "
  });

  $.validationEngineLanguage.newLang(localDomains);
  $("#send_matter").validationEngine('detach');
  $("#send_matter").validationEngine('hideAll');
  $("#send_matter").validationEngine({
    promptPosition: "bottomLeft",
    binded: true,
    focusFirstField : false,
    onValidationComplete: function(form, status){

      if (status == true) {
        if (total_queued_number > 0) {
          var submitbtn = document.getElementById("submitbtn");
          submitbtn.innerHTML = '<%= image_tag(asset_path("common/but_send_x.jpg"), alt: 'But_send_x') %>';
          uploadObj.startUpload();
        }
      } else {
        check_submitted = 1;
      }
    }
  });
});

</script>

<%= form_with(model: @requested_matter, url: {action: :create}, 
  id: 'send_matter', method: :post, html: {name: "send_matter"}) do |f| -%>
  <%= hidden_field_tag(:requested_matter_id, @requested_matter.id) %>
  <%= hidden_field_tag(:requested_matter_url, @requested_matter.url) %>

  <h1>ファイル送信</h1>
  <p class="comment">
    ファイルを送ってもらうよう依頼された方は，この画面から送信が可能です。<br />
    以下のフォームに必要事項を記入し，[ファイルを送信する]をクリックしてください。
    （<span class="required">※</span> 印は必須項目です。）
  </p>
  <p class="comment">
    正常に送信できない場合は右のバージョンをお試しください。
    （ <%= link_to '簡易バージョン', action: :index_noflash -%> ）
  </p>

  <h2>１．送信者情報　（ファイルを送るあなたの情報）</h2>
  <fieldset>
    <legend>送信者情報</legend>
    <div class="table-a">
      <div class="item-top">あなたの名前</div>
      <div class="input-top"><%= h @requested_matter.name %></div>
      <div class="item-bot">あなたのメールアドレス</div>
      <div class="input-bot"><%= h @requested_matter.mail_address %></div>
    </div>
  </fieldset>

  <h2>２．依頼者情報　（ファイルを送信を依頼した相手の情報）</h2>
  <fieldset>
    <legend>依頼者情報</legend>
    <div class="table-a">
      <div class="item-top">相手の名前</div>
      <div class="input-top"><%= h @requested_matter.request_matter.name %></div>
      <div class="item-bot">相手のメールアドレス</div>
      <div class="input-bot"><%= h @requested_matter.request_matter.mail_address %></div>
    </div>
  </fieldset>

  <%= render 'password', f: f %>

  <h2>４．送信するファイルの選択</h2>
  <span class="left">
    <%= h @params_app_env['FILE_SEND_LIMIT'].to_i %>ファイル
    （合計<%= h @params_app_env['FILE_TOTAL_SIZE_LIMIT'].to_i %>MB）まで送信できます。
    （1ファイルの最大サイズは<%= h @params_app_env['FILE_SIZE_LIMIT'].to_i %>MBまで）
    <br />
    ファイルを選択後，下の「ファイルを送信する」ボタンを押してください。
  </span>
  <fieldset>
    <legend>送信するファイルの選択</legend>
    <span class="left">
      <div style="width:auto;display: table;">
        <div class="upload_status_label" style="display: table-cell;">選択ファイル数：</div>
        <div class="upload_status_value" style="display: table-cell;"><span id="total_queued_number_value" class="upload_value">0</span></div>
        <div style="display: table-cell;">&nbsp;&nbsp;</div>
        <div class="upload_status_label" style="display: table-cell;">合計サイズ：</div>
        <div class="upload_status_value" style="display: table-cell;"><span id="total_file_size_value" class="upload_value">0</span></div>
      </div>
    </span>
    <div id="advancedUpload">ファイルを選択</div>
    <span class="left">
      <div style="width:100%;text-align:right;margin: 30px 0px 0px 0px;">
        <div style="width:auto;display: table;margin-left:auto;margin-right:0;">
          <div class="upload_status_label" style="display: table-cell;">全体の送信状況：</div>
          <div class="upload_status_value" style="display: table-cell;">
            <div id="progressbar"></div><div id="transfer_rate_html5">0%</div>
          </div>
        </div>
      </div>
    </span>
  </fieldset>

  <br /><br />
  <p id="submitbtn" align="center"><%= image_submit_tag("common/but_send.gif" ) %></p>
  <br /><br />
<% end -%>
