562 lines
34 KiB
HTML
562 lines
34 KiB
HTML
<!DOCTYPE html>
|
||
<?php require_once "../auth-manager.php"; ?>
|
||
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>CCAH IT Assessment Questionnaire</title>
|
||
<!-- Bootstrap CDN -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="../assets/css/styles.css">
|
||
</head>
|
||
<body>
|
||
<div class="container mt-4">
|
||
<div class="text-center mb-4">
|
||
<img src="../assets/img/ccah-logo.png" alt="CCAH Logo" style="max-height:100px;">
|
||
</div>
|
||
<div class="text-center">
|
||
<img id="board-member-image" src="../assets/img/ccah-logo.png" alt="Board Member Image" style="max-height:100px; display:none;">
|
||
</div>
|
||
<h3 class="text-center">CCAH IT Assessment Questionnaire</h3>
|
||
<p id="board-member-message" class="text-center fw-bold" style="display:none;">Welcome, Board Member!</p>
|
||
|
||
|
||
<form id="assessment-form">
|
||
<div id="form-message" class="alert d-none mt-3"></div>
|
||
<!-- General Information -->
|
||
<h2>General Information</h2>
|
||
|
||
<!-- Role/Title -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Role/Title at CCAH <span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" name="role" required>
|
||
</div>
|
||
|
||
<!-- Role Function -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Briefly describe your role function <span class="text-danger">*</span></label>
|
||
<textarea class="form-control" name="role_function" required></textarea>
|
||
</div>
|
||
|
||
<!-- Primary Daily/Weekly Tasks -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Primary Daily/Weekly Tasks <span class="text-danger">*</span></label>
|
||
<textarea class="form-control" name="tasks" required></textarea>
|
||
</div>
|
||
|
||
<!-- Devices Used -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Devices Used For CCAH Work <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="devices[]" value="PC" id="device-pc">
|
||
<label class="form-check-label" for="device-pc">PC</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="devices[]" value="Mac" id="device-mac">
|
||
<label class="form-check-label" for="device-mac">Mac</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="devices[]" value="Tablet" id="device-tablet">
|
||
<label class="form-check-label" for="device-tablet">Tablet</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="devices[]" value="Phone" id="device-phone">
|
||
<label class="form-check-label" for="device-phone">Phone</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="devices[]" value="Other" id="device-other"
|
||
onclick="toggleOtherField(this, 'device-other-text')">
|
||
<label class="form-check-label" for="device-other">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="device-other-text" name="device_other"
|
||
placeholder="Specify other device" style="display: none;">
|
||
</div>
|
||
|
||
<!-- PC Operating System (Shown if "PC" is selected) -->
|
||
<div id="pc-os-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">What operating system does your PC use? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="pc_os[]" value="Windows">
|
||
<label class="form-check-label">Windows</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="pc_os[]" value="Linux">
|
||
<label class="form-check-label">Linux</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="pc_os[]" value="Other"
|
||
onclick="toggleOtherField(this, 'pc-os-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="pc-os-other-text" name="pc_os_other"
|
||
placeholder="Specify other OS" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Tablet Operating System (Shown if "Tablet" is selected) -->
|
||
<div id="tablet-os-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">What type of tablet do you use? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tablet_os[]" value="iOS">
|
||
<label class="form-check-label">iOS</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tablet_os[]" value="Android">
|
||
<label class="form-check-label">Android</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tablet_os[]" value="Other"
|
||
onclick="toggleOtherField(this, 'tablet-os-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="tablet-os-other-text" name="tablet_os_other"
|
||
placeholder="Specify other OS" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Phone Operating System (Shown if "Phone" is selected) -->
|
||
<div id="phone-os-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">What type of phone do you use? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="phone_os[]" value="iOS">
|
||
<label class="form-check-label">iOS</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="phone_os[]" value="Android">
|
||
<label class="form-check-label">Android</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="phone_os[]" value="Other"
|
||
onclick="toggleOtherField(this, 'phone-os-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="phone-os-other-text" name="phone_os_other"
|
||
placeholder="Specify other OS" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Work Location -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Work Location <span class="text-danger">*</span></label>
|
||
<select class="form-control" name="work_location" required>
|
||
<option value="">Select...</option>
|
||
<option value="100% Office">100% Office</option>
|
||
<option value="Mostly Office">Mostly Office with some remote work</option>
|
||
<option value="Balanced">Balanced (50/50 Office & Remote)</option>
|
||
<option value="Mostly Remote">Mostly Remote with some office work</option>
|
||
<option value="100% Remote">100% Remote</option>
|
||
</select>
|
||
</div>
|
||
|
||
<!--******************************************************************************************************-->
|
||
<h2>Board Member Specific Questions</h2>
|
||
|
||
<!-- Document Access -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you currently have adequate access to the documents and information needed to fulfill your role as a board member?</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="board_doc_access" value="Yes" required>
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="board_doc_access" value="No" required onclick="toggleOtherField('access_issues_details', this)">
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="access_issues_details" name="access_issues_details" placeholder="Please describe any issues" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Collaboration Effectiveness -->
|
||
<div class="mb-3">
|
||
<label class="form-label">How effective do you find current collaboration tools for board-related communications?</label>
|
||
<select class="form-control" name="board_collab_effectiveness" required>
|
||
<option value="Very Effective">Very Effective</option>
|
||
<option value="Somewhat Effective">Somewhat Effective</option>
|
||
<option value="Neutral">Neutral</option>
|
||
<option value="Somewhat Ineffective">Somewhat Ineffective</option>
|
||
<option value="Very Ineffective">Very Ineffective</option>
|
||
</select>
|
||
</div>
|
||
|
||
<!-- Meeting Issues -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Have you experienced any difficulties in attending board meetings virtually or in person as a result of technology-related issues?</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="meeting_issues" value="Yes" required onclick="toggleOtherField('meeting_issues_details', this)">
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="meeting_issues" value="No" required>
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="meeting_issues_details" name="meeting_issues_details" placeholder="Please describe any issues" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Suggestions for Improvement -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you have any suggestions to improve board communication, document sharing, or meeting accessibility?</label>
|
||
<textarea class="form-control" name="board_suggestions" rows="3"></textarea>
|
||
</div>
|
||
<!--******************************************************************************************************-->
|
||
<h2>Email & Collaboration</h2>
|
||
|
||
<!-- Email Access -->
|
||
<div class="mb-3">
|
||
<label class="form-label">How do you access your email? <span class="text-danger">*</span></label>
|
||
<select class="form-control" name="email_access" required>
|
||
<option value="">Select...</option>
|
||
<option value="Outlook">Outlook (Installed on PC or Mac)</option>
|
||
<option value="Webmail">Webmail (Accessing email in a browser)</option>
|
||
<option value="Mobile">Mobile (iOS/Android - Phone or Tablet)</option>
|
||
<option value="Outlook and Mobile">Outlook and Mobile</option>
|
||
<option value="Webmail and Mobile">Webmail and Mobile</option>
|
||
<option value="All Methods">I use all three methods</option>
|
||
<option value="Outlook or Webmail Only">I only use Outlook or Webmail (no phone/tablet email setup)</option>
|
||
</select>
|
||
</div>
|
||
|
||
<!-- Shared Mailbox, Calendars, or Contacts -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you share mailboxes, calendars, or contacts? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="shared_mailbox" value="Yes" required onclick="toggleOtherField('shared_mailbox_details', this)">
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="shared_mailbox" value="No" required>
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Shared Mailbox Details (Shown if "Yes" is selected) -->
|
||
<div class="mb-3" id="shared_mailbox_details_section" style="display: none;">
|
||
<label class="form-label">Please provide details:</label>
|
||
<textarea class="form-control" id="shared_mailbox_details" name="shared_mailbox_details" rows="3"></textarea>
|
||
</div>
|
||
|
||
<!-- Collaboration Tools Used -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you use Microsoft Teams, SharePoint, OneDrive, or other tools? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="Teams">
|
||
<label class="form-check-label">Teams</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="SharePoint">
|
||
<label class="form-check-label">SharePoint</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="OneDrive">
|
||
<label class="form-check-label">OneDrive</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="Zoom">
|
||
<label class="form-check-label">Zoom</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="WebEx">
|
||
<label class="form-check-label">WebEx</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="tools_used[]" value="Other" onclick="toggleOtherField(this, 'tools-used-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="tools-used-other-text" name="tools_used_other" placeholder="Specify other tool" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Email Issues -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Are you experiencing any issues with your current email setup? (Select all that apply)</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="No Issues">
|
||
<label class="form-check-label">No, I have no email issues</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Login Problems">
|
||
<label class="form-check-label">Difficulty logging into email</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Delayed Emails">
|
||
<label class="form-check-label">Emails are delayed or not sending</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Missing Emails">
|
||
<label class="form-check-label">Some emails are missing</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Sync Issues">
|
||
<label class="form-check-label">Email not syncing properly across devices</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Spam Issues">
|
||
<label class="form-check-label">Too many spam emails</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="email_issues[]" value="Other" onclick="toggleOtherField(this, 'email-issues-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="email-issues-other-text" name="email_issues_other" placeholder="Specify other issue" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Meeting Frequency -->
|
||
<div class="mb-3">
|
||
<label class="form-label">How many meetings do you participate in per week? <span class="text-danger">*</span></label>
|
||
<select class="form-control" name="meetings_count" required>
|
||
<option value="">Select...</option>
|
||
<option value="0">0 (No meetings)</option>
|
||
<option value="1-2">1-2 meetings per week</option>
|
||
<option value="3-5">3-5 meetings per week</option>
|
||
<option value="6-10">6-10 meetings per week</option>
|
||
<option value="11+">More than 10 meetings per week</option>
|
||
</select>
|
||
</div>
|
||
<!--********************************************************************************************-->
|
||
<h2>File Storage & Access</h2>
|
||
|
||
<!-- File Storage Options -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Where do you currently store your files? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="OneDrive">
|
||
<label class="form-check-label">OneDrive</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="Google Drive">
|
||
<label class="form-check-label">Google Drive</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="Local PC/Mac">
|
||
<label class="form-check-label">Local PC/Mac</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="Company Server">
|
||
<label class="form-check-label">Company Server</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="USB Drive">
|
||
<label class="form-check-label">USB Drive</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="External Hard Drive">
|
||
<label class="form-check-label">External Hard Drive</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="file_storage[]" value="Other"
|
||
onclick="toggleOtherField(this, 'file-storage-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="file-storage-other-text" name="file_storage_other"
|
||
placeholder="Specify other storage method" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Shared Folder/File Access -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you need access to shared folders/files with other team members? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="shared_files" value="Yes" required>
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="shared_files" value="No" required>
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Critical Files -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Are there any files that are critical for daily operations? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="Client Documents">
|
||
<label class="form-check-label">Client Documents</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="Financial Reports">
|
||
<label class="form-check-label">Financial Reports</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="HR Records">
|
||
<label class="form-check-label">HR Records</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="Program/Project Documents">
|
||
<label class="form-check-label">Program/Project Documents</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="Legal Documents">
|
||
<label class="form-check-label">Legal Documents</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="critical_files[]" value="Other"
|
||
onclick="toggleOtherField(this, 'critical-files-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="critical-files-other-text" name="critical_files_other"
|
||
placeholder="Specify other critical files" style="display: none;">
|
||
</div>
|
||
<!--************************************************************************************************-->
|
||
<h2>Security & Access</h2>
|
||
|
||
<!-- Multi-Factor Authentication (MFA) -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you use Multi-Factor Authentication (MFA) for your Microsoft 365 login? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="mfa" value="Yes" required onclick="toggleOtherField('mfa-types-section', this)">
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="mfa" value="No" required>
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MFA Type Options (Only if "Yes" is selected) -->
|
||
<div id="mfa-types-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">What type of MFA do you use? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_types[]" value="Email">
|
||
<label class="form-check-label">Email</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_types[]" value="Text">
|
||
<label class="form-check-label">Text</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_types[]" value="Authenticator App" onclick="toggleOtherField(this, 'mfa-app-section')">
|
||
<label class="form-check-label">Authenticator App</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MFA App Options (Only if "Authenticator App" is selected) -->
|
||
<div id="mfa-app-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">Which authenticator app do you use? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_apps[]" value="Microsoft Authenticator">
|
||
<label class="form-check-label">Microsoft Authenticator</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_apps[]" value="Google Authenticator">
|
||
<label class="form-check-label">Google Authenticator</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_apps[]" value="FreeOTP">
|
||
<label class="form-check-label">FreeOTP</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="mfa_apps[]" value="Other" onclick="toggleOtherField(this, 'mfa-app-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="mfa-app-other-text" name="mfa_app_other" placeholder="Specify other MFA app" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Personal Device Usage -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you use any personal devices to perform CCAH work? <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="personal_device" value="Yes" required onclick="toggleOtherField('device-options-section', this)">
|
||
<label class="form-check-label">Yes</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="personal_device" value="No" required>
|
||
<label class="form-check-label">No</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Personal Devices Used (Only if "Yes" is selected) -->
|
||
<div id="device-options-section" class="mb-3" style="display: none;">
|
||
<label class="form-label">Which personal devices do you use?</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="personal_device_types[]" value="Phone">
|
||
<label class="form-check-label">Phone</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="personal_device_types[]" value="Computer">
|
||
<label class="form-check-label">Computer</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="personal_device_types[]" value="Tablet">
|
||
<label class="form-check-label">Tablet</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="personal_device_types[]" value="Other" onclick="toggleOtherField(this, 'device-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="device-other-text" name="personal_device_other" placeholder="Specify other device" style="display: none;">
|
||
</div>
|
||
|
||
<!-- Security Concerns -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Have you experienced any security issues or concerns? (Select all that apply)</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="security_concerns[]" value="Phishing Attempts">
|
||
<label class="form-check-label">Phishing Attempts</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="security_concerns[]" value="Ransomware or Malware">
|
||
<label class="form-check-label">Ransomware or Malware</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="security_concerns[]" value="Unauthorized Access">
|
||
<label class="form-check-label">Unauthorized Access</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="security_concerns[]" value="Data Loss">
|
||
<label class="form-check-label">Data Loss</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="security_concerns[]" value="Other" onclick="toggleOtherField(this, 'security-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="security-other-text" name="security_concerns_other" placeholder="Specify other security concerns" style="display: none;">
|
||
</div>
|
||
<!--************************************************************************************************-->
|
||
<h2>Recommendations & Challenges</h2>
|
||
|
||
<!-- IT Challenges -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Are there any IT challenges you face regularly? (Select all that apply) <span class="text-danger">*</span></label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="Slow Computer Performance">
|
||
<label class="form-check-label">Slow Computer Performance</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="Software Issues">
|
||
<label class="form-check-label">Software Issues</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="Connectivity Problems">
|
||
<label class="form-check-label">Connectivity Problems</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="File Sharing Difficulties">
|
||
<label class="form-check-label">File Sharing Difficulties</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="Security Concerns">
|
||
<label class="form-check-label">Security Concerns</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" name="it_challenges[]" value="Other" onclick="toggleOtherField(this, 'it-challenges-other-text')">
|
||
<label class="form-check-label">Other</label>
|
||
</div>
|
||
<input type="text" class="form-control mt-2" id="it-challenges-other-text" name="it_challenges_other" placeholder="Specify other IT challenges" style="display: none;">
|
||
</div>
|
||
|
||
<!-- IT Setup Improvement -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Is there anything you would like to improve about your IT setup?</label>
|
||
<textarea class="form-control" name="improvements" rows="3" placeholder="Example: Faster computer, better internet connectivity, upgraded software versions, etc."></textarea>
|
||
</div>
|
||
|
||
<!-- Operations Improvement -->
|
||
<div class="mb-3">
|
||
<label class="form-label">Do you have any recommendations on improving CCAH’s overall operations?</label>
|
||
<textarea class="form-control" name="operations_improvement" rows="3" placeholder="Example: More training for staff on Microsoft 365, clearer IT support request process, etc."></textarea>
|
||
</div>
|
||
|
||
|
||
|
||
<button type="submit" class="btn btn-primary">Submit</button>
|
||
</form>
|
||
</div>
|
||
|
||
<script src="../assets/js/main.js"></script>
|
||
</body>
|
||
</html>
|