{% extends "layout.html" %}
{% block container %}
          {% if sg_status['tg_type'] == 'TGM' %}
          <div class="card" id="data-el-4">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Transfer Into Bucket ({{ sg_status['bucket_path']|safe }})</h5>
              <form id="upload_form" action="/data/upload-into-bucket" method="post">
              <div class="row" style="margin-top: 25px">
                <div class="col"><input class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                <div class="col"><input class="form-control" type="password" placeholder="DMK" id="dmk" name="dmk"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
		<select name="transfer-mode">
			<option value="normal">Normal</option>
			<option value="mirror">Mirror</option>
		</select>
                <input type="text" class="form-control" placeholder="{{ command_status['upload_status'] }}" readonly>
                <div class="input-group-append">
                  <input type="button" class="btn btn-dark text-white" value="Transfer" onClick="mirror_confirm('upload_form')">
                </div>
              </div>
	      </form>
	    </div>
          </div>
          {% endif %}
          <div class="card" id="data-el-4">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Download From Bucket ({{ sg_status['bucket_path']|safe }})</h5>
              <form id='download_form' action="/data/download-from-bucket" method="post">
              <div class="row" style="margin-top: 25px">
                <div class="col"><input class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                <div class="col"><input class="form-control" type="password" placeholder="DMK" id="dmk" name="dmk"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
		<select name="transfer-mode">
			<option value="normal">Normal</option>
			<option value="mirror">Mirror</option>
		</select>
                <input type="text" class="form-control" placeholder="{{ command_status['download_status'] }}" readonly>
                <div class="input-group-append">
                  <input type="button" class="btn btn-dark text-white" value="Download" onClick="mirror_confirm('download_form')">
                </div>
              </div>
	      </form>
	    </div>
          </div>
          <div class="card" id="data-el-4" style="height: 25vh;">
	    <h5 class="card-title" style="margin-top: 25px; margin-left:25px;">Transfer Results</h5>
            <div class="card-body ov-auto">
              <div class="row" style="margin-top: 5px">
                <ul class="list-group list-group-flush">
                  {% for i in rsync_results %}
                  <li class="list-group-item">{{ i }}</li>
                  {% endfor %}
                </ul>
              </div>
            </div>
          </div>
	  <script>
	     function mirror_confirm(method) {
		if (method == "upload_form") {
			message = "Caution: This option will copy all data from the encrypted TG repository to the bucket and delete all other data in the bucket that is not in the repository. Please exercise caution: It's possible to delete large amounts of data accidentally from your bucket.";
		} else if (method == 'download_form') {
			message = "Caution: This option will copy all data from the bucket to the TG repository and delete all other data in the TG repository that is not in the bucket. Please exercise caution: It's possible to delete large amounts of data accidentally that has been previously downloaded.";
		} else if (method == 'smb_form') {
			message = "Security Warning: The SMB protocol is not a secure protocol. Hence you should select the install option only when your TGR is installed behind your firewall.";
		}
		if ($('#' + method + ' select').val() == 'mirror' || method == 'smb_form') {
			bootbox.confirm({
			    message: message,
			    buttons: {
				confirm: {
				    label: 'Yes',
				    className: 'btn-success'
				},
				cancel: {
				    label: 'No',
				    className: 'btn-danger'
																    }
			    },
			    callback: function (result) {
				if (result == true) {
					$('#' + method).submit();
				}
			    }
			});
		} else {
		  $('#' + method).submit();
		}
	     }
	  </script>
{% endblock %}