|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Company Profile</title>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
|
|
|
|
<style>
|
|
.container {
|
|
margin-top: 50px;
|
|
max-width: 600px;
|
|
padding: 40px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
//background-color: #fff;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.container::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: url('..\static\img\redmindlogo3.jpg') no-repeat center center;
|
|
background-size: contain;
|
|
opacity: 0.1;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.form-group label {
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
display: block;
|
|
}
|
|
|
|
.form-group input, .form-group select {
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.btn-primary {
|
|
margin-right: 10px;
|
|
color: black;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.btn-container {
|
|
text-align: center;
|
|
margin-top: 0px;
|
|
color: white;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.4.0/dist/select2-bootstrap4.min.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
{% include 'sidepane.html' %}
|
|
<div class="container mt-5">
|
|
<h2>Company Profile</h2>
|
|
<form id="companyProfileForm" class="needs-validation" novalidate>
|
|
<div class="form-group">
|
|
<label for="company_name">Company Name</label>
|
|
<input type="text" id="company_name" name="company_name" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="company_code">Company Code</label>
|
|
<input type="text" id="company_code" name="company_code" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="domain">Domain/Business</label>
|
|
<input type="text" id="domain" name="domain" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="llm_tools">LLM Tools</label>
|
|
<select id="llm_tools" name="llm_tools[]" class="form-control" multiple>
|
|
<option value="tool1">Database</option>
|
|
<option value="tool2">Static Documents</option>
|
|
<option value="tool3">API</option>
|
|
|
|
</select>
|
|
</div>
|
|
<div class="btn-container">
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
<button type="reset" class="btn btn-primary">Clear</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% include 'footer.html' %}
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
$('#llm_tools').select2({
|
|
theme: 'bootstrap4',
|
|
placeholder: 'Select LLM Tools',
|
|
allowClear: true
|
|
});
|
|
|
|
$('#companyProfileForm').on('submit', function(event) {
|
|
event.preventDefault();
|
|
alert('Data saved successfully!');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|
|
|
