{% if sg_status['license_agree'] != True %}
{% extends "layout-no-menu.html" %}
{% else %}
{% extends "layout.html" %}
{% endif %}
{% block container %}
	<div class="card" id="data-el-3">
	    {% if not 'Not defined' in sg_status['did'] %}
            <div class="card-body">
	      <ul>
		      <li> License: {{ sg_status['license']|safe }}
		      <li>
			      Subscription type: {{ sg_status['subscription']|safe }}
                      {% if sg_status['tg_type'] == 'TGM' %}
			      {% if sg_status['subscription'] == 'trial' %}
			      ( <a href="https://www.servergeneral.com/our-products/transfer-general/upgrade/?license={{sg_status['license_key']}}">Upgrade Now</a> )
			      {% endif %}
		      {% endif %}
		      </li>
		      <li> Expiry date: {{ sg_status['expiry_date']|safe }}
                      {% if sg_status['tg_type'] == 'TGR' %}
		      <li> Machine Type: TGR (controlled by {{sg_status['tgm_hostname']}} ({{sg_status['tgm_ip_address']}}))
		      {% endif %}
                      {% if sg_status['tg_type'] == 'TGM' %}
                        {% if not 'tgm_clone_from' in sg_status.keys() %}
		      <li> Machine Type: TGM
                        {% else %}
                      <li> Machine Type: TGM (Clone of {{sg_status['tgm_clone_from']}})
		        {% endif %}
		      <li> Project: {{sg_status['project_id']}}
		      {% endif %}
		      <li> GCP Billing Account: {{sg_status['billing_account_status']}}
		      <li> GCP Service Account: {{sg_status['service_account']['value']}}
		      <li> GCP Bucket Name: {{sg_status['bucket_name_status']}}
	      </ul>
	      <ul>
                      {% if sg_status['tg_type'] != 'TGR' %}
		      <li> Security Officer: {{ sg_status['sid']|safe }}
		      <li> Data Admin: {{ sg_status['did']|safe }}
		      {% endif %}
		      <li> Data Vault Status: {{ sg_status['vault']|safe }}
                      {% if sg_status['tg_type'] == 'TGR' %}
		      <li> The last data update: {{ sg_status['tgr_xfr_status']|safe }}
		      {% endif %}
                      {% if sg_status['tg_type'] == 'TGM' %}
		      <li> NFS Data Source Status: {{ sg_status['mount_nfs']|safe }}
		      <li> SMB(Windows Share) Data Source Status: {{ sg_status['mount_smb']|safe }}
		      {% endif %}
	      </ul>
	      <ul>
		      {% if sg_status['tg_type'] == 'TG-MYSQL' %}
		      <li>
				MySQL "root" password: {{ sg_status['mysql_root_pass'] }}<br />
		      </li>
		      {% endif %}
	      </ul>
	      <ul>
		      <li> Dashboard Version: {{ sg_status['dashboard-version'] }}
		      <li> Server General Version: {{ sg_status['sg-version'] }}
	      </ul>
	      <canvas id='diskusage' width="300" height="150" style="margin-left: 20px"></canvas>
	<script>
		var ctx = document.getElementById('diskusage').getContext('2d');
		var myChart = new Chart(ctx, {
			type: 'pie',
			data: {
				labels: ["encrypted_data", "other", "free space"],
				datasets: [{
					backgroundColor: [
						"#c97586",
						"#bbbcde",
						"#93b881",
					],
					data: {{ sg_status['disk_usage'] }}
				}]
			},
			options: {
				plugins: {
					legend: {
						position: 'right',
						align: 'start',
					},
				},
				responsive: false,
			},
		});
	</script>
	    </div>
	  </div>
	<script>
	  $(function(){
	    function check_updates() {
	      var id = setTimeout(function(){check_updates()}, 5000);
	      $.getJSON("/admin/check_update", function(data) {
	        if (data['result'] == 'OK') {
		  if (data['count'] == 0) {
		    clearTimeout(id);
	            location.reload();
		  }
		}
	      });
	    }

	    $.getJSON("/admin/check_update", function(data) {
	      if (data['result'] == 'OK') {
		if (data['count'] > 0) {
		  $('#tg-update').addClass('upgradable');
		  $('#tg-update').text('Updates Available');
		  $('#tg-update').click(function(){
		    $('#tg-update').prop('disabled', true);
		    $('#tg-update').text('Updating...');
		    $.getJSON("/admin/do_update", function(data) {
		    });
		    check_updates();
		  });
		} else {
		  $('#tg-update').off('click');
		  $('#tg-update').prop('disabled', false);
		  $('#tg-update').addClass('no-updates');
		  $('#tg-update').text('No Updates Available');
		}
		$('#tg-update').show();
	      }
	    });
	  });
	</script>
	  {% endif %}
	      {% with messages = get_flashed_messages() %}
	        {% if messages %}
		   <div class=flashes>
		   {% for message in messages %}
		   <span style="color: green">{{ message }}</span><br />
		   {% endfor %}
		   </div>
		{% endif %}
              {% endwith %}
          {% if sg_status['license_agree'] != True %}
	      <h5 class="card-title px-2 pt-2 m-0">Server General License Agreement</h5>
              <form action="/admin/agree_license" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col"><textarea rows="20" class="form-control" id="license" name="license">{{ sg_status['agreement_text'] }}</textarea></div>
                </div>
                <div class="row" style="margin-top: 25px">
		    <div class="col">
                    <label>Do you agree? </label>
                    <input type="submit" value="Yes">
                    <input type="submit" value="No" formaction="/exit">
                    </div>
                  </div>
                </div>
              </form>
          {% elif 'Not activated' in sg_status['license'] and session['check_connectivity'] != True %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Checking connectivity...</h5>
              <form action="/" method="get">
                <div class="row" style="margin-top: 25px">
			<div class="col">
				<dl>
				<dt></dt>
					<dd id="cklic" class="os"> Pinging the licensing server ... </dd>
					<dd id="ckkey" class="os"> Pinging the key locker ... </dd>
					<dd id="cklog" class="os"> Pinging the logging server ... </dd>
				</dl>
			</div>
                </div>
<script>
$(function(){
	$.getJSON('/admin/check_connectivity', function(data) {
		 for (key in data) {
			 result = data[key] ? '<span style="color: green">Passed</span>' : '<span style="color: red">Failed</span>';
			 text = $('#' + key).text();
			 $('#' + key).html(text + result);
		 }
		 
	});
});
</script>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x"></div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Proceed">
                    <input type="submit" class="btn btn-dark text-white" style="margin-left: 3px" value="Abort" formaction="/exit">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% elif 'Not activated' in sg_status['license'] %}
	  {% if sg_status['license_type'] == None %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">License Activation (if you have a license)</h5>
              <form action="/admin/activate" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col"><textarea class="form-control" id="license" name="license" placeholder="Enter the license string or contact admin@servergeneral.com to get one">{{ input_values['license'] }}</textarea></div>
                </div>
		{% if sg_status['tg_type'] == False %}
		<div class="row mt-2">
		  <div class="col">
		    <p>Please select a machine type (TGM or TGR/TGM Clone) to continue. This is a required field. </p>
		    <div class="mx-2" style="{% if 'license' in input_values and input_values['tg_type'] == False %} border: 1px solid red; {% endif %}">
		    <div class="col">
			    <input type="radio" name="tg_type" value="TGM" {% if input_values['tg_type'] == 'TGM' %}checked{% endif %}>Transfer General Main (TGM)
		    </div>
		    <div class="col">
			    <input type="radio" name="tg_type" value="TGR" {% if input_values['tg_type'] == 'TGR' %}checked{% endif %}>Transfer General Remote (TGR) / Transfer General Main Clone (TGM Clone)
		    </div>
		    </div>
		    {% if 'license' in input_values and input_values['tg_type'] == False %}<p class="text-danger">{{command_status['machine_type_error']}}</p>{% endif %}
		       <p>Important: Machine type changes cannot be made later.</p>
		  </div>
                </div>
		{% endif %}
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['activate'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Activate">
                  </div>
                </div>
              </form>
            </div>
	    {% endif %}
            <div class="card-body ov-auto">
              {% if sg_status['license_type'] == None %}
	      <h5 class="card-title">Get Trial License</h5>
	      {% else %}
	      <h5 class="card-title">Activate License</h5>
	      {% endif %}
              <form action="/admin/get_trial_license" method="post">
	      <div class="row" style="margin-top: 25px;">
		      <div class="col">First Name<input type="text" class="form-control" id="first_name" name="first_name" value="{{ input_values['first_name'] }}"></div>
                </div>
                <div class="row" style="">
			<div class="col">Last Name<input type="text" class="form-control" id="last_name" name="last_name" value="{{ input_values['last_name'] }}"></div>
                </div>
                <div class="row" style="">
			<div class="col">Work Email<input type="email" class="form-control" id="work_email" name="email" value="{{ input_values['email'] }}">
				<button id="send_security_code" type="button" class="btn btn-dark text-white m-1">Get Security Code</button>
			</div>
                </div>
                <div class="row" style="">
			<div class="col">Security Code<input type="text" class="form-control" id="security_code" name="security_code"></div>
			<input type="hidden" name="challenge" id="challenge">
                </div>
                <div class="row" style="">
			<div class="col">Company Name<input type="text" class="form-control" id="company_name" name="company_name" value="{{ input_values['company_name'] }}"></div>
                </div>
		{% if sg_status['tg_type'] == False %}
		<div class="row mt-2">
		  <div class="col">
		    <p>Please select a machine type (TGM or TGR/TGM Clone) to continue. This is a required field. </p>
		    <div class="mx-2" style="{% if not 'license' in input_values and input_values['tg_type'] == False %} border: 1px solid red; {% endif %}">
		    <div class="col">
			    <input type="radio" name="tg_type" value="TGM" {% if input_values['tg_type'] == 'TGM' %}checked{% endif %}>Transfer General Main (TGM)
		    </div>
		    <div class="col">
			    <input type="radio" name="tg_type" value="TGR" {% if input_values['tg_type'] == 'TGR' %}checked{% endif %}>Transfer General Remote (TGR) / Transfer General Main Clone (TGM Clone)
		    </div>
		    </div>
		    {% if not 'license' in input_values and input_values['tg_type'] == False %}<p class="text-danger">{{command_status['machine_type_error']}}</p>{% endif %}
		       <p>Important: Machine type changes cannot be made later.</p>
		  </div>
                </div>
		{% endif %}
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['get_trial_license'] }}</div>
                  <div class="input-group-append">
		    {% if sg_status['license_type'] == None %}
                    <input type="submit" class="btn btn-dark text-white" value="Get Trial License">
		    {% else %}
                    <input type="submit" class="btn btn-dark text-white" value="Activate License">
		    {% endif %}
                  </div>
                </div>
              </form>
            </div>
          </div>
	  <script>
	$(function(){
		$('#send_security_code').click(function(){
			if (confirm('Do you want the security code to be sent to the email address you just entered?')) {
			  var data = JSON.stringify({
			      email: $('#work_email').val()
			  });
			  $.ajax({
			      type: "POST",
			      url: "/admin/send_security_code",
			      data: data,
			      dataType: "json",
			      contentType: "application/json"
			  }).done(function (data, textStatus, jqXHR) {
			      if (data['result'] == 'OK') {
			          $('#challenge').val(data['challenge']);
				      alert('The security code has been sent to ' + $('#work_email').val() + '. Please check.');
			      } else {
				  alert(data['message']);
			      }
			  });
			}
		});
	  });
	  </script>
          {% elif sg_status['sgadmin_configured'] != True %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Configure sgadmin password</h5>
              <form action="/admin/change_sgadmin_pass" method="post">
                <div class="row" style="margin-top: 25px">
		  <div class="col"><input class="form-control" placeholder="Alpha-numeric string at-least 10 characters long" type='password' id="sga" name="sga"></div>
		  <div class="col"><input class="form-control" placeholder="Re-type password" type='password' id="sga2" name="sga2"></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['sga'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Submit">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% elif sg_status['tg_type'] == 'TGR' %}
          {% if sg_status['tg_pub'] == False and session['opening_screen'] != True %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Transfer General Remote (TGR) or Transfer General Main Clone (TGM Clone) works in conjunction with Transfer General Main (TGM). Here are the requirements to set up the TGR / TGM Clone:</h5>
              <form action="/admin/os_proceed" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col">
				<dl>
				<dt>1) The Remote Transfer General (the one you are currently installing)</dt>
					<dd class="os"> An open port to accept “ssh” connections from TGM </dd>
					<dd class="os"> Unrestricted *outbound* access to the Internet (run test)</dd>
					<dd class="os"> A valid license
				</dl>
				<dl>
				<dt>2) Access to a fully functional Transfer General Main (TGM)</dt>
				</dl>
			</div>
                </div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x"></div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Proceed">
                    <input type="submit" class="btn btn-dark text-white" style="margin-left: 3px" value="Abort" formaction="/exit">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% elif sg_status['tg_pub'] == False %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Enter the public key for the “sgadmin” user on the TGM</h5>
              <form action="/admin/set_tg_pub" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col"><textarea class="form-control" style="height:350px" id="tg-pub" name="tg-pub"></textarea></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['set_tg_pub'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Proceed">
                    <input type="submit" class="btn btn-dark text-white" style="margin-left: 3px" value="Abort" formaction="/exit">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% elif 'Not defined' in sg_status['did'] %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Please contact the TGM admin now.</h5>
              <form action="/admin/remove_tg_pub" method="post">
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">Waiting for the TGM admin.</div>
                  <div class="input-group-append">
			<input type="button" class="btn btn-dark text-white" style="width:215px" value="Check configuration status">
		  </div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">Public key is configured.</div>
                  <div class="input-group-append">
                 	<input type="submit" class="btn btn-dark text-white" style="width:215px" value="Re-configure public key">
		  </div>
                </div>
                </div>
              </form>
            </div>
          </div>
          {% endif %}
          {% elif sg_status['tg_type'] != 'TGR' %}
	  {% if 'Not defined' in sg_status['sid'] %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Configure Security Officer's Passphrase (SMK)</h5>
	      <div class="text-danger">* required field</div>
              <form action="/admin/create_smk" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col">First Name<span class="text-danger">*</span><input type="text" class="form-control w-auto" id="first_name" name="first_name"></div>
                </div>
                <div class="row" style="">
			<div class="col">Last Name<span class="text-danger">*</span><input type="text" class="form-control w-auto" id="last_name" name="last_name"></div>
                </div>
                <div class="row" style="">
			<div class="col">Work Email<span class="text-danger">*</span><input type="email" class="form-control w-auto" id="work_email" name="email"></div>
                </div>
                <div class="row" style="">
			<div class="col">Phone<span class="text-danger">*</span><input type="phone" class="form-control w-auto" id="phone" name="phone"></div>
                </div>
                <div class="row" style="">
			<div class="col">Passphrase (SMK)<span class="text-danger">*</span><input class="form-control w-25" style="min-width: 350px" placeholder="Alpha-numeric string at-least 16 characters long" type='password' id="smk" name="smk"></div>
                </div>
                <div class="row" style="">
			<div class="col">Confirm Passphrase (SMK)<span class="text-danger">*</span><input class="form-control w-25" style="min-width: 350px" placeholder="Re-type passphrase" type='password' id="smk2" name="smk2"></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['smk'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Submit">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% elif 'Not defined' in sg_status['did'] %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Configure Data Administrator's Passphrase (DMK)</h5>
	      <div class="text-danger">* required field</div>
              <form action="/admin/create_dmk" method="post">
                <div class="row" style="margin-top: 25px">
			<div class="col">First Name<span class="text-danger">*</span><input type="text" class="form-control w-auto" id="first_name" name="first_name"></div>
                </div>
                <div class="row" style="">
			<div class="col">Last Name<span class="text-danger">*</span><input type="text" class="form-control w-auto" id="last_name" name="last_name"></div>
                </div>
                <div class="row" style="">
			<div class="col">Work Email<span class="text-danger">*</span><input type="email" class="form-control w-auto" id="work_email" name="email"></div>
                </div>
                <div class="row" style="">
			<div class="col">Phone<span class="text-danger">*</span><input type="phone" class="form-control w-auto" id="phone" name="phone"></div>
                </div>
                <div class="row" style="">
			<div class="col">Passphrase (DMK)<span class="text-danger">*</span><input class="form-control w-25" style="min-width: 350px" placeholder="Alpha-numeric string at-least 16 characters long" type='password' id="dmk" name="dmk"></div>
                </div>
                <div class="row" style="">
			<div class="col">Confirm Passphrase (DMK)<span class="text-danger">*</span><input class="form-control w-25" style="min-width: 350px" placeholder="Re-type passphrase" type='password' id="dmk2" name="dmk2"></div>
                </div>
                <div class="row" style="">
			<div class="col">Enter Security Officer's Passphrase (SMK)<span class="text-danger">*</span><input class="form-control w-25" style="min-width: 350px" placeholder="Enter Security Oficer's passphrase" type='password' id="smk" name="smk"></div>
		</div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['dmk'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Submit">
                  </div>
                </div>
              </form>
            </div>
          </div>
	  {% elif False and 'Not uploaded' in sg_status['bucket_creds'] %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
		    <h5 class="card-title">Bucket JSON Credential File</h5>
              <form action="/bucket/upload?p=index&menu=dmk" method="post" enctype="multipart/form-data">
                <div class="row" style="margin-top: 25px">
                  <div class="col"><input class="form-control" type="file" placeholder="Bucket Credencial File" id="bucket-creds" name="bucket-creds"></div>
		</div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['bucket-creds'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Upload file">
                  </div>
                </div>
              </form>
            </div>
          </div>
	  {% elif False and 'Not configured' in sg_status['bucket'] %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Bucket Name</h5>
              <form action="/bucket/save_name?p=index&menu=dmk" method="post">
                <div class="row" style="margin-top: 25px">
                  <div class="col"><input class="form-control" type="text" placeholder="Bucket name" id="bucket_name" name="bucket_name"></div>
		</div>
                <div class="input-group" style="margin-top: 10px">
	  	  <div class="form-control scroll-x">{{ command_status['bucket'] }}</div>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Save">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% endif %}
	  {% endif %} <!-- END IF FOR TGTYPE -->
{% endblock %}