{% extends "layout.html" %}
{% block container %}
          <div class="card" id="data-el-4">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Available TGR's</h5>
	      {% for tgr_name, tgr_ip in sg_status['tgr'].items() %}
	      <div id="del_{{tgr_name}}" class="row" style="margin-top: 2px; margin-left: 15px">
	        <input name="tgr_name" class="chkbox" type="checkbox" value="{{tgr_name}}">
	        <span class="tgr-col" style="margin-left: 5px; width: 200px;"> {{tgr_name}}</span>
	        <span class="tgr-col">{{tgr_ip}} (<span id="{{tgr_name}}_status">Checking...</span>)</span>
              </div>
	      {% endfor %}
	      {% if sg_status['tgr'].items() %}
              <form id="upload_form" action="/tgr/delete" method="post">
              <div class="row" style="margin-top: 25px">
                <div class="col"><input id='tgr-did' class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                <div class="col"><input id='tgr-dmk' class="form-control" type="password" placeholder="DMK" id="dmk" name="dmk"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
		<div id="tgr_list_status" class="form-control scroll-x"></div>
                <div class="input-group-append">
                  <input id="delete" type="button" class="btn btn-dark text-white" value="Delete">
                </div>
              </div>
	      </form>
	      {% else %}
	      	No TGR's Are Available.<br>
		<a href="/tgr/add">Add TGR</a>
	      {% endif %}
	    </div>
          </div>
<script>
$(function(){
	var auth = {};
	$('input:checkbox[name="tgr_name"]').each(function() {
		check_status($(this).val());
	});

	function check_dmk() {
		auth = { did: $('#tgr-did').val(), dmk: $('#tgr-dmk').val() };
		$('#tgr-did').val('');
		$('#tgr-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;
	}

	function manage_vault(tgr_name, command, force=false) {
		data = {
			did: auth['did'],
			dmk: auth['dmk'],
	       		tgr_name: tgr_name,
			command: command,
			force: force
		};
		if (command == 'delete') {
			url = '/tgr/delete';
		} else {
			url = '/tgr/manage_vault';
		}
		$.ajax({
			url: url,
			type: "POST",
			data: JSON.stringify(data),
			contentType: "application/json",
			success: function(data) {
				if (command == 'delete' && data['result'] == 'OK') {
					$('#del_' + tgr_name).remove();
					$('#tgr_list_status').text(data['message']);
					return;
				} else {
					$('#' + tgr_name + '_status').html(data['message']);
				}
			}
		});
	}

	function check_status(tgr_name) {
		$('#' + tgr_name + '_status').text('Checking...');
		$.getJSON('/tgr/status?name=' + tgr_name, function(data) {
			$('#' + tgr_name + '_status').html(data['status_html']);
			if (data['status'] == 'open') {
			} else {
			}
		});
	}
	$('#delete').click(function(){
		var checkedCount = $('input:checkbox[name="tgr_name"]:checked').length;
		if (checkedCount == 0) {
			alert('Please select at least one TGR to delete.');
			return;
		}

		bootbox.prompt({
		    title: "Are you sure?",
		    value: [],
		    inputType: 'checkbox',
		    inputOptions: [{
			text: 'Select this option to delete \'unreachable\' TGR\'s',
			value: true,
		    }],
		    callback: async function (result) {
		    	if (result == null) return; // Cancel

			await showWaitingScreen()
			if (result[0] == 'true') {
				force = true;
			} else {
				force = false;
			}
			$('#tgr_list_status').text('Authentication...');
			res = check_dmk();
			$('#tgr_list_status').text(res['message']);
			if (res['result'] == 'OK') {
				$('#tgr_list_status').text('Authentication...Done.');
				data = { did: auth['did'], dmk: auth['dmk'] };
				count = 0;
				$('input:checkbox[name="tgr_name"]:checked').each(function() {
					tgr_name = $(this).val();
					$('#' + tgr_name + '_status').text('Deleting...');
					data['tgr_name'] = tgr_name;
					manage_vault(tgr_name, 'delete', force);
					count = count + 1;
				});
				if (count == 0) {
					$('#tgr_list_status').text('No TGR selected!');
				} else {
					$('#tgr_list_status').text('Deleting ' + count + ' TGR(s)');
				}
			} else {
				$('#tgr_list_status').text('Authentication...Failed.');
			}
			hideWaitingScreen();
		    }
		});
	});
});
</script>
{% endblock %}