{% extends "layout.html" %}
{% block container %}
          <div class="card" id="data-el-4">
            <div id="data-transfer-job" class="card-body ov-auto">
	        <h5 class="card-title" style="margin-top: 25px">Transfer Job: ({{sg_status['transferjob_status']|safe}})</h5>
              <div class="row" style="margin-top: 25px">
                <div class="col"><input id="did" class="form-control" type="text" placeholder="Data Admin-ID"></div>
		<div class="col"><input id="dmk" class="form-control" type="password" placeholder="DMK"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
                <div class="input-group-append">
			      <button id="start" class="btn btn-secondary text-white">Start Transfer Job</button>
			      <button id="stop" class="btn btn-dark text-white">Stop Transfer Job</button>
                </div>
              </div>
<script>
$(function(){
	var auth = {};
	function check_dmk() {
		auth = { did: $('#did').val(), dmk: $('#dmk').val() };
		$('#did').val('');
		$('#dmk').val('');
		var res = {};
		$.ajax({
			url: "/tgr/check_dmk",
			type: "POST",
			data: JSON.stringify(auth),
			contentType: "application/json",
			success: function(result) {
				res = result;
			},
			async: false
		});
		return res;
	}

	$('#start').click(function(){
		$('#tgr_list_status').text('Authentication...');
		res = check_dmk();
		if (res['result'] == 'OK') {
			$('#tgr_list_status').text('Authentication...Done.');
			$.ajax({
				type: 'get',
				url: '/gcloud/start_transferjob',
				dataType: 'json',
				success: function(data) {
					alert(data['message']);
					location.reload(true);
				},
				error: function() {
					alert('Server Error');
					location.reload(true);
				}
			});
		} else {
			$('#tgr_list_status').text('Authentication...Failed.');
		}
	});
	$('#stop').click(function(){
		$('#tgr_list_status').text('Authentication...');
		res = check_dmk();
		if (res['result'] == 'OK') {
			$('#tgr_list_status').text('Authentication...Done.');
			$.ajax({
				type: 'get',
				url: '/gcloud/stop_transferjob',
				dataType: 'json',
				success: function(data) {
					alert(data['message']);
					location.reload(true);
				},
				error: function() {
					alert('Server Error');
					location.reload(true);
				}
			});
		} else {
			$('#tgr_list_status').text('Authentication...Failed.');
		}
	});
});
</script>
{% endblock %}