{% extends "layout.html" %}
{% block container %}
<div class="card" id="data-el-3">
	<div class="card-body ov-auto">
		<h5 class="card-title">Mount NFS Source ({{ sg_status['mount_nfs']|safe }})</h5>
		<form action="/datasource/mount-nfs" method="post">
		{% if not 'Configured' in sg_status['mount_nfs'] %}
			<div class="row" style="margin-top: 25px">
				<div class="col"><input class="form-control" type="text" placeholder="NFS Server IP Address" id="nfs_server_ip" name="nfs_server_ip"></div>
				<div class="col"><input class="form-control" type="text" placeholder="NFS Share Path" id="nfs_share_path" name="nfs_share_path"></div>
			</div>
			<div class="row" style="margin-top: 10px">
				<div class="col"><input class="form-control" type="text" placeholder="Advanced Mount Parameters(Ex. user=admin,password=adminpass)" id="nfs_mount_option" name="nfs_mount_option"></div>
			</div>
			<div class="input-group" style="margin-top: 10px">
			  <div class="form-control scroll-x">{{ command_status['mount_nfs'] }}</div>
				<!--input type="text" class="form-control" placeholder="{{ command_status['mount_nfs'] }}" readonly-->
			  <div class="input-group-append">
			    <input type="submit" class="btn btn-dark text-white" value="Mount">
			  </div>
			</div>
		{% else %}
			<div class="input-group" style="margin-top: 10px">
				<input type="text" class="form-control" placeholder="{{ command_status['mount_nfs'] }}" readonly>
				<div class="input-group-append">
					<input type="submit" class="btn btn-dark text-white" value="UnMount" formaction='/datasource/umount-nfs'>
				</div>
			</div>
		{% endif %}
		</form>
	</div>
	<div class="card-body ov-auto">
		<h5 class="card-title">Mount SMB(Windows Share) Source ({{ sg_status['mount_smb']|safe }})</h5>
		<form action="/datasource/mount-smb" method="post" onsubmit="escapeSMBPath()">
		{% if not 'Configured' in sg_status['mount_smb'] %}
			<div class="row" style="margin-top: 25px">
				<div class="col"><input class="form-control" type="text" placeholder="SMB Share Path (ex \\192.168.x.x\share)" id="smb_share_path" name="smb_share_path"></div>
			</div>
			<div class="row" style="margin-top: 10px">
				<div class="col"><input class="form-control" type="text" placeholder="Advanced Mount Parameters(Ex. user=admin,password=adminpass)" id="smb_mount_option" name="smb_mount_option"></div>
			</div>
			<div class="input-group" style="margin-top: 10px">
				<input type="text" class="form-control" placeholder="{{ command_status['mount_smb'] }}" readonly>
				<div class="input-group-append">
					<input type="submit" class="btn btn-dark text-white" value="Mount">
				</div>
			</div>
		{% else %}
			<div class="input-group" style="margin-top: 10px">
				<input type="text" class="form-control" placeholder="{{ command_status['mount_smb'] }}" readonly>
				<div class="input-group-append">
					<input type="submit" class="btn btn-dark text-white" value="UnMount" formaction='/datasource/umount-smb'>
				</div>
			</div>
		{% endif %}
		</form>
	</div>
	<div class="card-body ov-auto">
		<h5 class="card-title">SFTP service ({{ sg_status['sftp']|safe }})</h5>
		<form action="/datasource/start-sftp" 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>
		{% if not 'Enabled' in sg_status['sftp'] %}
			<div class="input-group" style="margin-top: 10px">
				<input type="text" class="form-control" placeholder="{{ command_status['sftp_status'] }}" readonly>
				<div class="input-group-append">
					<input type="submit" class="btn btn-dark text-white" value="Enable">
				</div>
			</div>
		{% else %}
			<div class="input-group" style="margin-top: 10px">
				<input type="text" class="form-control" placeholder="{{ command_status['sftp_status'] }}" readonly>
				<div class="input-group-append">
					<input type="submit" class="btn btn-dark text-white" value="Disable" formaction='/datasource/stop-sftp'>
				</div>
			</div>
		{% endif %}
		</form>
	</div>
</div>
<script>
$(function(){
	function PasswordModal() {
	  var message = `
            <p class="my-0 mx-1">uploader: {{command_status['uploader_pass']}}</p>
	    <p class="my-0 mx-1">downloader: {{command_status['downloader_pass']}}</p>
	    <p class="mt-4 mb-0 mx-1 small">Important: Before clicking "OK," please ensure you have securely noted down the displayed information. Once you proceed, the information will be removed for your security.</p>
	  `;

	  bootbox.dialog({
	    title: "Password information",
	    message: message,
	    buttons: {
	      ok: {
		label: "OK",
		className: "btn-primary",
                callback: function() {
                   // Redirect to a new page
                   window.location.href = "/datasource";
                }
	      }
	    }
	  });
	}
	{% if command_status['uploader_pass'] %}
	PasswordModal();
	{% endif %}
});

// JavaScript function to escape the SMB Share Path entered by the user
function escapeSMBPath() {
    // Get the input element for SMB Share Path
    var smbSharePathInput = document.getElementById('smb_share_path');
    // Get the user-entered value for SMB Share Path
    var smbSharePathValue = smbSharePathInput.value;
    // Escape the SMB Share Path by replacing backslashes with double backslashes
    var escapedSMBPathValue = smbSharePathValue.replace(/\\/g, '\\\\');
    // Set the escaped value back into the input field
    smbSharePathInput.value = escapedSMBPathValue;
}
</script>
{% endblock %}