<?
php
session_start();
if (!isset($_SESSION['logged_in']) || $_SESSION['logged_in'] !== true) {
header("Location: [Link]");
exit();
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Pragma: no-cache");
header("Expires: 0");
// Only process notification if form was submitted
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['enterprise_name'])) {
// Database connection for notification handling
$host = "localhost";
$user = "root";
$pass = "";
$db = "ess";
$conn = new mysqli($host, $user, $pass, $db);
if (!$conn->connect_error) {
$enterprise_name = $_POST['enterprise_name'];
$notification_message = "አዲስ ድርጅት '$enterprise_name' በስርዓቱ ውስጥ ተመዝግቧል";
// Check if notifications table exists, if not create it
$check_table = $conn->query("SHOW TABLES LIKE 'notifications'");
if ($check_table->num_rows == 0) {
$create_table = "CREATE TABLE notifications (
id INT AUTO_INCREMENT PRIMARY KEY,
message TEXT NOT NULL,
user_type VARCHAR(50) NOT NULL,
is_read TINYINT DEFAULT 0,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
)";
$conn->query($create_table);
// Create notification for coordinator
$notification_sql = "INSERT INTO notifications (message, user_type, is_read, created_at)
VALUES (?, 'coordinator', 0, NOW())";
$stmt = $conn->prepare($notification_sql);
if ($stmt) {
$stmt->bind_param("s", $notification_message);
if ($stmt->execute()) {
$_SESSION['success_message'] = "ድርጅት በትክክል ተመዝግቧል! ማስታወቂያ ለኮርዲኔተር
ተልኳል";
$stmt->close();
}
$conn->close();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>የኢንተርፕራይዝ መረጃ ቅጾች</title>
<!-- GLOBAL MAINLY STYLES-->
<link href="./assets/vendors/bootstrap/dist/css/[Link]" rel="stylesheet" />
<link href="./assets/vendors/font-awesome/css/[Link]" rel="stylesheet" />
<link href="./assets/vendors/themify-icons/css/[Link]" rel="stylesheet" />
<!-- Signature Pad CSS -->
<link rel="stylesheet"
href="[Link]
<!-- THEME STYLES-->
<link href="assets/css/[Link]" rel="stylesheet" />
<!-- CSS Styles - UPDATED FOR ALL STEPS -->
<style>
:root {
--primary-color: #1a5f7a;
--secondary-color: #3c8dad;
--accent-color: #ffc107;
--light-color: #f8f9fa;
--dark-color: #343a40;
--border-color: #e2e8f0;
--success-color: #28a745;
--error-color: #dc3545;
--gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
--header-gradient: linear-gradient(135deg, #1a5f7a 0%, #2c7da0 50%, #3c8dad 100%);
body {
font-size: 14px;
background: #f5f7fa;
.smart-form-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
.form-card {
background: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
margin-bottom: 15px;
border: 1px solid var(--border-color);
overflow: hidden;
transition: all 0.3s ease;
.form-card:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
.form-card-header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 12px 20px;
border-bottom: 1px solid var(--border-color);
position: relative;
overflow: hidden;
.form-card-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
transform: skewX(-15deg) translateX(-20%);
.form-card-title {
font-size: 1.2rem;
font-weight: 700;
margin: 0;
display: flex;
align-items: center;
gap: 8px;
position: relative;
z-index: 1;
padding: 6px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(3px);
width: fit-content;
.[Link] {
margin: 0 auto;
width: auto;
max-width: 85%;
text-align: center;
}
.form-card-title i {
font-size: 1.1rem;
background: rgba(255, 255, 255, 0.2);
padding: 6px;
border-radius: 50%;
.[Link] i {
font-size: 1rem;
padding: 5px;
.form-card-body {
padding: 15px 20px;
font-size: 0.95rem;
.form-title {
color: var(--primary-color);
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 2px solid var(--accent-color);
position: relative;
display: flex;
align-items: center;
gap: 10px;
text-align: center;
justify-content: center;
.form-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 2px;
background: var(--secondary-color);
/* Table Styling for Step 2 */
.table-custom {
border-collapse: separate;
border-spacing: 0;
width: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
border: 1px solid var(--border-color);
font-size: 0.9rem;
.table-custom thead {
background: var(--gradient);
.table-custom thead th {
color: white;
font-weight: 600;
padding: 10px 8px;
border: none;
text-align: center;
vertical-align: middle;
font-size: 0.95rem;
position: relative;
white-space: nowrap;
.table-custom thead th::after {
content: '';
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background: rgba(255, 255, 255, 0.3);
.table-custom thead th:last-child::after {
display: none;
.table-custom tbody tr {
transition: all 0.2s ease;
.table-custom tbody tr:hover {
background-color: rgba(26, 95, 122, 0.03);
.table-custom tbody td {
padding: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
vertical-align: middle;
text-align: center;
.table-custom tbody tr:last-child td {
border-bottom: none;
/* Form Controls */
.form-control-smart {
border-radius: 6px;
border: 1px solid var(--border-color);
padding: 6px 10px;
font-size: 0.9rem;
transition: all 0.3s ease;
background: white;
height: 34px;
width: 100%;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
.form-control-smart:focus, .form-select-smart:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 2px rgba(26, 95, 122, 0.15);
outline: none;
.form-select-smart {
border-radius: 6px;
border: 1px solid var(--border-color);
padding: 6px 10px;
font-size: 0.9rem;
transition: all 0.3s ease;
background: white;
height: 34px;
width: 100%;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
/* Signature Canvas Fixes */
.signature-canvas {
width: 100% !important;
height: 100% !important;
display: block;
cursor: crosshair;
touch-action: none;
background-color: white;
.signature-pad-container {
position: relative;
width: 100%;
height: 120px;
border: 2px dashed #cbd5e0;
border-radius: 8px;
background: white;
overflow: hidden;
touch-action: none;
}
.[Link]-required {
border-color: #dc3545 !important;
background-color: rgba(220, 53, 69, 0.05) !important;
animation: pulse 2s infinite;
.signature-canvas-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
touch-action: none;
/* Fix for iOS devices */
@supports (-webkit-touch-callout: none) {
.signature-pad-container {
-webkit-user-select: none;
user-select: none;
/* Mobile touch optimization */
@media (max-width: 768px) {
.signature-pad-container {
height: 100px;
/* Ensure forms display properly */
.form-step {
display: none;
.[Link] {
display: block;
animation: fadeIn 0.5s ease;
/* Labels */
.form-label-smart {
font-weight: 600;
color: var(--dark-color);
margin-bottom: 4px;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 4px;
}
.required-field::after {
content: " *";
color: var(--error-color);
font-weight: bold;
.optional-field {
color: #6c757d;
font-weight: normal;
.optional-field::after {
content: " (አማራጭ)";
color: #6c757d;
font-weight: normal;
/* Compact Grid */
.compact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
margin-bottom: 10px;
}
.form-group-compact {
margin-bottom: 0.5rem;
/* Enhanced Signature Area */
.signature-area {
background: #f8fafc;
border-radius: 8px;
padding: 12px;
margin-top: 15px;
border-left: 4px solid var(--primary-color);
border: 1px solid var(--border-color);
.signature-wrapper {
position: relative;
margin-top: 8px;
.signature-pad-container {
border: 2px dashed #cbd5e0;
border-radius: 6px;
background: white;
position: relative;
overflow: hidden;
height: 100px;
touch-action: none;
.signature-canvas-wrapper {
position: relative;
width: 100%;
height: 100%;
.signature-canvas {
width: 100%;
height: 100%;
display: block;
cursor: crosshair;
touch-action: none;
.signature-controls {
display: flex;
gap: 6px;
margin-top: 8px;
justify-content: center;
flex-wrap: wrap;
/* Signature Status Indicators */
.signature-status {
padding: 3px 6px;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 600;
margin-left: 6px;
.signature-empty {
background: #fee;
color: #c33;
border: 1px solid #fcc;
.signature-filled {
background: #efe;
color: #393;
border: 1px solid #cfc;
/* Signature validation */
.signature-required {
border-color: #dc3545 !important;
background-color: rgba(220, 53, 69, 0.05) !important;
}
/* Progress Steps */
.progress-steps {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
position: relative;
.progress-steps::before {
content: '';
position: absolute;
top: 20px;
left: 0;
right: 0;
height: 2px;
background: #e0e0e0;
z-index: 1;
.step {
position: relative;
z-index: 2;
text-align: center;
flex: 1;
}
.step-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background: #e0e0e0;
color: #666;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 8px;
font-weight: bold;
transition: all 0.3s ease;
cursor: pointer;
.[Link] .step-circle {
background: var(--primary-color);
color: white;
transform: scale(1.1);
.[Link] .step-circle {
background: var(--success-color);
color: white;
}
.step-label {
font-size: 0.85rem;
font-weight: 600;
color: #666;
.[Link] .step-label {
color: var(--primary-color);
.[Link] .step-label {
color: var(--success-color);
/* Form Step Styles */
.form-step {
display: none;
.[Link] {
display: block;
animation: fadeIn 0.5s ease;
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
/* Navigation Buttons */
.form-navigation {
display: flex;
justify-content: space-between;
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid var(--border-color);
.nav-btn {
padding: 8px 20px;
border-radius: 6px;
font-weight: 600;
border: none;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 6px;
min-width: 120px;
justify-content: center;
font-size: 0.9rem;
height: 38px;
cursor: pointer;
}
.nav-btn-prev {
background: #f8f9fa;
color: var(--dark-color);
border: 1px solid var(--border-color);
.nav-btn-prev:hover {
background: #e9ecef;
transform: translateX(-3px);
.nav-btn-next {
background: var(--primary-color);
color: white;
.nav-btn-next:hover {
background: var(--secondary-color);
transform: translateX(3px);
.nav-btn-submit {
background: var(--success-color);
color: white;
}
.nav-btn-submit:hover {
background: #218838;
transform: scale(1.05);
/* Note section */
.note-section {
background: #fff8e1;
border-left: 3px solid #ffc107;
padding: 10px 15px;
margin-top: 15px;
margin-bottom: 15px;
border-radius: 0 4px 4px 0;
font-size: 0.85rem;
/* Validation Styles */
.is-invalid {
border-color: var(--error-color) !important;
background-color: #fff5f5;
.invalid-feedback {
color: var(--error-color);
font-size: 0.75rem;
margin-top: 3px;
display: none;
.is-invalid ~ .invalid-feedback {
display: block;
.validation-error {
background-color: #fff5f5;
border: 1px solid var(--error-color);
border-radius: 6px;
padding: 10px 15px;
margin-bottom: 15px;
color: var(--error-color);
font-size: 0.9rem;
display: none;
.[Link] {
display: block;
animation: shake 0.5s ease;
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
.amharic-text {
font-family: 'Nyala', 'Abyssinica SIL', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/* Header & Layout Styles */
.page-brand {
padding: 6px 12px !important;
height: 45px !important;
display: flex;
align-items: center;
margin: 0 !important;
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 45px !important;
padding: 0 !important;
margin: 0 !important;
z-index: 1001;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
.page-sidebar {
top: 45px !important;
padding-top: 0 !important;
margin-top: 0 !important;
height: calc(100vh - 45px);
position: fixed;
z-index: 1000;
.page-wrapper {
padding-top: 45px !important;
margin: 0 !important;
.content-wrapper {
margin-left: 220px;
padding-top: 0 !important;
margin-top: 0 !important;
.page-content {
padding: 8px 12px 0 12px !important;
margin: 0 !important;
/* Loading States */
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 9999;
display: none;
justify-content: center;
align-items: center;
backdrop-filter: blur(5px);
.loading-spinner {
width: 45px;
height: 45px;
border: 4px solid #f3f3f3;
border-top: 4px solid var(--primary-color);
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
/* Department Selector */
.department-selector {
background: #f8fafc;
border-radius: 8px;
padding: 12px;
margin-bottom: 15px;
border-left: 4px solid var(--primary-color);
border: 1px solid var(--border-color);
/* Form Section */
.form-section {
background: var(--light-color);
border-radius: 6px;
padding: 12px 15px;
margin-bottom: 12px;
border-left: 3px solid var(--primary-color);
transition: all 0.3s ease;
}
.form-section:hover {
background: #f1f5f9;
transform: translateX(3px);
.section-title {
color: var(--primary-color);
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 12px;
padding-bottom: 6px;
border-bottom: 1px solid var(--accent-color);
display: flex;
align-items: center;
gap: 8px;
.section-title i {
color: var(--secondary-color);
font-size: 1rem;
.section-number {
background: var(--primary-color);
color: white;
width: 24px;
height: 24px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
margin-right: 8px;
/* Two Column Grid */
.two-column-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
/* Human Resources Section */
.human-resources-section {
background: #f8fafc;
border-left: 3px solid #3b82f6;
.compact-input-group {
display: flex;
gap: 6px;
align-items: center;
margin-bottom: 6px;
.compact-input-group .form-label-smart {
min-width: 100px;
margin-bottom: 0;
font-size: 0.9rem;
.compact-input {
width: 70px !important;
min-width: 70px;
padding: 6px 4px;
text-align: center;
font-size: 0.9rem;
height: 32px;
.compact-total {
width: 80px !important;
background: #e8f4fd;
font-weight: bold;
color: #1e40af;
height: 32px;
}
.age-distribution-grid {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 12px;
.age-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
.age-group {
background: white;
border-radius: 6px;
padding: 10px;
border: 1px solid var(--border-color);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
.age-group-label {
font-weight: 600;
color: var(--primary-color);
margin-bottom: 6px;
text-align: center;
padding-bottom: 3px;
border-bottom: 1px solid var(--border-color);
font-size: 0.9rem;
.education-grid-compact {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 8px;
.education-input {
width: 100% !important;
text-align: center;
font-size: 0.9rem;
height: 32px;
/* Signature Box */
.signature-box {
background: white;
padding: 12px 15px;
border-radius: 6px;
border: 1px solid var(--border-color);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.signature-title {
color: var(--primary-color);
font-weight: 600;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid var(--border-color);
font-size: 1rem;
/* Form Table Styles for Other Steps */
.form-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 0.85rem;
.form-table th {
background: var(--primary-color);
color: white;
font-weight: 600;
border: 1px solid #dee2e6;
padding: 8px;
text-align: center;
white-space: nowrap;
}
.form-table td {
border: 1px solid #dee2e6;
padding: 6px;
vertical-align: middle;
text-align: center;
.form-table input[type="text"],
.form-table input[type="number"],
.form-table input[type="time"],
.form-table select {
width: 100%;
border: 1px solid #ced4da;
border-radius: 4px;
padding: 4px 8px;
font-size: 0.85rem;
height: 32px;
.form-table textarea {
width: 100%;
border: 1px solid #ced4da;
border-radius: 4px;
padding: 4px 8px;
font-size: 0.85rem;
resize: vertical;
min-height: 60px;
/* Job Opportunities Outside Members Section */
.job-opportunities-section {
background: #f0f9ff;
border-left: 3px solid #0ea5e9;
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-radius: 0 8px 8px 0;
.job-opportunities-section .section-title {
color: #0c4a6e;
border-bottom-color: #0ea5e9;
.job-opportunities-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 10px;
}
.job-type-group {
background: white;
border-radius: 6px;
padding: 12px;
border: 1px solid #e0f2fe;
box-shadow: 0 1px 3px rgba(14, 165, 233, 0.1);
.job-type-label {
font-weight: 600;
color: #0369a1;
margin-bottom: 8px;
text-align: center;
padding-bottom: 5px;
border-bottom: 1px solid #e0f2fe;
font-size: 0.9rem;
/* Responsive */
@media (max-width: 768px) {
.compact-grid {
grid-template-columns: 1fr;
.two-column-grid {
grid-template-columns: 1fr;
.progress-steps {
overflow-x: auto;
padding-bottom: 10px;
.step {
min-width: 80px;
.step-label {
font-size: 0.75rem;
.form-navigation {
flex-direction: column;
gap: 10px;
.nav-btn {
width: 100%;
.signature-pad-container {
height: 80px;
.table-custom {
font-size: 0.8rem;
.table-custom thead th,
.table-custom tbody td {
padding: 6px 4px;
.form-table th,
.form-table td {
padding: 4px;
font-size: 0.8rem;
.job-opportunities-grid {
grid-template-columns: 1fr;
gap: 10px;
/* Enhanced Signature Area Styles */
.signature-pad-container {
border: 2px dashed #cbd5e0;
border-radius: 8px;
background: white;
position: relative;
overflow: hidden;
height: 120px;
width: 100%;
margin: 5px 0;
transition: all 0.3s ease;
cursor: crosshair;
.signature-pad-container:hover {
border-color: #3c8dad;
box-shadow: 0 0 0 3px rgba(60, 141, 173, 0.1);
.[Link]-required {
border-color: #dc3545 !important;
background-color: rgba(220, 53, 69, 0.05) !important;
animation: pulse 2s infinite;
.signature-canvas-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.signature-canvas {
width: 100%;
height: 100%;
display: block;
touch-action: none;
cursor: crosshair;
.signature-controls {
display: flex;
gap: 8px;
margin-top: 8px;
justify-content: center;
.signature-controls .btn {
padding: 5px 12px;
font-size: 0.85rem;
border-radius: 4px;
transition: all 0.3s ease;
}
.signature-controls .btn-outline-secondary {
border: 1px solid #6c757d;
color: #6c757d;
.signature-controls .btn-outline-secondary:hover {
background-color: #6c757d;
color: white;
.signature-controls .btn-outline-primary {
border: 1px solid #1a5f7a;
color: #1a5f7a;
.signature-controls .btn-outline-primary:hover {
background-color: #1a5f7a;
color: white;
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4); }
70% { box-shadow: 0 0 0 6px rgba(220, 53, 69, 0); }
100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
}
/* Signature status improvements */
.signature-status {
padding: 4px 8px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: 600;
margin-left: 8px;
display: inline-block;
min-width: 120px;
text-align: center;
.signature-empty {
background: #fff5f5;
color: #dc3545;
border: 1px solid #f8d7da;
.signature-filled {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
/* Ensure signature canvases are visible and properly sized */
.signature-canvas {
width: 100% !important;
height: 100% !important;
display: block;
cursor: crosshair;
.signature-pad-container {
position: relative;
width: 100%;
height: 120px;
border: 2px dashed #cbd5e0;
border-radius: 8px;
background: white;
overflow: hidden;
.signature-canvas-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Job Field Search Dropdown Styles */
.job-field-search-container {
position: relative;
margin-bottom: 5px;
}
.job-field-dropdown {
position: absolute !important;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid var(--border-color);
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
z-index: 1050;
max-height: 250px;
overflow-y: auto;
.dropdown-item {
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
font-size: 0.9rem;
border-bottom: 1px solid #f0f0f0;
.dropdown-item:hover {
background-color: var(--primary-color);
color: white;
.dropdown-item:last-child {
border-bottom: none;
#jobFieldSearch {
width: 100%;
padding: 8px 12px;
font-size: 0.9rem;
border: 1px solid var(--border-color);
border-radius: 6px;
background-color: white;
#jobFieldSearch:focus {
border-color: var(--primary-color);
outline: none;
box-shadow: 0 0 0 2px rgba(26, 95, 122, 0.15);
/* Other job field input */
#otherJobFieldInput {
width: 100%;
margin-top: 8px;
display: none;
/* Add to your existing CSS */
.alert-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
.alert-modal .modal-content {
background: white;
padding: 30px;
border-radius: 10px;
text-align: center;
max-width: 400px;
width: 90%;
box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}
.[Link] .modal-icon {
background: #28a745;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: 0 auto 20px;
.[Link] .modal-icon {
background: #dc3545;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: 0 auto 20px;
}
.alert-modal .modal-content h3 {
margin-bottom: 15px;
.[Link] .modal-content h3 {
color: #28a745;
.[Link] .modal-content h3 {
color: #dc3545;
.alert-modal .modal-content p {
margin-bottom: 20px;
color: #333;
.alert-modal .modal-content button {
min-width: 100px;
</style>
</head>
<body class="fixed-navbar">
<div class="page-wrapper">
<!-- ---------------- HEADER ---------------- -->
<header class="header">
<div class="page-brand">
<a class="link" href="[Link]">
<span class="brand">EPMS <span class="brand-tip">KPC</span></span>
<span class="brand-mini">KOC</span>
</a>
</div>
<div class="flexbox flex-1">
<ul class="nav navbar-toolbar">
<li>
<a class="nav-link sidebar-toggler js-sidebar-toggler"><i class="ti-menu"></i></a>
</li>
<li>
<h4 style="margin: 10px 0; font-size: 20px; font-weight:bold;" class="amharic-
text">የኢንዱስትሪ ኤክስቴንሽን እና ቴክኖሎጅ ሽግግር ድጋፍ ስርዓት</h4>
</li>
</ul>
<ul class="nav navbar-toolbar">
<!-- Messages -->
<li class="dropdown dropdown-inbox">
<a class="nav-link dropdown-toggle" data-toggle="dropdown"><i class="fa fa-
envelope-o"></i>
<span class="badge badge-primary envelope-badge"></span>
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-media">
<li class="dropdown-menu-header">
<div>
<span><strong> New</strong> Messages</span>
<a class="pull-right" href="#">view all</a>
</div>
</li>
<li class="list-group list-group-divider scroller" data-height="240px" data-
color="#71808f">
<div>
<a class="list-group-item">
<div class="media">
<div class="media-img">
</div>
<div class="media-body">
</div>
</div>
</a>
<a class="list-group-item">
<div class="media">
<div class="media-img">
</div>
<div class="media-body">
</div>
</div>
</a>
<a class="list-group-item">
<div class="media">
<div class="media-img">
</div>
<div class="media-body">
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
<!-- Notifications -->
<li class="dropdown dropdown-notification">
<a class="nav-link dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-
o rel"><span class="notify-signal"></span></i></a>
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-media">
<li class="dropdown-menu-header">
<div>
<span><strong> New</strong> Notifications</span>
<a class="pull-right" href="javascript:;">view all</a>
</div>
</li>
<li class="list-group list-group-divider scroller" data-height="240px">
<div>
</div>
</li>
</ul>
</li>
<ul class="nav navbar-toolbar">
<!-- User -->
<li class="dropdown dropdown-user">
<a class="nav-link dropdown-toggle link" data-toggle="dropdown">
<img src="./assets/img/[Link]" />
<span><?php echo $_SESSION['full_name']; ?></span><i class="fa fa-angle-
down m-l-5"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="[Link]"><i class="fa
fa-user"></i>Profile</a>
<a class="dropdown-item" href="[Link]"><i class="fa
fa-cog"></i>Settings</a>
<a class="dropdown-item" href="javascript:;"><i class="fa
fa-support"></i>Support</a>
<li class="dropdown-divider"></li>
<a class="dropdown-item" href="[Link]"><i class="fa
fa-power-off"></i>Logout</a>
</ul>
</li>
</ul>
</div>
</header>
<!-- ---------------- SIDEBAR ---------------- -->
<nav class="page-sidebar" id="sidebar">
<div id="sidebar-collapse">
<ul class="side-menu metismenu">
<li>
<a class="active" href="[Link]">
<i class="sidebar-item-icon fa fa-dashboard"></i>
<span class="nav-label">Dashboard</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="sidebar-item-icon fa fa-industry"></i>
<span class="nav-label">Enterprises Profile</span>
<i class="fa fa-angle-left arrow"></i>
</a>
<ul class="nav-2-level collapse">
<li><a href="form_basic_general.php"><i class="fa fa-info-circle"></i> General
Information</a></li>
<li><a href="form_techcnical.php"><i class="fa fa-cogs"></i> Technical
Skills</a></li>
<li><a href="form_job_creation.php"><i class="fa fa-users"></i> Job
Creation</a></li>
<li><a href="form_technology.php"><i class="fa fa-laptop"></i>
Technology</a></li>
<li><a href="form_kaizen.php"><i class="fa fa-line-chart"></i> Kaizen</a></li>
<li><a href="form_assesment.php"><i class="fa fa-check-square-o"></i>
Assessment</a></li>
<li><a href="form_agreement.php"><i class="fa fa-handshake-o"></i>
Agreement</a></li>
</ul>
</li>
<li>
<a href="javascript:;">
<i class="sidebar-item-icon fa fa-bar-chart"></i>
<span class="nav-label">Report</span>
<i class="fa fa-angle-left arrow"></i>
</a>
<ul class="nav-2-level collapse">
<li><a href="table_basic.html"><i class="fa fa-file-pdf-o"></i> View
Report</a></li>
</ul>
</li>
<li>
<a href="javascript:;">
<i class="sidebar-item-icon fa fa-archive"></i>
<span class="nav-label">Material</span>
<i class="fa fa-angle-left arrow"></i>
</a>
<ul class="nav-2-level collapse">
<li><a href="table_basic.html"><i class="fa fa-folder-open-o"></i> View
Material</a></li>
</ul>
</li>
<li>
<a href="javascript:;">
<i class="sidebar-item-icon fa fa-user-circle-o"></i>
<span class="nav-label">My Profile</span>
<i class="fa fa-angle-left arrow"></i>
</a>
<ul class="nav-2-level collapse">
<li><a href="table_basic.html"><i class="fa fa-id-card-o"></i> View
Profile</a></li>
<li><a href="[Link]"><i class="fa fa-sign-out"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="content-wrapper">
<div class="page-content fade-in-up">
<div class="row">
<div class="col-md-12">
<div class="ibox">
<div class="ibox-body">
<div class="form-card">
<div class="form-card-header">
<h2 class="form-card-title amharic-text minimized">
<i class="fa fa-building"></i>
የኢንዱስትሪ ኤክስቴንሽንና ቴክኖሎጅ ሽግግር ድጋፍ ተቀባይ ኢንተርፕራይዝ አጠቃላይ
ፕሮፋይል
</h2>
</div>
<div class="form-card-body">
<!-- Progress Steps -->
<div class="progress-steps">
<?php
$steps = [
1 => 'አጠቃላይ መረጃ',
2 => 'ቴክኒካል ክህሎት',
3 => 'ስራ ፈጠራ',
4 => 'ቴክኖሎጅ',
5 => 'ካይዘን',
6 => 'ኢንተርፕረነርሽፕ',
7 => 'የውል ስምምነት',
8 => 'የድርጊት መርሀግብር',
9 => 'የክፍተት መለያ ሰሌዳ',
10 => 'የድጋፍ የጊዜ ሰሌዳ'
];
foreach ($steps as $num => $label):
?>
<div class="step <?php echo $num == 1 ? 'active' : ''; ?>" data-step="<?
php echo $num; ?>">
<div class="step-circle"><?php echo $num; ?></div>
<div class="step-label amharic-text"><?php echo $label; ?></div>
</div>
<?php endforeach; ?>
</div>
<!-- Validation Error Container -->
<div class="validation-error amharic-text" id="validationError"></div>
<!-- Main Form -->
<form id="multiStepForm" action="multi_step_handler.php"
method="POST" accept-charset="UTF-8" novalidate>
<input type="hidden" name="form_type" value="multi_step">
<!-- Step 1: General Information -->
<div class="form-step active" id="step-1">
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">1</span>
አጠቃላይ መረጃ
</h4>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-hashtag"></i>
1. ኮድ ቁጥር
</label>
<input type="text" class="form-control-smart"
id="codeNumber" name="code_number" maxlength="20" required placeholder="ኮድ ቁጥር
ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ ኮድ
ቁጥር ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
2. ኢንተ/ ስም
</label>
<input type="text" class="form-control-smart"
id="enterpriseName" name="enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ
የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
4. የተመሰረተበት ዘመን
</label>
<input type="date" class="form-control-smart"
id="establishmentYear" name="establishment_year" min="1900" max="2099" required>
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
የተመሰረተበት ዘመን ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-check-circle"></i>
5. የኢንተርፕራይዙ ሁኔታ
</label>
<select class="form-select-smart" id="enterpriseStatus"
name="enterprise_status" required>
<option value="">-- የኢንተርፕራይዙ ሁኔታ ይምረጡ --</option>
<option value="existing">ነባር</option>
<option value="new">አድስ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ
የኢንተርፕራይዙን ሁኔታ ይምረጡ</div>
</div>
</div>
</div>
<!-- Address Information Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-map-marker"></i>
3. አድራሻ
</h4>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ዞን</label>
<select class="form-select-smart" id="zone" name="zone"
required>
<option value="">-- ዞን ይምረጡ --</option>
<option value="ደ/ወሎ">ደ/ወሎ</option>
<option value="ኮምቦልቻ ከተማ አስተደደር">ኮምቦልቻ ከተማ
አስተደደር</option>
<option value="ደቡብ ጎንደር">ደቡብ ወሎ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዞን
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ወረዳ</label>
<select class="form-select-smart" id="woreda"
name="woreda" required>
<option value="">-- ወረዳ ይምረጡ --</option>
<option value="ቃሉ">ቃሉ</option>
<option value="ኮምቦልቻ">ኮምቦልቻ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ወረዳ
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ከተማ</label>
<select class="form-select-smart" id="city" name="city"
required>
<option value="">-- ከተማ ይምረጡ --</option>
<option value="ኮምቦልቻ">ኮምቦልቻ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ከተማ
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ቀበሌ</label>
<select class="form-select-smart" id="kebele" name="kebele"
required>
<option value="">-- ቀበሌ ይምረጡ --</option>
<?php for ($i = 1; $i <= 33; $i++): ?>
<option value="<?php echo sprintf('%02d', $i); ?>"><?php
echo sprintf('%02d', $i); ?></option>
<?php endfor; ?>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ቀበሌ
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ሰፈር</label>
<select class="form-select-smart" id="sefer" name="sefer"
required>
<option value="">-- ሰፈር ይምረጡ --</option>
<option value="በርበሬ ወንዝ">በርበሬ ወንዝ</option>
<option value="ቱርክ በር">ቱርክ በር</option>
<option value="ፒያሳ">ፒያሳ</option>
<option value="ሽህ ሻቢር">ሽህ ሻቢር</option>
<option value="ዩኒቨርሲቲ">ዩኒቨርሲቲ</option>
<option value="ቁጠባ">ቁጠባ</option>
<option value="ሀቢታት">ሀቢታት</option>
<option value="ቦርቸሌ">ቦርቸሌ</option>
<option value="ራስ አገዝ">ራስ አገዝ</option>
ሚጢ ቆሎ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ሰፈር
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text">የቤት
ቁጥር</label>
<input type="text" class="form-control-smart"
placeholder="የቤት ቁጥር ያስገቡ" name="house_number" maxlength="10">
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
የቤት ቁጥር ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text">ስልክ</label>
<input type="tel" class="form-control-smart"
placeholder="ስልክ ቁጥር ያስገቡ" name="phone" maxlength="15">
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
ስልክ ቁጥር ያስገቡ</div>
</div>
</div>
</div>
<!-- Business Details Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-briefcase"></i>
የንግድ ዝርዝሮች
</h4>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">6.
የተሰማራበት ዘርፍ</label>
<select class="form-select-smart" id="sector" name="sector"
required>
<option value="">-- ዘርፍ ይምረጡ --</option>
<option value="ግብርና ዘርፍ">ግብርና ዘርፍ</option>
<option value="ኮንስትራክሽን ዘርፍ">ኮንስትራክሽን
ዘርፍ</option>
<option value="ማኑፋክቸሪንግ ዘርፍ">ማኑፋክቸሪንግ
ዘርፍ</option>
<option value="አገልግሎት ዘርፍ">አገልግሎት ዘርፍ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዘርፍ
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ን_ዘርፍ</label>
<select class="form-control-smart" id="sub_sector"
name="sub_sector" >
<option value="">-- ን_ዘርፍ ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና ">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ን_ዘርፍ ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">7. የስራ መስክ</label>
<!-- Search container will be inserted here by JavaScript -->
<select class="form-select-smart" id="fieldOfWork" name="field_of_work" required>
<option value="">-- የስራ መስክ ይምረጡ --</option>
<!-- Options will be populated by JavaScript -->
</select>
<!-- Other job field input (hidden by default) -->
<input type="hidden" name="job_field_selection_type" id="jobFieldSelectionType"
value="list">
<div class="invalid-feedback amharic-text">እባክዎ የስራ መስክ ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text">8. የግብር መለያ
ቁጥር</label>
<input type="text" class="form-control-smart" id="taxId"
name="tax_id" maxlength="20" placeholder="የግብር መለያ ቁጥር ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
የግብር መለያ ቁጥር ያስገቡ</div>
</div>
</div>
</div>
<!-- Enterprise Classification Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-chart-bar"></i>
9. የኢንተርፕራይዙ አይነት /ደረጃ
</h4>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">9.1. በትርጓሜ</label>
<select class="form-select-smart" id="enterpriseSize"
name="enterprise_size" required>
<option value="">-- በትርጓሜ ደረጃ ይምረጡ --</option>
<option value="ጥቃቅን"> ጥቃቅን</option>
<option value="አነስተኛ"> አነስተኛ</option>
<option value="መካከለኛ">መካከለኛ</option>
<option value=" ትልቅ"> ትልቅ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ በትርጓሜ
ደረጃ ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">9.2. በአደረጃጀት</label>
<select class="form-select-smart" id="enterpriseType"
name="enterprise_type" required>
<option value="">-- በአደረጃጀት ዓይነት ይምረጡ --</option>
<option value="ለግል"> ለግል</option>
<option value="በንግድ">በንግድ</option>
<option value="ህ/ስ/ማህበር">ህ/ስ/ማህበር</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ በአደረጃጀት
ዓይነት ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">9.3. በእድገት ደረጃ</label>
<select class="form-select-smart" id="growthStage"
name="growth_stage" required>
<option value="">-- በእድገት ደረጃ ይምረጡ --</option>
<option value="ጀማሪ"> ጀማሪ</option>
<option value="ታዳጊ"> ታዳጊ</option>
<option value="መብቃት"> መብቃት</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ በእድገት
ደረጃ ይምረጡ</div>
</div>
</div>
<!-- NEW SECTION: Job Opportunities Outside Members -->
<div class="job-opportunities-section" style="margin-top: 15px;">
<h5 class="section-title amharic-text" style="font-size: 1rem;
margin-bottom: 10px;">
<i class="fa fa-briefcase"></i>
ከአባላት ውጭ የተፈጠረ የስራ እድል
</h5>
<div class="job-opportunities-grid">
<!-- Permanent Jobs -->
<div class="job-type-group">
<div class="job-type-label amharic-text">ቋሚ</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ወ</span>
<input type="number" class="form-control-smart
compact-input"
name="permanent_male" min="0" value="0"
onchange="calculateJobOpportunityTotal(this,
'permanent')"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input"
name="permanent_female" min="0" value="0"
onchange="calculateJobOpportunityTotal(this,
'permanent')"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total"
id="permanent_total" readonly value="0"
placeholder="0">
</div>
</div>
<!-- Temporary Jobs -->
<div class="job-type-group">
<div class="job-type-label amharic-text">ጊዜያዊ</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ወ</span>
<input type="number" class="form-control-smart
compact-input"
name="temporary_male" min="0" value="0"
onchange="calculateJobOpportunityTotal(this,
'temporary')"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input"
name="temporary_female" min="0" value="0"
onchange="calculateJobOpportunityTotal(this,
'temporary')"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 30px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total"
id="temporary_total" readonly value="0"
placeholder="0">
</div>
</div>
</div>
</div>
</div>
<!-- Capital Information Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-money"></i>
10. የሀብት መጠን ና ምንጭ
</h4>
<div class="two-column-grid">
<div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text">10.1. መነሻ
ጠቅላላ ሀብት</label>
<input type="number" class="form-control-smart"
name="initial_capital" id="initialCapital" min="0" step="1" placeholder="መነሻ ሀብት ያስገቡ"
required>
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
መነሻ ሀብት ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text">10.2. ወቅታዊ
ጠቅላላ ሀብት መጠን</label>
<input type="number" class="form-control-smart"
id="currentCapital" name="current_capital" min="0" step="1" placeholder="ወቅታዊ ሀብት ያስገቡ"
required>
<div class="invalid-feedback amharic-text">እባክዎ ትክክለኛ
ወቅታዊ ሀብት ያስገቡ</div>
</div>
</div>
<div>
<label class="form-label-smart amharic-text required-
field">ምንጭ</label>
<select class="form-select-smart" id="capitalSource"
name="capital_source" required>
<option value="">-- ሀብት ምንጭ ይምረጡ --</option>
<option value="ከራስ">ከራስ</option>
<option value="family">ከቤተሰብ</option>
<option value="ከራስ">ከራስ</option>
<option value="ሌላ">ሌላ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ሀብት ምንጭ
ይምረጡ</div>
<div id="otherSourceContainer" style="display: none; margin-
top: 5px;">
<input type="text" class="form-control-smart"
id="sourceOtherText" placeholder="ሌላ ምንጭ ዝርዝር ያስገቡ" maxlength="100"
name="source_other_text">
<div class="invalid-feedback amharic-text">እባክዎ ሌላ ምንጭ
ዝርዝር ያስገቡ</div>
</div>
</div>
</div>
</div>
<!-- Human Resources Section -->
<div class="form-section human-resources-section">
<h4 class="section-title amharic-text" style="color: #1e40af;
border-bottom-color: #3b82f6;">
<i class="fa fa-users"></i>
11. የሰው ሀይል
</h4>
<!-- Staff Count -->
<div class="two-column-grid" style="margin-bottom: 12px;">
<div>
<label class="form-label-smart amharic-text">11.1. ሲቋቋም
የነበረው</label>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ወንድ</span>
<input type="number" class="form-control-smart compact-
input" name="staff_start_male" min="0" value="0" onchange="calculateGenderTotal(this)"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ሴት</span>
<input type="number" class="form-control-smart compact-
input" name="staff_start_female" min="0" value="0" onchange="calculateGenderTotal(this)"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ድምር</span>
<input type="number" class="form-control-smart compact-
input compact-total" readonly value="0" placeholder="0">
</div>
</div>
<div>
<label class="form-label-smart amharic-text">11.2. ወቅታዊ
የአባላት ብዛት</label>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ወንድ</span>
<input type="number" class="form-control-smart compact-
input" name="staff_current_male" min="0" value="0" onchange="calculateGenderTotal(this)"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ሴት</span>
<input type="number" class="form-control-smart compact-
input" name="staff_current_female" min="0" value="0" onchange="calculateGenderTotal(this)"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 50px;">ድምር</span>
<input type="number" class="form-control-smart compact-
input compact-total" readonly value="0" placeholder="0">
</div>
</div>
</div>
<!-- Age Distribution -->
<label class="form-label-smart amharic-text">እድሜ ስርጭት</label>
<div class="age-distribution-grid">
<div class="age-row">
<div class="age-group">
<div class="age-group-label amharic-text">ከ 15—29
ዓመት</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ወ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_male_15_29" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_female_15_29" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total" readonly value="0" placeholder="0">
</div>
</div>
<div class="age-group">
<div class="age-group-label amharic-text">ከ 30—49
ዓመት</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ወ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_male_30_49" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_female_30_49" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total" readonly value="0" placeholder="0">
</div>
</div>
</div>
<div class="age-row">
<div class="age-group">
<div class="age-group-label amharic-text">ከ 50-65
ዓመት</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ወ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_male_50_65" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)"
name="age_female_50_65" placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total" readonly value="0" placeholder="0">
</div>
</div>
<div class="age-group">
<div class="age-group-label amharic-text">ከ 65 ዓመት
በላይ</div>
<div class="compact-input-group">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ወ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)" name="age_male_65"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ሴ</span>
<input type="number" class="form-control-smart
compact-input" min="0" value="0" onchange="calculateAgeTotal(this)" name="age_female_65"
placeholder="0">
<span class="form-label-smart amharic-text" style="min-
width: 25px;">ድ</span>
<input type="number" class="form-control-smart
compact-input compact-total" readonly value="0" placeholder="0">
</div>
</div>
</div>
</div>
<!-- Education Level -->
<label class="form-label-smart amharic-text">11.3. የትምህርት
ደረጃ</label>
<div class="education-grid-compact" style="margin-top: 5px;">
<input type="number" class="form-control-smart education-
input" placeholder="ማንበብና መፃፍ የማይችሉ" min="0" value="0" name="education_illiterate">
<input type="number" class="form-control-smart education-
input" placeholder="አንደኛ ደረጃ (1—8)" min="0" value="0" name="education_primary">
<input type="number" class="form-control-smart education-
input" placeholder="ሁለተኛ ደረጃ (9—12)" min="0" value="0" name="education_secondary">
<input type="number" class="form-control-smart education-
input" placeholder="ኮሌጅ / ዩኒቨርስቲ" min="0" value="0" name="education_college">
<input type="number" class="form-control-smart education-
input compact-total" placeholder="ጠቅላላ ድምር" min="0" value="0" readonly style="grid-
column: 1 / -1; background: #e8f4fd; font-weight: bold; color: #1e40af;">
</div>
</div>
<!-- Products and Market Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-product-hunt"></i>
ምርት እና ገበያ
</h4>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">12. የምርት /አገልግሎት አይነት</label>
<input type="text" class="form-control-smart"
placeholder="የምርት/አገልግሎት አይነት ያስገቡ" name="product_type" maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ
የምርት/አገልግሎት አይነት ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">የሚቀርብበት ገቢያ</label>
<select class="form-select-smart" id="marketType"
name="market_type" required>
<option value="">-- ገበያ ዓይነት ይምረጡ --</option>
<option value="ሀገር ውስጥ">ሀገር ውስጥ</option>
<option value="ሀገር ውጭ">ሀገር ውጭ</option>
<option value="ሀገር ውስጥ እና ሀገር ውጭ">ሀገር ውስጥ እና ሀገር
ውጭ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ገበያ ዓይነት
ይምረጡ</div>
</div>
</div>
</div>
<!-- Signatures Section -->
<div class="form-section">
<h4 class="section-title amharic-text">
<i class="fa fa-pencil-square"></i>
የቅጽ መሙያ መረጃ
</h4>
<div style="display: grid; grid-template-columns: 1fr; gap: 15px;">
<div class="signature-box">
<h5 class="signature-title amharic-text">ቅጹን የሞላው
ሰራተኛ</h5>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ሙሉ ስም</label>
<input type="text" class="form-control-smart"
maxlength="100" required placeholder="ሙሉ ስም ያስገቡ" name="filled_by_name">
<div class="invalid-feedback amharic-text">እባክዎ ሙሉ ስም
ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">ሀላፊነት</label>
<!-- UPDATED: Changed to dropdown select -->
<select class="form-select-smart" name="filled_by_responsibility" required>
<option value="">-- ሀላፊነት ይምረጡ --</option>
<option value="አሰልጣኝ መምህር">አሰልጣኝ መምህር</option>
<option value="ደጋፊ መምህር">ደጋፊ መምህር</option>
<option value="የዳታቤዝ ባለሙያ">የዳታቤዝ ባለሙያ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ሀላፊነት ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-
field">ቀን</label>
<input type="date" class="form-control-smart" required
name="filled_by_date">
<div class="invalid-feedback amharic-text">እባክዎ ቀን
ያስገቡ</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<div></div>
<button type="button" class="nav-btn nav-btn-next"
onclick="validateAndNext(1, 2)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 2: Technical Skills -->
<div class="form-step" id="step-2">
<div class="form-title amharic-text">
<i class="fa fa-cogs"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ
</div>
<div class="form-header-info amharic-text" style="text-align: center;
font-weight: bold; margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-
color);">
የተለዩ ክፍተቶች፣ የተሞሉ ክፍተቶች እና የመጣለው ጥራት ማጠናከሪያ ቅፅ -
ክ 001
</div>
<input type="hidden" name="tech_form_type"
value="technical_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart"
id="tech_enterprise_name"
name="tech_enterprise_name" maxlength="100"
required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ
የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="tech_date"
name="tech_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="tech_department"
name="tech_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ
ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት
ይምረጡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr>
<th class="amharic-text">ተ.ቁ</th>
<th class="amharic-text required-field">የአንቀሳቃሹ ስም</th>
<th class="amharic-text required-field">የተለየው ክፍተት</th>
<th class="amharic-text optional-field">ክፍተቱ ያስከተለው
ችግር</th>
<th class="amharic-text required-field">ክፍተቱ ያለበት
ሁኔታ</th>
<th class="amharic-text optional-field">የምዘና ውጤት</th>
<th class="amharic-text optional-field">በተሞላው ክፍተት የመጣ
ለውጥ</th>
<th class="amharic-text optional-field">ምርመራ</th>
</tr>
</thead>
<tbody>
<!-- Row 1 - REQUIRED -->
<tr>
<td>1</td>
<td>
<input type="text" class="form-control-smart"
name="tech_activity1_name" maxlength="100"
required
placeholder="የአንቀሳቃሹ ስም">
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ የአንቀሳቃሹ ስም ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap1_type" maxlength="100" required
placeholder="የተለየው ክፍተት">
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ የተለየው ክፍተት ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap1_problem" maxlength="100"
placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart"
name="tech_gap1_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተቱ ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap1_assessment" maxlength="100"
placeholder="የምዘና ውጤት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap1_change" maxlength="100"
placeholder="በተሞላው ክፍተት የመጣ ለውጥ">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap1_inspection" maxlength="100"
placeholder="ምርመራ">
</td>
</tr>
<!-- Row 2 - REQUIRED -->
<tr>
<td>2</td>
<td>
<input type="text" class="form-control-smart"
name="tech_activity2_name" maxlength="100"
required
placeholder="የአንቀሳቃሹ ስም">
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ የአንቀሳቃሹ ስም ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap2_type" maxlength="100" required
placeholder="የተለየው ክፍተት">
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ የተለየው ክፍተት ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap2_problem" maxlength="100"
placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart"
name="tech_gap2_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተቱ ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap2_assessment" maxlength="100"
placeholder="የምዘና ውጤት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap2_change" maxlength="100"
placeholder="በተሞላው ክፍተት የመጣ ለውጥ">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap2_inspection" maxlength="100"
placeholder="ምርመራ">
</td>
</tr>
<!-- Row 3 - OPTIONAL -->
<tr>
<td>3</td>
<td>
<input type="text" class="form-control-smart"
name="tech_activity3_name" maxlength="100"
placeholder="የአንቀሳቃሹ ስም">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap3_type" maxlength="100"
placeholder="የተለየው ክፍተት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap3_problem" maxlength="100"
placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart"
name="tech_gap3_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap3_assessment" maxlength="100"
placeholder="የምዘና ውጤት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap3_change" maxlength="100"
placeholder="በተሞላው ክፍተት የመጣ ለውጥ">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap3_inspection" maxlength="100"
placeholder="ምርመራ">
</td>
</tr>
<!-- Row 4 - OPTIONAL -->
<tr>
<td>4</td>
<td>
<input type="text" class="form-control-smart"
name="tech_activity4_name" maxlength="100"
placeholder="የአንቀሳቃሹ ስም">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap4_type" maxlength="100"
placeholder="የተለየው ክፍተት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap4_problem" maxlength="100"
placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart"
name="tech_gap4_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap4_assessment" maxlength="100"
placeholder="የምዘና ውጤት">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap4_change" maxlength="100"
placeholder="በተሞላው ክፍተት የመጣ ለውጥ">
</td>
<td>
<input type="text" class="form-control-smart"
name="tech_gap4_inspection" maxlength="100"
placeholder="ምርመራ">
</td>
</tr>
</tbody>
</table>
</div>
<!-- Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
ቅፁን የሞላው ስም
</label>
<input type="text" class="form-control-smart"
name="tech_filled_by_name"
value="<?php echo
htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም
ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="techSignatureStatus" class="signature-status
signature-empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="techSignatureCanvas" class="signature-
canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary
btn-sm" onclick="clearTechSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="tech_filled_by_signature"
id="techSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ
ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart"
name="tech_filled_by_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን
ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> በእያንዳንዱ አንቀሳቃሽ የተለየ ክፍተት ተብሎ
የሚገለጸው በብቃት አሀዱ የሚገኙ ለርኒንግ አውት ካምስ መሰረት ያደረገ ነው፣
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev"
onclick="prevStep(1)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next"
onclick="validateAndNext(2, 3)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 3: Job Creation - UPDATED -->
<div class="form-step" id="step-3">
<div class="form-title amharic-text">
<i class="fa fa-briefcase"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - በስራ ፈጠራ ክህሎት ቅጽ
</div>
<input type="hidden" name="job_form_type"
value="employment_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart"
id="job_enterprise_name"
name="job_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ
የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="job_date"
name="job_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን
ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="job_department"
name="job_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ
ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት
ይምረጡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr>
<th class="amharic-text">ተ.ቁ</th>
<th class="amharic-text required-field">ክፍተት 1</th>
<th class="amharic-text optional-field">ክፍተቱ ያስከተለው
ችግር</th>
<th class="amharic-text required-field">ክፍተቱ ያለበት
ሁኔታ</th>
<th class="amharic-text optional-field">በተሞላው ክፍተት
የመጣለው ጥራት</th>
<th class="amharic-text optional-field">ምርመራ</th>
</tr>
</thead>
<tbody>
<!-- Row 1 - REQUIRED -->
<tr>
<td>1</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap1_type" maxlength="100" required>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተት 1 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap1_problem" maxlength="100">
</td>
<td>
<select class="form-select-smart"
name="job_gap1_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተት 1 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap1_quality" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap1_inspection" maxlength="100">
</td>
</tr>
<!-- Row 2 - REQUIRED -->
<tr>
<td>2</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap2_type" maxlength="100" required>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተት 2 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap2_problem" maxlength="100">
</td>
<td>
<select class="form-select-smart"
name="job_gap2_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-
size: 0.7rem;">እባክዎ ክፍተት 2 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap2_quality" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap2_inspection" maxlength="100">
</td>
</tr>
<!-- Row 3 - OPTIONAL -->
<tr>
<td>3</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap3_type" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap3_problem" maxlength="100">
</td>
<td>
<select class="form-select-smart"
name="job_gap3_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap3_quality" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap3_inspection" maxlength="100">
</td>
</tr>
<!-- Row 4 - OPTIONAL -->
<tr>
<td>4</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap4_type" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap4_problem" maxlength="100">
</td>
<td>
<select class="form-select-smart"
name="job_gap4_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap4_quality" maxlength="100">
</td>
<td>
<input type="text" class="form-control-smart"
name="job_gap4_inspection" maxlength="100">
</td>
</tr>
</tbody>
</table>
</div>
<!-- Enhanced Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
ቅጹን የሞላው ስም
</label>
<input type="text" class="form-control-smart"
name="job_filled_by_name"
value="<?php echo
htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም
ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="jobSignatureStatus" class="signature-status
signature-empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="jobSignatureCanvas" class="signature-
canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary
btn-sm" onclick="clearJobSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="job_filled_by_signature"
id="jobSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ
ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart"
name="job_filled_by_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን
ይምረጡ</div>
</div>
</div>
</div>
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev"
onclick="prevStep(2)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next"
onclick="validateAndNext(3, 4)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 4: Technology -->
<div class="form-step" id="step-4">
<div class="form-title amharic-text">
<i class="fa fa-laptop"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - ቴክኖሎጅ ቅጽ
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
በቴክኖሎጂ ክህሎት እና እውቀት አቅም ግንባታ - የተለዩ ክፍተቶች፣ የተሞሉ ክፍተቶች እና የመጣለው ጥራት
ማጠናከሪያ
</div>
<input type="hidden" name="technology_form_type" value="technology_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="technology_enterprise_name"
name="technology_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="technology_date"
name="technology_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="technology_department"
name="technology_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr>
<th class="amharic-text">ተ.ቁ</th>
<th class="amharic-text required-field">ክፍተት 1</th>
<th class="amharic-text optional-field">ክፍተቱ ያስከተለው ችግር</th>
<th class="amharic-text required-field">ክፍተቱ ያለበት ሁኔታ</th>
<th class="amharic-text optional-field">በተሞላው ክፍተት የመጣለው ጥራት</th>
<th class="amharic-text optional-field">ምርመራ</th>
</tr>
</thead>
<tbody>
<!-- Row 1 - REQUIRED -->
<tr>
<td>1</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap1_type"
maxlength="100" required placeholder="ክፍተት 1">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
1 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap1_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="technology_gap1_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
1 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap1_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart"
name="technology_gap1_inspection" maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 2 - REQUIRED -->
<tr>
<td>2</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap2_type"
maxlength="100" required placeholder="ክፍተት 2">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
2 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap2_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="technology_gap2_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
2 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap2_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart"
name="technology_gap2_inspection" maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 3 - OPTIONAL -->
<tr>
<td>3</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap3_type"
maxlength="100" placeholder="ክፍተት 3">
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap3_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="technology_gap3_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap3_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart"
name="technology_gap3_inspection" maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 4 - OPTIONAL -->
<tr>
<td>4</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap4_type"
maxlength="100" placeholder="ክፍተት 4">
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap4_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="technology_gap4_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart" name="technology_gap4_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart"
name="technology_gap4_inspection" maxlength="100" placeholder="ምርመራ">
</td>
</tr>
</tbody>
</table>
</div>
<!-- Enhanced Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
ቅጹን የሞላው ስም
</label>
<input type="text" class="form-control-smart" name="technology_filled_by_name"
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="technologySignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="technologySignatureCanvas" class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearTechnologySignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="technology_filled_by_signature"
id="technologySignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart" name="technology_filled_by_date"
required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ ቅጽ በቴክኖሎጂ ክህሎት እና እውቀት አቅም ግንባታ ላይ ያሉ ክፍተቶችን
ለመለየት፣ ለመሙላት እና የመጣውን ጥራት ለመመዝገብ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(3)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(4, 5)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 5: Kaizen -->
<div class="form-step" id="step-5">
<div class="form-title amharic-text">
<i class="fa fa-line-chart"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - በካይዘን እውቀት አቅም ግንባታ ቅጽ
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
በካይዘን እውቀት አቅም ግንባታ - የተለዩ ክፍተቶች፣ የተሞሉ ክፍተቶች እና የመጣለው ጥራት ማጠናከሪያ
</div>
<input type="hidden" name="kaizen_form_type" value="kaizen_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="kaizen_enterprise_name"
name="kaizen_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="kaizen_date"
name="kaizen_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="kaizen_department"
name="kaizen_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr>
<th class="amharic-text">ተ.ቁ</th>
<th class="amharic-text required-field">ክፍተት 1</th>
<th class="amharic-text optional-field">ክፍተቱ ያስከተለው ችግር</th>
<th class="amharic-text required-field">ክፍተቱ ያለበት ሁኔታ</th>
<th class="amharic-text optional-field">በተሞላው ክፍተት የመጣለው ጥራት</th>
<th class="amharic-text optional-field">ምርመራ</th>
</tr>
</thead>
<tbody>
<!-- Row 1 - REQUIRED -->
<tr>
<td>1</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap1_type"
maxlength="100" required placeholder="ክፍተት 1">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
1 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap1_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="kaizen_gap1_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
1 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap1_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap1_inspection"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 2 - REQUIRED -->
<tr>
<td>2</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap2_type"
maxlength="100" required placeholder="ክፍተት 2">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
2 ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap2_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="kaizen_gap2_status" required>
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ክፍተት
2 ሁኔታ ይምረጡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap2_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap2_inspection"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 3 - OPTIONAL -->
<tr>
<td>3</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap3_type"
maxlength="100" placeholder="ክፍተት 3">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap3_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="kaizen_gap3_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap3_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap3_inspection"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 4 - OPTIONAL -->
<tr>
<td>4</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap4_type"
maxlength="100" placeholder="ክፍተት 4">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap4_problem"
maxlength="100" placeholder="ክፍተቱ ያስከተለው ችግር">
</td>
<td>
<select class="form-select-smart" name="kaizen_gap4_status">
<option value="">-- ይምረጡ --</option>
<option value="filled">የተሞላ</option>
<option value="not-filled">ያልተሞላ</option>
</select>
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap4_quality"
maxlength="100" placeholder="በተሞላው ክፍተት የመጣለው ጥራት">
</td>
<td>
<input type="text" class="form-control-smart" name="kaizen_gap4_inspection"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
</tbody>
</table>
</div>
<!-- Enhanced Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
ቅጹን የሞላው ስም
</label>
<input type="text" class="form-control-smart" name="kaizen_filled_by_name"
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="kaizenSignatureStatus" class="signature-status signature-empty">ፊርማ
አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="kaizenSignatureCanvas" class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearKaizenSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="kaizen_filled_by_signature" id="kaizenSignatureData"
required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart" name="kaizen_filled_by_date"
required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ ቅጽ በካይዘን እውቀት አቅም ግንባታ ላይ ያሉ ክፍተቶችን ለመለየት፣
ለመሙላት እና የመጣውን ጥራት ለመመዝገብ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(4)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(5, 6)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 6: Entrepreneurship Form -->
<!-- Step 6: Entrepreneurship -->
<div class="form-step" id="step-6">
<div class="form-title amharic-text">
<i class="fa fa-handshake-o"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - ኢንተርፕረነርሽፕ ምዘና ቅጽ
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
በኢንተርፕረነርሽፕ ክህሎት እና እውቀት አቅም ግንባታ - የተለዩ ክፍተቶች፣ የተሞሉ ክፍተቶች እና የመጣለው
ጥራት ማጠናከሪያ
</div>
<input type="hidden" name="entrepreneurship_form_type" value="entrepreneurship_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart"
id="entrepreneurship_enterprise_name"
name="entrepreneurship_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="entrepreneurship_date"
name="entrepreneurship_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="entrepreneurship_department"
name="entrepreneurship_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
</div>
</div>
<!-- Section 1: Existing Skills, Technologies and Kaizen -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">1</span>
የነበረው ክህሎት፣ ቴክኖሎጂ እና ካይዘን ማወች
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text" style="width: 40%;">ከሙያ ደረጃው አንፃር ያሉትና
የሚያውቃቸውን ክህሎቶች</td>
<td class="input-cell" style="width: 60%;">
<textarea rows="3" class="form-control-smart"
name="existing_skills_knowledge"
maxlength="500" placeholder="የነበሩ ክህሎቶች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከቴክኖሎጅ አንፃር ይጠቀማቸው የነበሩት
ቴክኖሎጅዎች</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart"
name="existing_technologies_used"
maxlength="500" placeholder="የነበሩ ቴክኖሎጅዎች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከካይዘን አንፃር የተተገበሩ ሥራዎች ከ 5 ቱ ማወች
አንፃር</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart"
name="existing_kaizen_implemented"
maxlength="500" placeholder="የተተገበሩ ካይዘን ስራዎች
ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከኢንተርፕረነርሽፕ አንፃር የተገበራቸው
አሠራሮች</td>
<td class="input-cell">
<div class="row">
<div class="col-md-6">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox"
id="record_expense_income" name="entrepreneurship_records[]" value="expense_income">
<label class="form-check-label amharic-text"
for="record_expense_income">የወጭና ገቢ መዝገብ</label>
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox"
id="record_cash_control" name="entrepreneurship_records[]" value="cash_control">
<label class="form-check-label amharic-text"
for="record_cash_control">የጥሬ ገንዘብ መቆጣጠሪያ ቅፅ</label>
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox"
id="record_general_ledger" name="entrepreneurship_records[]" value="general_ledger">
<label class="form-check-label amharic-text"
for="record_general_ledger">የሂሳብ ቋትማሣያ /General Ledger/</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox"
id="record_purchase_record" name="entrepreneurship_records[]" value="purchase_record">
<label class="form-check-label amharic-text"
for="record_purchase_record">የግዥ መዝገብ</label>
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox"
id="record_sales_record" name="entrepreneurship_records[]" value="sales_record">
<label class="form-check-label amharic-text"
for="record_sales_record">የሽያጭ መዝገብ</label>
</div>
</div>
</div>
<div class="mt-2">
<input type="text" class="form-control-smart mb-1"
name="entrepreneurship_other_records[]"
placeholder="ሌላ አስፈላጊ መዝገብ" maxlength="100">
<input type="text" class="form-control-smart mb-1"
name="entrepreneurship_other_records[]"
placeholder="ሌላ አስፈላጊ መዝገብ" maxlength="100">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 2: Identified Gaps -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">2</span>
የተለዩ ክፍተቶች
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">ከሙያ ደረጃው አንፃር ያሉበት የክህሎት ክፍተቶች
በብቃት አሀድ ደረጃ</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart" name="skill_gaps"
maxlength="500" placeholder="የክህሎት ክፍተቶች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከቴክኖሎጅ አንፃር ያሉበት ክፍተቶች ከስታንዳርዱ
አንፃር</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart" name="technology_gaps"
maxlength="500" placeholder="የቴክኖሎጅ ክፍተቶች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከካይዘን አንፃር ያሉ ክፍተቶች ከ 5 ቱ ማወች
አንፃር</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart" name="kaizen_gaps"
maxlength="500" placeholder="የካይዘን ክፍተቶች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">ከኢንተርፕረነርሽፕ አንፃር ያሉ ክፍተቶች</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart" name="entrepreneurship_gaps"
maxlength="500" placeholder="የኢንተርፕረነርሽፕ ክፍተቶች
ይግቡ..."></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 3: Completion Document -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">3</span>
ማብቂያ ሰነድ
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">በተለዩት ክፍተቶች መሠረት ማብቂያ ሰነድ ለ 4 ቱም
ክፍተቶች የማብቂያ ሰነድ ተዘጋጅቶ ከፋይሉ ጋር አብሮ መታሰርና መስጠት አለበት፡፡</td>
<td class="input-cell">
<textarea rows="3" class="form-control-smart" name="completion_document"
maxlength="500" placeholder="ማብቂያ ሰነድ መረጃ ይግቡ..."></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 4: Changes Brought by Support -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">4</span>
በተሰጠው ድጋፍ የመጡ ለውጦች
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">ከምርት መጠን በፊት ከማያመርተው አንፃር ተነፃፅሮ
ይቀመጣል</td>
<td class="input-cell">
<div class="input-group">
<span class="input-group-text amharic-text">ከ</span>
<input type="number" class="form-control-smart" name="production_from"
min="0" step="0.01" placeholder="ከ">
<span class="input-group-text amharic-text">ወደ</span>
<input type="number" class="form-control-smart" name="production_to"
min="0" step="0.01" placeholder="ወደ">
<span class="input-group-text amharic-text">አድጓል፡፡</span>
</div>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">በምርት ጥራት</td>
<td class="input-cell">
<div class="input-group">
<span class="input-group-text amharic-text">ከ</span>
<input type="number" class="form-control-smart" name="quality_from"
min="0" step="0.01" placeholder="ከ">
<span class="input-group-text amharic-text">ወደ</span>
<input type="number" class="form-control-smart" name="quality_to"
min="0" step="0.01" placeholder="ወደ">
<span class="input-group-text amharic-text">ተለውጧል፡፡</span>
</div>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">በካፒታል መጠን</td>
<td class="input-cell">
<div class="input-group">
<span class="input-group-text amharic-text">ከ</span>
<input type="number" class="form-control-smart" name="capital_from"
min="0" step="0.01" placeholder="ከ">
<span class="input-group-text amharic-text">ወደ</span>
<input type="number" class="form-control-smart" name="capital_to"
min="0" step="0.01" placeholder="ወደ">
<span class="input-group-text amharic-text">አድጓል፡፡</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 5: Technology Comparison -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">5</span>
ቴክኖሎጂ ማነፃፀር
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">በፊት ይጠቀምባቸው የነበሩት የቴክኖሎጅ አይነቶች</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart" name="previous_technologies"
maxlength="500" placeholder="ቀድሞ የነበሩ ቴክኖሎጅዎች
ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">አሁን እየተጠቀማቸው ያሉት ቴክኖሎጅዎች</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart" name="current_technologies"
maxlength="500" placeholder="አሁን የሚጠቀሙባቸው ቴክኖሎጅዎች
ይግቡ..."></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 6: Skills Comparison -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">6</span>
ክህሎት ማነፃፀር
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">በፊት የነበሩት ክህሎቶች ሙያ ደረጃዉ ከሚጠይቀው
አንፃር</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart" name="previous_skills"
maxlength="500" placeholder="ቀድሞ የነበሩ ክህሎቶች ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">አሁን ያሉት ክህሎቶች</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart" name="current_skills"
maxlength="500" placeholder="አሁን ያሉት ክህሎቶች ይግቡ..."></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Section 7: Process and Knowledge Implementation -->
<div class="form-section">
<h4 class="section-title amharic-text">
<span class="section-number">7</span>
ሂደት እና እውቀት አተገባበር
</h4>
<div class="table-responsive">
<table class="form-table">
<tbody>
<tr>
<td class="label-cell amharic-text">አሁን የተገበራቸው አሠራሮች ከበፊት ጋር
በማነፃፀር</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart" name="process_comparison"
maxlength="500" placeholder="ሂደት ማነፃፀር ይግቡ..."></textarea>
</td>
</tr>
<tr>
<td class="label-cell amharic-text">አሁን የተገበራቸውና ያስቀጠላቸው ማወች ከ 5 ቱ ማወች
አንፃር</td>
<td class="input-cell">
<textarea rows="2" class="form-control-smart"
name="knowledge_implementation"
maxlength="500" placeholder="እውቀት አተገባበር ይግቡ..."></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Enhanced Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
ቅጹን የሞላው ስም
</label>
<input type="text" class="form-control-smart"
name="entrepreneurship_filled_by_name"
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="entrepreneurshipSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="entrepreneurshipSignatureCanvas"
class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearEntrepreneurshipSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="entrepreneurship_filled_by_signature"
id="entrepreneurshipSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart"
name="entrepreneurship_filled_by_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ ቅጽ በኢንተርፕረነርሽፕ ክህሎት፣ ቴክኖሎጅ፣ ካይዘን እና ሂደቶች ላይ
ያሉ ክፍተቶችን ለመለየት፣ ለመሙላት እና የመጣውን ጥራት ለመመዝገብ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(5)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(6, 7)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 7: Agreement Form -->
<div class="form-step" id="step-7">
<div class="form-title amharic-text">
<i class="fa fa-handshake-o"></i>
የውል ስምምነት ቅጽ
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
የኢንዱስትሪ ኤክስቴንሽን ና ቴክኖሎጅ ሽግገር ድጋፍ አሰጣጥ ና አቀባበል የውል ስምምነት
</div>
<input type="hidden" name="agreement_form_type" value="agreement_step">
<div class="department-selector amharic-text">
<div class="college-name">
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ
</div>
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="agreement_enterprise_name"
name="agreement_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="agreement_department"
name="agreement_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="agreement_date"
name="agreement_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<div class="two-column-grid">
<!-- Party A: Provider -->
<div>
<div class="form-section">
<h4 class="section-title amharic-text" style="color: var(--primary-color);">
<i class="fa fa-university"></i> 1. ውል ሰጪ
</h4>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
የኮሌጁ ስም
</label>
<input type="text" class="form-control-smart" name="college_name"
maxlength="100" value="ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ" required>
<div class="invalid-feedback amharic-text">እባክዎ የኮሌጁን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
የዲፓርትመንት ስም
</label>
<input type="text" class="form-control-smart" name="department_name"
maxlength="100" required placeholder="የዲፓርትመንት ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የዲፓርትመንቱን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
የአሰልጣኝ መምህር ስም
</label>
<input type="text" class="form-control-smart" name="trainer_name"
maxlength="100" required
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>">
<div class="invalid-feedback amharic-text">እባክዎ የአሰልጣኙን ስም ያስገቡ</div>
</div>
</div>
</div>
<!-- Party B: Recipient -->
<div>
<div class="form-section">
<h4 class="section-title amharic-text" style="color: var(--primary-color);">
<i class="fa fa-industry"></i> 2. ውል ተቀባይ
</h4>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="enterprise_name_agreement"
name="enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
የኢንተርፕራይዙ የቅርብ ባለቤት (ተጠሪ) ስም
</label>
<input type="text" class="form-control-smart" name="owner_name"
maxlength="100" required placeholder="የባለቤት ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የባለቤቱን ስም ያስገቡ</div>
</div>
</div>
</div>
</div>
<!-- Section 3: Recipient's Role -->
<div class="form-section">
<h4 class="section-title amharic-text" style="color: var(--primary-color);">
<i class="fa fa-users"></i> 3. የውል ተቀባይ ድርሻ
</h4>
<div class="form-group-compact">
<textarea class="form-control-smart" rows="4" name="recipient_role"
maxlength="2000" required
placeholder="የውል ተቀባይ ድርሻ ያስገቡ">
1. ውል ተቀባይ የኢንተርፕራይዝ ባለቤት አስቀድሞ በተፈጠረለት ግንዛቤ መሰረት አሰልጣኙ ከለየው ክፍተት አኳያ
ኢንተርፕራይዙ በምርታማነት፣ በጥራት ተወዳዳሪ ና በደንበኛው ዘንድ የተሻለ መቀራረብ ሊፈጥር የሚችሉ አሰራሮች
በመተግበር የተሻለ ለውጥ እንዲመዘገብ ድጋፉን ከልቡ ተቀብሎ የመተግበር...
2. በስሩ የሚገኙ አንቀሳቃሾች በድጋፍ ሥርዓቱ ተጠቃሚ እንዲሆኑ ከተፈጠረላቸው ክህሎት አንጻርም በምዘና ሥርዓቱ
ውስጥ በማለፍ ተወዳዳሪ አቅም እንዲፈጥሩ የማመቻቸት...
3. ለድጋፍ ሥርዓቱ አስፈላጊ የሆኑ ግብዓቶችን የማቅረብ በጋራ ስምምነት የተደረሰባቸውን መፍትሄዎች ተቀብሎ
የመተግበር...
4. አሰልጣኙ በተቀመጠው ጊዜ ሰሌዳ መሰረት ሳይገኝ ሲቀር ና የድጋፍ አፈጻጸሙ ጥራት ሲጓደል ድጋፉ ሳይቆራረጥ
እንዲሰጥ ለሚመለከተው አካል ቅሬታውን የማቅረብ...
5. በድጋፍ አፈጻጸሙ ስለአገኘው ርካታ ምሆነ ቅሬታ ልባዊ አስተያየት ለሚመለከተው አካል መስጠት...</textarea>
<div class="invalid-feedback amharic-text">እባክዎ የውል ተቀባይ ድርሻ ያስገቡ</div>
</div>
</div>
<!-- Section 4: Provider's Role -->
<div class="form-section">
<h4 class="section-title amharic-text" style="color: var(--primary-color);">
<i class="fa fa-user-tie"></i> 4. የውል ሰጪ (አሰልጠኙ) ድርሻ
</h4>
<div class="form-group-compact">
<textarea class="form-control-smart" rows="4" name="provider_role"
maxlength="2000" required
placeholder="የውል ሰጪ ድርሻ ያስገቡ">
1. የኢንተርፕራይዙን ክፍተት ሳይንሳዊ በሆነ መንገድ በመለየት...
2. ኢንተርፕራይዙን በሙሉ ፍላጎት የመደገፍ...
3. ክፍተቱን የሚሞላ ሳይንሳዊ ሰነዶች ከተቀመጠው አሰራር አንጻር በማዘጋጀት በሚመለከተው አካል አጸድቆ መደገፍ...
4. ለድጋፍ ሥርዓቱ አመቺ የሆነ ፕሮግራም ከኢንተርፕራይዙ ባለቤት ጋራ ተስማምቶ በማውጣት ለኢንተርፕራይዙም ሆነ
ለሚመለከተው አካል አስቀድሞ በማሳወቅ መተግበር...
5. በየጊዜው የሚታየውን ጦች በመከታተል በሰነድ መያዝ...</textarea>
<div class="invalid-feedback amharic-text">እባክዎ የውል ሰጪ ድርሻ ያስገቡ</div>
</div>
</div>
<!-- Identified Gaps -->
<div class="form-section">
<h4 class="section-title amharic-text" style="color: var(--primary-color);">
<i class="fa fa-search"></i>
በኢንተርፕራይዙ የተገኙ ዋናዋና ክፍተቶች
</h4>
<div class="form-group-compact">
<textarea class="form-control-smart" rows="3" name="identified_gaps"
maxlength="1000" placeholder="የተገኙ ክፍተቶች ያስገቡ"></textarea>
</div>
</div>
<!-- Signatures Section -->
<div class="signature-area">
<div class="two-column-grid">
<!-- Provider Signature -->
<div>
<h6 class="signature-title amharic-text">
<i class="fa fa-user-edit"></i> የውል ሰጪ ፊርማ
</h6>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ስም
</label>
<input type="text" class="form-control-smart" name="provider_name"
maxlength="100" required
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>">
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ፊርማ
<span id="providerSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="providerSignatureCanvas" class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearProviderSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="provider_signature" id="providerSignatureData"
required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ቀን
</label>
<input type="date" class="form-control-smart" name="provider_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
<!-- Recipient Signature -->
<div>
<h6 class="signature-title amharic-text">
<i class="fa fa-user-edit"></i> የውል ተቀባይ ፊርማ
</h6>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ስም
</label>
<input type="text" class="form-control-smart" name="recipient_name"
maxlength="100" required placeholder="የውል ተቀባይ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ፊርማ
<span id="recipientSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="recipientSignatureCanvas" class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearRecipientSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="recipient_signature" id="recipientSignatureData"
required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
ቀን
</label>
<input type="date" class="form-control-smart" name="recipient_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(6)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(7, 8)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 8: Action Plan -->
<div class="form-step" id="step-8">
<div class="form-title amharic-text">
<i class="fa fa-calendar-check"></i>
የኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - የኢንዱስትሪ ኤክስቴንሽን ድጋፍ አገልግሎት የድርጊት መርሀ-ግብር
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
የኢንዱስትሪ ኤክስቴንሽን ድጋፍ አገልግሎት የድርጊት መርሀ-ግብር
</div>
<input type="hidden" name="action_plan_form_type" value="action_plan_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
1. የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="action_enterprise_name"
name="action_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user"></i>
2. የኢንተርፕራይዙ ባለቤት ስም
</label>
<input type="text" class="form-control-smart" id="action_owner_name"
name="action_owner_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ባለቤት ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙ ባለቤት ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-map-marker"></i>
3. አድራሻ
</label>
<input type="text" class="form-control-smart" id="action_address"
name="action_address" maxlength="200" required
placeholder="አድራሻ ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ አድራሻ ያስገቡ</div>
</div>
</div>
<div class="compact-grid" style="margin-top: 10px;">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-sitemap"></i>
4. ዘርፍ
</label>
<select class="form-select-smart" id="action_sector"
name="action_sector" required>
<option value="">-- ዘርፍ ይምረጡ --</option>
<option value="ግብርና ዘርፍ">ግብርና ዘርፍ</option>
<option value="ኮንስትራክሽን ዘርፍ">ኮንስትራክሽን ዘርፍ</option>
<option value="ማኑፋክቸሪንግ ዘርፍ">ማኑፋክቸሪንግ ዘርፍ</option>
<option value="አገልግሎት ዘርፍ">አገልግሎት ዘርፍ</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዘርፍ ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-briefcase"></i>
5. የስራ መስክ
</label>
<input type="text" class="form-control-smart" id="action_field_of_work"
name="action_field_of_work" maxlength="100" required
placeholder="የስራ መስክ ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የስራ መስክ ያስገቡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr>
<th class="amharic-text" style="width: 50px;">ተቁ</th>
<th class="amharic-text required-field">የሚከናወነዉ ተግባር</th>
<th class="amharic-text required-field">የሚከናወንበት ጊዜ</th>
<th class="amharic-text optional-field">ምርመራ</th>
</tr>
</thead>
<tbody>
<!-- Row 1 - REQUIRED -->
<tr>
<td>1</td>
<td>
<textarea class="form-control-smart" name="action_task_1"
maxlength="500" rows="2" required
placeholder="የሚከናወነዉ ተግባር ያስገቡ"></textarea>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ተግባር
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_1"
maxlength="100" required placeholder="የሚከናወንበት ጊዜ">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ጊዜ
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_1"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 2 - REQUIRED -->
<tr>
<td>2</td>
<td>
<textarea class="form-control-smart" name="action_task_2"
maxlength="500" rows="2" required
placeholder="የሚከናወነዉ ተግባር ያስገቡ"></textarea>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ተግባር
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_2"
maxlength="100" required placeholder="የሚከናወንበት ጊዜ">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ጊዜ
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_2"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 3 - REQUIRED -->
<tr>
<td>3</td>
<td>
<textarea class="form-control-smart" name="action_task_3"
maxlength="500" rows="2" required
placeholder="የሚከናወነዉ ተግባር ያስገቡ"></textarea>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ተግባር
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_3"
maxlength="100" required placeholder="የሚከናወንበት ጊዜ">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ጊዜ
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_3"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 4 - REQUIRED -->
<tr>
<td>4</td>
<td>
<textarea class="form-control-smart" name="action_task_4"
maxlength="500" rows="2" required
placeholder="የሚከናወነዉ ተግባር ያስገቡ"></textarea>
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ተግባር
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_4"
maxlength="100" required placeholder="የሚከናወንበት ጊዜ">
<div class="invalid-feedback amharic-text" style="font-size: 0.7rem;">እባክዎ ጊዜ
ያስገቡ</div>
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_4"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 5 - OPTIONAL -->
<tr>
<td>5</td>
<td>
<textarea class="form-control-smart" name="action_task_5"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_5"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_5"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 6 - OPTIONAL -->
<tr>
<td>6</td>
<td>
<textarea class="form-control-smart" name="action_task_6"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_6"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_6"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 7 - OPTIONAL -->
<tr>
<td>7</td>
<td>
<textarea class="form-control-smart" name="action_task_7"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_7"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_7"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 8 - OPTIONAL -->
<tr>
<td>8</td>
<td>
<textarea class="form-control-smart" name="action_task_8"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_8"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_8"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 9 - OPTIONAL -->
<tr>
<td>9</td>
<td>
<textarea class="form-control-smart" name="action_task_9"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_9"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_9"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<!-- Row 10 - OPTIONAL -->
<tr>
<td>10</td>
<td>
<textarea class="form-control-smart" name="action_task_10"
maxlength="500" rows="2" placeholder="የሚከናወነዉ ተግባር
ያስገቡ"></textarea>
</td>
<td>
<input type="text" class="form-control-smart" name="action_time_10"
maxlength="100" placeholder="የሚከናወንበት ጊዜ">
</td>
<td>
<input type="text" class="form-control-smart" name="action_inspection_10"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
</tbody>
</table>
</div>
<!-- Signature Area -->
<div class="signature-area">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user-edit"></i>
የድጋፍ ሰጭዉ አሰልጣኝ ስም
</label>
<input type="text" class="form-control-smart" name="action_provider_name"
value="<?php echo htmlspecialchars($_SESSION['full_name']); ?>"
readonly maxlength="100" required>
<div class="invalid-feedback amharic-text">እባክዎ ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="actionSignatureStatus" class="signature-status signature-empty">ፊርማ
አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="actionSignatureCanvas" class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearActionSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="action_provider_signature" id="actionSignatureData"
required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart" name="action_provider_date"
required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ የድርጊት መርሀ-ግብር ቅጽ በኢንዱስትሪ ኤክስቴንሽን ድጋፍ አገልግሎት
ላይ የሚያጠናቀሩ ተግባራትን፣ ጊዜ እና ምርመራ ለመመዝገብ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(7)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(8, 9)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 9: Gap Identification -->
<!-- Step 9: Gap Identification Board -->
<!-- Step 9: Gap Identification Table -->
<div class="form-step" id="step-9">
<div class="form-title amharic-text">
<i class="fa fa-search"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ - የክፍተት መለያ ሰሌዳ
</div>
<input type="hidden" name="gap_form_type" value="gap_identification_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="gap_enterprise_name"
name="gap_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="gap_date"
name="gap_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="gap_department"
name="gap_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
</div>
</div>
<!-- Support Package Level -->
<div class="row mb-4">
<div class="col-md-12">
<div class="form-group">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-cubes"></i>
የድጋፍ ፓኬጅ ስም ደረጃ
</label>
<input type="text" class="form-control-smart" name="support_package_level"
maxlength="100" required placeholder="የድጋፍ ፓኬጅ ደረጃ ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የድጋፍ ፓኬጅ ደረጃ ያስገቡ</div>
</div>
</div>
</div>
<!-- Competency Units -->
<div class="row mb-4">
<div class="col-md-12">
<div class="form-group">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-check-circle"></i>
የብቃት አሀድ
</label>
<div class="row">
<?php for($i = 1; $i <= 7; $i++): ?>
<div class="col-md-3 mb-2">
<input type="text" class="form-control-smart"
name="gap_competency_unit_<?php echo $i; ?>"
maxlength="100" <?php echo $i <= 4 ? 'required' : ''; ?>
placeholder="ብቃት አሀድ <?php echo $i; ?>">
<?php if($i <= 4): ?>
<div class="invalid-feedback amharic-text">እባክዎ ብቃት አሀድ <?php echo $i; ?>
ያስገቡ</div>
<?php endif; ?>
</div>
<?php endfor; ?>
</div>
</div>
</div>
</div>
<!-- Competency Table -->
<div class="section-header amharic-text">
<i class="fa fa-tasks"></i>
የብቃት አሀድ ስራዎች
</div>
<div class="table-responsive">
<table class="table table-custom gap-table">
<thead>
<tr class="data-table-header">
<th class="amharic-text" style="width: 20%;" rowspan="2">የሰራተኛዉ /ኢንትርፕራይዙ
ስም</th>
<th class="amharic-text" colspan="7">ዝርዝር የብቃት አሀድ ስራዎች</th>
</tr>
<tr class="data-table-header">
<?php for($i = 1; $i <= 7; $i++): ?>
<th class="amharic-text" style="width: 11.4%; font-size: 1rem; font-weight: bold;"><?
php echo $i; ?></th>
<?php endfor; ?>
</tr>
</thead>
<tbody>
<?php for($row = 1; $row <= 7; $row++): ?>
<tr>
<td>
<input type="text" class="form-control-smart"
name="gap_employee_name_<?php echo $row; ?>"
maxlength="100" placeholder="ሰራተኛ ስም <?php echo $row; ?>">
</td>
<?php for($col = 1; $col <= 7; $col++): ?>
<td>
<input type="text" class="form-control-smart"
name="gap_competency_work_<?php echo $row; ?>_<?php echo $col; ?>"
maxlength="100" placeholder="ስራ <?php echo $col; ?>">
</td>
<?php endfor; ?>
</tr>
<?php endfor; ?>
</tbody>
</table>
</div>
<!-- Gap Identifier Signature -->
<div class="signature-area">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user"></i>
ክፍተቱን የለየዉ አስልጣኝ ስም
</label>
<input type="text" class="form-control-smart" name="gap_identifier_name"
maxlength="100" required placeholder="አስልጣኝ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የአስልጣኙን ስም ያስገቡ</div>
</div>
<div class="form-group">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ (አስልጣኝ)
<span id="gapIdentifierSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="gapIdentifierSignatureCanvas"
class="signature-canvas"></canvas>
<div class="signature-grid"></div>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearGapIdentifierSignature()">
<i class="fa fa-eraser"></i> አጽዳ
</button>
<button type="button" class="btn btn-outline-primary btn-sm"
onclick="undoGapIdentifierSignature()">
<i class="fa fa-undo"></i> ይመለሱ
</button>
</div>
</div>
<input type="hidden" name="gap_identifier_signature"
id="gapIdentifierSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart" name="gap_identifier_date"
required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጁ</div>
</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ ሰሌዳ በኢንተርፕራይዙ ውስጥ ባሉ ሰራተኞች የብቃት አሀድ ስራዎችን
ለመለየት እና የክፍተት ምዘና ለማካሄድ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(8)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-next" onclick="validateAndNext(9, 10)">
<i class="fa fa-arrow-right"></i> ቀጣይ
</button>
</div>
</div>
<!-- Step 10: Support Schedule -->
<!-- Step 10: Support Schedule -->
<div class="form-step" id="step-10">
<div class="form-title amharic-text">
<i class="fa fa-calendar-check-o"></i>
ኮምቦልቻ ፖሊቴክኒክ ኮሌጅ
</div>
<div class="form-header-info amharic-text" style="text-align: center; font-weight: bold;
margin-bottom: 15px; padding: 10px; border-bottom: 2px solid var(--primary-color);">
የድጋፍ አሰጣጥ የጊዜ ሰሌዳ
</div>
<input type="hidden" name="schedule_form_type" value="support_schedule_step">
<div class="department-selector amharic-text">
<div class="compact-grid">
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-industry"></i>
የኢንተርፕራይዙ ስም
</label>
<input type="text" class="form-control-smart" id="schedule_enterprise_name"
name="schedule_enterprise_name" maxlength="100" required
placeholder="የኢንተርፕራይዙ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የኢንተርፕራይዙን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar"></i>
ቀን
</label>
<input type="date" class="form-control-smart" id="schedule_date"
name="schedule_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-building"></i>
ዲፓርትመንት
</label>
<select class="form-select-smart" id="schedule_department"
name="schedule_department" required>
<option value="">-- ዲፓርትመንት ይምረጡ --</option>
<option value="አውቶሞቲቭ">አውቶሞቲቭ</option>
<option value="ኤሌክትሪክሲቲ">ኤሌክትሪክሲቲ</option>
<option value="አይሲቲ">አይሲቲ</option>
<option value="ሆቴል">ሆቴል</option>
<option value="ሰርቬይንግ">ሰርቬይንግ</option>
<option value="ቢውልዲንግ ኮንስትራክሽን">ቢውልዲንግ ኮንስትራክሽን</option>
<option value="ሮድ ኮንስትራክሽን">ሮድ ኮንስትራክሽን</option>
<option value="ልብስ ስፌት">ልብስ ስፌት</option>
<option value="ሽመና">ሽመና</option>
<option value="ብረታብረት ስራ">ብረታብረት ስራ</option>
<option value="አግሮ ፕሮሰሲንግ">አግሮ ፕሮሰሲንግ</option>
<option value="ፈርኒቸር">ፈርኒቸር</option>
<option value="አኒማል ፕሮዳክሽን">አኒማል ፕሮዳክሽን</option>
<option value="ክሮፕ ፕሮዳክሽን">ክሮፕ ፕሮዳክሽን</option>
</select>
<div class="invalid-feedback amharic-text">እባክዎ ዲፓርትመንት ይምረጡ</div>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-custom">
<thead>
<tr class="data-table-header">
<th class="amharic-text" rowspan="2" style="width: 15%;">የሳምንት ቀን</th>
<th class="amharic-text" colspan="2" style="width: 30%;">ጧት</th>
<th class="amharic-text" colspan="2" style="width: 30%;">ከሰዓት</th>
<th class="amharic-text" rowspan="2" style="width: 25%;">ምርመራ</th>
</tr>
<tr class="data-table-header">
<th class="amharic-text">ከ</th>
<th class="amharic-text">እስከ</th>
<th class="amharic-text">ከ</th>
<th class="amharic-text">እስከ</th>
</tr>
</thead>
<tbody>
<?php
$weekDays = [
['value' => 'monday', 'label' => 'ሰኞ'],
['value' => 'tuesday', 'label' => 'ማክሰኞ'],
['value' => 'wednesday', 'label' => 'እሮብ'],
['value' => 'thursday', 'label' => 'ሀሙስ'],
['value' => 'friday', 'label' => 'አርብ']
];
foreach ($weekDays as $day):
?>
<tr>
<td><strong class="amharic-text"><?php echo $day['label']; ?></strong></td>
<td>
<input type="time" class="form-control-smart"
name="schedule_<?php echo $day['value']; ?>_morning_from"
placeholder="ጧት ከ">
</td>
<td>
<input type="time" class="form-control-smart"
name="schedule_<?php echo $day['value']; ?>_morning_to"
placeholder="ጧት እስከ">
</td>
<td>
<input type="time" class="form-control-smart"
name="schedule_<?php echo $day['value']; ?>_afternoon_from"
placeholder="ከሰዓት ከ">
</td>
<td>
<input type="time" class="form-control-smart"
name="schedule_<?php echo $day['value']; ?>_afternoon_to"
placeholder="ከሰዓት እስከ">
</td>
<td>
<input type="text" class="form-control-smart"
name="schedule_<?php echo $day['value']; ?>_inspection"
maxlength="100" placeholder="ምርመራ">
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
<!-- Contract Parties (Matching Action Plan Structure) -->
<div class="contract-parties" style="margin-top: 20px;">
<!-- Provider (ዉል ሰጭ) -->
<div class="contract-party">
<h5 class="amharic-text text-center">ዉል ሰጭ</h5>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user"></i>
ስም
</label>
<input type="text" class="form-control-smart"
name="schedule_provider_name" maxlength="100" required
placeholder="የዉል ሰጪው ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የዉል ሰጪውን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="scheduleProviderSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="scheduleProviderSignatureCanvas"
class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearScheduleProviderSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="schedule_provider_signature"
id="scheduleProviderSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart"
name="schedule_provider_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
<!-- Receiver (ዉል ተቀባይ) -->
<div class="contract-party">
<h5 class="amharic-text text-center">ዉል ተቀባይ</h5>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-user"></i>
ስም
</label>
<input type="text" class="form-control-smart"
name="schedule_receiver_name" maxlength="100" required
placeholder="የዉል ተቀባዩ ስም ያስገቡ">
<div class="invalid-feedback amharic-text">እባክዎ የዉል ተቀባዩን ስም ያስገቡ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-signature"></i>
ፊርማ
<span id="scheduleReceiverSignatureStatus" class="signature-status signature-
empty">ፊርማ አልተሰራም</span>
</label>
<div class="signature-wrapper">
<div class="signature-pad-container">
<div class="signature-canvas-wrapper">
<canvas id="scheduleReceiverSignatureCanvas"
class="signature-canvas"></canvas>
</div>
</div>
<div class="signature-controls">
<button type="button" class="btn btn-outline-secondary btn-sm"
onclick="clearScheduleReceiverSignature()" style="padding: 4px 8px; font-size: 0.8rem;">
<i class="fa fa-eraser"></i> አጽዳ
</button>
</div>
</div>
<input type="hidden" name="schedule_receiver_signature"
id="scheduleReceiverSignatureData" required>
<div class="invalid-feedback amharic-text">እባክዎ ፊርማ ያድርጉ</div>
</div>
<div class="form-group-compact">
<label class="form-label-smart amharic-text required-field">
<i class="fa fa-calendar-check"></i>
ቀን
</label>
<input type="date" class="form-control-smart"
name="schedule_receiver_date" required>
<div class="invalid-feedback amharic-text">እባክዎ ቀን ይምረጡ</div>
</div>
</div>
</div>
<!-- Note Section -->
<div class="note-section amharic-text">
<strong>ማሳሰቢያ:</strong> ይህ የጊዜ ሰሌዳ የድጋፍ አሰጣጥ ቀናትን፣ ጊዜን እና ምርመራ ውጤቶችን
ለመመዝገብ ያገለግላል።
</div>
<!-- Navigation Buttons -->
<div class="form-navigation">
<button type="button" class="nav-btn nav-btn-prev" onclick="prevStep(9)">
<i class="fa fa-arrow-left"></i> ወደኋላ
</button>
<button type="button" class="nav-btn nav-btn-submit" onclick="submitForm()">
<i class="fa fa-save"></i> አስቀምጥ
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer">
<div class="font-13">2018 © <b>HS</b> - All rights reserved.</div>
</footer>
</div>
</div>
<!-- Loading Overlay -->
<div class="loading-overlay" id="loadingOverlay">
<div class="loading-spinner"></div>
</div>
<!-- JavaScript files -->
<script src="./assets/vendors/jquery/dist/[Link]" type="text/javascript"></script>
<script src="./assets/vendors/[Link]/dist/umd/[Link]"
type="text/javascript"></script>
<script src="./assets/vendors/bootstrap/dist/js/[Link]"
type="text/javascript"></script>
<script src="./assets/vendors/metisMenu/dist/[Link]"
type="text/javascript"></script>
<script src="./assets/vendors/jquery-slimscroll/[Link]"
type="text/javascript"></script>
<script src="assets/js/[Link]" type="text/javascript"></script>
<!-- Signature Pad Library -->
<script
src="[Link]
script>
<!-- Signature Pad Library -->
<script
src="[Link]
script>
<script
src="[Link]
script>
<script> // ============================================
// ============================================
// GLOBAL VARIABLES AND INITIALIZATION
// ============================================
let currentStep = 1;
const totalSteps = 10;
let enterpriseName = '';
let selectedDepartment = '';
const loggedInUserName = "<?php echo htmlspecialchars($_SESSION['full_name']); ?>";
// Load enterprise_id from localStorage on page load
function loadEnterpriseIdFromStorage() {
const storedEnterpriseId = [Link]('enterprise_id');
if (storedEnterpriseId) {
[Link] = storedEnterpriseId;
[Link]('Enterprise ID loaded from localStorage:', [Link]);
// Job field options array
const jobFieldOptions = [
"ጨርቃጨርቅና አልባሳት",
"ቆዳና የቆዳ ውጤቶች",
"ምግብና መጠጥ ዝግጅት",
"የብ/ብረትና ኢንጅነሪንግ ምርቶች",
"የእንጨት ስራዎች",
"በቅርቀሃ ስራዎች",
"ባህላዊ እደጥበብና ጌጣጌጥ",
"አግሮፕሮሰሲንግ",
"ስራ ተቋራጭነት",
"ንዑስ ስራ ተቋራጭነት",
"የግንባታ ግብዓቶች ምርት",
"ባህላዊ የማድን ስራዎች",
"የከበሩ ድንጋዮች ልማት",
"ኮብል ስቶን ስራዎች",
"መሰ/ልማት ግንባታ ን/ተቋራጭ",
"ማገዶ ቆጣቢ ምድጃ ስራ",
"የገጠ/ አነስተኛ ትራንስፖርት",
"ካፌና ሬስቶራንት",
"የማከማቻ አገልግሎት",
"የቱሪስት አገልግሎት",
"የማሸጊያ አገልግሎት",
"የስራ አመራር አገልግሎት",
"የማዘጋጃ ቤታዊ አገልግሎቶች",
"የፕሮጀክት ኢንጅነሪንግ አገልግሎት",
"የምርት ዲዛይንና ልማት",
"የግቢ/ዉበ/ጥበቃና ጽዳት",
"የጥገና አገልግሎት",
"የዉበት ሳሎን ስራዎች",
"የኤሌክትሮ/ሶፍትዌር ልማት",
"የኤሌክትሮኒክስ እቃዎች ጥገና",
"የቤት ዉስጥ ኔትወርክ ዝርጋታ",
"የዲኮር ስራ",
"ኢንተርኔት ካፌ",
"ኮምፒውተር ማሰልጠኛ",
"ፑር አገልግሎት",
"የወፍጮ ቤት አገልግሎት",
"ጋዜጣ ማከፋፈል የማስታወቂያ ስራ",
"እንስሳት ክልኒክ",
"መኪና እጥበት",
"ጫኝና አውራጅ",
"ድለላ",
"ጎሚስታ",
"ፎቶ ቤት አገልግሎት",
"የፓርኪንግ አገልግሎት",
"ላውንደሪ አገልግሎት",
"ዘመናዊ እንስሳት እርባታ",
"ንብ ማነብ",
"ዓሳ እርባታ",
"ደሮ እርባታ",
"ዘመናዊ ደን ልማት",
"አትክልትና ፍራፍሬ",
"ዘመናዊ መስኖ ስራ",
"እንስሳት መኖ ማቀነባበሪያ",
"ማድለብ",
"ንግድ",
"የሀገር ዉስጥ ምርቶች ጅምላ",
"የሀገር ዉስጥ ምርቶች ችርቻሮ",
"የጥሬ እቃ አቅርቦት"
];
// ============================================
// SIMPLIFIED CRUD OPERATIONS FOR PHP 5.6
// ============================================
class CRUDOperations {
constructor() {
[Link] = 'ajax_handler.php';
[Link] = null;
// Load enterpriseId from localStorage
[Link]();
loadEnterpriseId() {
// Try localStorage first
if ([Link]('enterprise_id')) {
[Link] = [Link]('enterprise_id');
[Link]('Enterprise ID loaded from localStorage:', [Link]);
// Helper method to add enterprise_id to formData
addEnterpriseId(formData) {
if ([Link]) {
formData.enterprise_id = [Link];
[Link]('Added enterprise_id to form data:', [Link]);
} else {
[Link]('No enterprise_id available. Make sure Step 1 is completed first.');
// Enterprise form (Step 1) - NO enterprise_id needed
saveEnterpriseFormData(formData, callback) {
formData.form_type = 'multi_step';
[Link](formData, callback);
// All other forms (Step 2-10) - ADD enterprise_id
saveTechnicalSkillsFormData(formData, callback) {
formData.form_type = 'technical_step';
[Link](formData);
[Link](formData, callback);
saveJobCreationFormData(formData, callback) {
formData.form_type = 'employment_step';
[Link](formData);
[Link](formData, callback);
}
saveTechnologyFormData(formData, callback) {
formData.form_type = 'technology_step';
[Link](formData);
[Link](formData, callback);
saveKaizenFormData(formData, callback) {
formData.form_type = 'kaizen_step';
[Link](formData);
[Link](formData, callback);
saveEntrepreneurshipFormData(formData, callback) {
formData.form_type = 'entrepreneurship_step';
[Link](formData);
[Link](formData, callback);
saveAgreementFormData(formData, callback) {
formData.form_type = 'agreement_step';
[Link](formData);
[Link](formData, callback);
saveActionPlanFormData(formData, callback) {
formData.form_type = 'action_plan_step';
[Link](formData);
[Link](formData, callback);
saveGapIdentificationFormData(formData, callback) {
formData.form_type = 'gap_identification_step';
[Link](formData);
[Link](formData, callback);
saveSupportScheduleFormData(formData, callback) {
formData.form_type = 'support_schedule_step';
[Link](formData);
[Link](formData, callback);
// Simple save method
// Update the saveData method in your JavaScript:
// Replace the saveData method in the CRUDOperations class with this:
saveData(formData, callback) {
// Add timestamp
formData.submitted_at = new Date().toISOString();
[Link]('Sending data to ajax_handler.php');
[Link]('Form data keys:', [Link](formData));
// Show loading overlay
$('#loadingOverlay').css('display', 'flex');
$.ajax({
url: [Link],
type: 'POST',
data: formData,
dataType: 'json',
success: function(response) {
[Link]('Server response:', response);
if (response && [Link]) {
// Call the callback with success
if (typeof callback === 'function') {
callback(response);
} else {
// Handle error
let errorMsg = response && [Link] ? [Link] : 'የማይታወቅ ስህተት
ተፈጥሯል';
if (response && response.error_code) {
errorMsg += ' (ኮድ: ' + response.error_code + ')';
}
if (typeof callback === 'function') {
callback({
success: false,
message: errorMsg
});
},
error: function(xhr, status, error) {
[Link]('AJAX Error:', status, error);
[Link]('Response:', [Link]);
let errorMsg = 'የኔትወርክ ስህተት: ' + status;
if ([Link]) {
try {
const parsed = [Link]([Link]);
if ([Link]) {
errorMsg = [Link];
} catch (e) {
// Not JSON
}
if (typeof callback === 'function') {
callback({
success: false,
message: errorMsg
});
},
complete: function() {
// Hide loading overlay
$('#loadingOverlay').hide();
});
// Method to set enterpriseId after Step 1 is saved
setEnterpriseId(id) {
[Link] = id;
// Store in localStorage for persistence
[Link]('enterprise_id', id);
[Link] = id;
[Link]('Enterprise ID set and stored:', id);
}
// Global CRUD instance
[Link] = new CRUDOperations();
// ============================================
// AUTO-FILL ENTERPRISE NAME AND DEPARTMENT
// ============================================
function captureStep1Data() {
// Capture enterprise name from Step 1
const enterpriseNameInput = [Link]('enterpriseName');
if (enterpriseNameInput) {
[Link]('input', function() {
enterpriseName = [Link]();
// Store in sessionStorage for persistence
[Link]('enterprise_name', enterpriseName);
});
// Capture department from Step 1 (sector or sub_sector)
const sectorSelect = [Link]('select[name="sector"]');
const subSectorSelect = [Link]('select[name="sub_sector"]');
if (sectorSelect) {
[Link]('change', function() {
if ([Link]) {
selectedDepartment = [Link];
[Link]('selected_department', selectedDepartment);
});
if (subSectorSelect) {
[Link]('change', function() {
if ([Link]) {
selectedDepartment = [Link];
[Link]('selected_department', selectedDepartment);
});
function autoFillEnterpriseNameAndDepartment() {
// Get stored values from sessionStorage
const storedEnterpriseName = [Link]('enterprise_name') || '';
const storedDepartment = [Link]('selected_department') || '';
// Only proceed if we have data
if (!storedEnterpriseName && !storedDepartment) return;
// Auto-fill enterprise name in ALL steps (2-10)
if (storedEnterpriseName) {
// For each step, find and fill enterprise name field
const enterpriseSelectors = [
// Step 2
'#tech_enterprise_name',
// Step 3
'#job_enterprise_name',
// Step 4
'#technology_enterprise_name',
// Step 5
'#kaizen_enterprise_name',
// Step 6
'#entrepreneurship_enterprise_name',
// Step 7
'#agreement_enterprise_name',
// Step 8
'#action_enterprise_name',
// Step 9
'#gap_enterprise_name',
// Step 10
'#schedule_enterprise_name'
];
[Link](selector => {
const element = [Link](selector);
if (element && ![Link]) {
[Link] = storedEnterpriseName;
}
});
// Auto-fill department in ALL steps that have department dropdowns
if (storedDepartment) {
const departmentSelectors = [
// Step 2
'#tech_department',
// Step 3
'#job_department',
// Step 4
'#technology_department',
// Step 5
'#kaizen_department',
// Step 6
'#entrepreneurship_department',
// Step 7
'#agreement_department',
// Step 8 (Action Plan - uses different fields)
'#action_sector',
// Step 9
'#gap_department',
// Step 10
'#schedule_department'
];
[Link](selector => {
const selectElement = [Link](selector);
if (selectElement) {
// Try to find matching option
const options = [Link];
let foundMatch = false;
for (let i = 0; i < [Link]; i++) {
const option = options[i];
if ([Link](storedDepartment) ||
[Link](storedDepartment)) {
[Link] = [Link];
foundMatch = true;
break;
// If no exact match found, just set the value
if (!foundMatch && ![Link]) {
[Link] = storedDepartment;
});
}
// ============================================
// SIGNATURE MANAGER CLASS
// ============================================
class SignatureManager {
constructor() {
[Link] = {};
[Link] = {};
[Link] = 1;
[Link]();
init() {
[Link]("SignatureManager initialized");
// Listen for step changes
$(document).on('stepChanged', (event, step) => {
[Link] = step;
[Link](step);
});
initializeSignaturePadForStep(step) {
switch(step) {
case 2:
[Link]();
break;
case 3:
[Link]();
break;
case 4:
[Link]();
break;
case 5:
[Link]();
break;
case 6:
[Link]();
break;
case 7:
[Link]();
break;
case 8:
[Link]();
break;
case 9:
[Link]();
break;
case 10:
[Link]();
break;
}
}
initTechSignature() {
const canvas = [Link]('techSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('techSignatureData');
const statusElement = [Link]('techSignatureStatus');
[Link]('tech', canvas, container, hiddenInput, statusElement);
initJobSignature() {
const canvas = [Link]('jobSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('jobSignatureData');
const statusElement = [Link]('jobSignatureStatus');
[Link]('job', canvas, container, hiddenInput, statusElement);
initTechnologySignature() {
const canvas = [Link]('technologySignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('technologySignatureData');
const statusElement = [Link]('technologySignatureStatus');
[Link]('technology', canvas, container, hiddenInput, statusElement);
initKaizenSignature() {
const canvas = [Link]('kaizenSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('kaizenSignatureData');
const statusElement = [Link]('kaizenSignatureStatus');
[Link]('kaizen', canvas, container, hiddenInput, statusElement);
initEntrepreneurshipSignature() {
const canvas = [Link]('entrepreneurshipSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('entrepreneurshipSignatureData');
const statusElement = [Link]('entrepreneurshipSignatureStatus');
[Link]('entrepreneurship', canvas, container, hiddenInput, statusElement);
initAgreementSignatures() {
const providerCanvas = [Link]('providerSignatureCanvas');
if (providerCanvas) {
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('providerSignatureData');
const statusElement = [Link]('providerSignatureStatus');
[Link]('provider', providerCanvas, container, hiddenInput,
statusElement);
const recipientCanvas = [Link]('recipientSignatureCanvas');
if (recipientCanvas) {
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('recipientSignatureData');
const statusElement = [Link]('recipientSignatureStatus');
[Link]('recipient', recipientCanvas, container, hiddenInput,
statusElement);
initActionSignature() {
const canvas = [Link]('actionSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('actionSignatureData');
const statusElement = [Link]('actionSignatureStatus');
[Link]('action', canvas, container, hiddenInput, statusElement);
initGapIdentifierSignature() {
const canvas = [Link]('gapIdentifierSignatureCanvas');
if (!canvas) return;
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('gapIdentifierSignatureData');
const statusElement = [Link]('gapIdentifierSignatureStatus');
[Link]('gapIdentifier', canvas, container, hiddenInput, statusElement);
initScheduleSignatures() {
const providerCanvas = [Link]('scheduleProviderSignatureCanvas');
if (providerCanvas) {
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('scheduleProviderSignatureData');
const statusElement = [Link]('scheduleProviderSignatureStatus');
[Link]('scheduleProvider', providerCanvas, container, hiddenInput,
statusElement);
const receiverCanvas = [Link]('scheduleReceiverSignatureCanvas');
if (receiverCanvas) {
const container = [Link]('.signature-pad-container');
const hiddenInput = [Link]('scheduleReceiverSignatureData');
const statusElement = [Link]('scheduleReceiverSignatureStatus');
[Link]('scheduleReceiver', receiverCanvas, container, hiddenInput,
statusElement);
setupSignaturePad(key, canvas, container, hiddenInput, statusElement) {
// Clear existing
if ([Link][key]) {
[Link][key].off();
delete [Link][key];
// Set dimensions
[Link] = [Link];
[Link] = [Link];
// Initialize
const signaturePad = new SignaturePad(canvas, {
backgroundColor: 'rgb(255, 255, 255)',
penColor: 'rgb(0, 0, 0)',
velocityFilterWeight: 0.7,
minWidth: 0.5,
maxWidth: 2.5,
throttle: 16,
minPointDistance: 3
});
[Link][key] = signaturePad;
// Event listeners
[Link] = () => {
[Link](key, signaturePad, hiddenInput, statusElement);
};
// Load existing
if (hiddenInput && [Link]) {
[Link]([Link]);
[Link](statusElement, true);
} else {
[Link](statusElement, false);
// Resize handler
[Link]('resize', () => {
[Link](key, canvas, container, signaturePad);
});
updateSignatureData(key, signaturePad, hiddenInput, statusElement) {
if ([Link]()) {
if (hiddenInput) [Link] = '';
[Link](statusElement, false);
return;
const dataUrl = [Link]('image/png');
if (hiddenInput) {
[Link] = dataUrl;
[Link][key] = dataUrl;
[Link](statusElement, true);
updateSignatureStatus(statusElement, hasSignature) {
if (!statusElement) return;
if (hasSignature) {
[Link] = 'ፊርማ ተሰርቷል ✓';
[Link] = 'signature-status signature-filled';
[Link]('.signature-pad-container')?.[Link]('signature-required');
} else {
[Link] = 'ፊርማ አልተሰራም';
[Link] = 'signature-status signature-empty';
resizeSignaturePad(key, canvas, container, signaturePad) {
const data = [Link]();
[Link] = [Link];
[Link] = [Link];
[Link]();
if (data) {
[Link](data);
clearSignature(key) {
const signaturePad = [Link][key];
if (signaturePad) {
[Link]();
const hiddenInput = [Link](`${key}SignatureData`);
if (hiddenInput) [Link] = '';
const statusElement = [Link](`${key}SignatureStatus`);
if (statusElement) {
[Link](statusElement, false);
getAllSignatureData() {
const allData = {};
for (const [key, signaturePad] of [Link]([Link])) {
if (![Link]()) {
allData[key] = [Link]('image/png');
return allData;
validateStepSignatures(step) {
const missingSignatures = [];
switch(step) {
case 2:
if (![Link] || [Link]()) {
[Link]('ቴክኒካል');
break;
case 3:
if (![Link] || [Link]()) {
[Link]('ስራ ፈጠራ');
break;
case 4:
if (![Link] || [Link]()) {
[Link]('ቴክኖሎጅ');
break;
case 5:
if (![Link] || [Link]()) {
[Link]('ካይዘን');
break;
case 6:
if (![Link] ||
[Link]()) {
[Link]('ኢንተርፕረነርሽፕ');
break;
case 7:
if (![Link] || [Link]()) {
[Link]('የውል ሰጪ');
if (![Link] || [Link]()) {
[Link]('የውል ተቀባይ');
break;
case 8:
if (![Link] || [Link]()) {
[Link]('የድርጊት መርሀ-ግብር');
break;
case 9:
if (![Link] || [Link]()) {
[Link]('ክፍተት መለያ');
break;
case 10:
if (![Link] ||
[Link]()) {
[Link]('የጊዜ ሰሌዳ ሰጪ');
if (![Link] ||
[Link]()) {
[Link]('የጊዜ ሰሌዳ ተቀባይ');
break;
}
return {
isValid: [Link] === 0,
missing: missingSignatures
};
// ============================================
// CLEAR SIGNATURE FUNCTIONS
// ============================================
function clearTechSignature() {
if ([Link]) [Link]('tech');
function clearJobSignature() {
if ([Link]) [Link]('job');
function clearTechnologySignature() {
if ([Link]) [Link]('technology');
function clearKaizenSignature() {
if ([Link]) [Link]('kaizen');
function clearEntrepreneurshipSignature() {
if ([Link]) [Link]('entrepreneurship');
function clearProviderSignature() {
if ([Link]) [Link]('provider');
function clearRecipientSignature() {
if ([Link]) [Link]('recipient');
function clearActionSignature() {
if ([Link]) [Link]('action');
function clearGapIdentifierSignature() {
if ([Link]) [Link]('gapIdentifier');
function clearScheduleProviderSignature() {
if ([Link]) [Link]('scheduleProvider');
}
function clearScheduleReceiverSignature() {
if ([Link]) [Link]('scheduleReceiver');
// ============================================
// AUTO-SUM FUNCTIONS
// ============================================
function calculateJobOpportunityTotal(input, type) {
const container = $(input).closest('.compact-input-group');
const maleInput = [Link]('input[name$="_male"]');
const femaleInput = [Link]('input[name$="_female"]');
const totalInput = [Link]('input[readonly]');
const maleValue = parseInt([Link]()) || 0;
const femaleValue = parseInt([Link]()) || 0;
const total = maleValue + femaleValue;
[Link](total);
calculateAllJobTotals();
function calculateAllJobTotals() {
const permanentMale = parseInt($('input[name="permanent_male"]').val()) || 0;
const permanentFemale = parseInt($('input[name="permanent_female"]').val()) || 0;
const permanentTotal = permanentMale + permanentFemale;
const temporaryMale = parseInt($('input[name="temporary_male"]').val()) || 0;
const temporaryFemale = parseInt($('input[name="temporary_female"]').val()) || 0;
const temporaryTotal = temporaryMale + temporaryFemale;
$('#permanent_total').val(permanentTotal);
$('#temporary_total').val(temporaryTotal);
// ============================================
// STEP VALIDATION FUNCTIONS
// ============================================
const stepValidations = {
1: function() {
const requiredFields = [
'#codeNumber', '#enterpriseName', '#establishmentYear', '#enterpriseStatus',
'#zone', '#woreda', '#city', '#kebele', '#sefer', '#sector', '#sub_sector',
'#fieldOfWork', '#enterpriseSize', '#enterpriseType', '#growthStage',
'#capitalSource', '#marketType', 'input[name="product_type"]',
'input[name="filled_by_name"]', 'select[name="filled_by_responsibility"]',
'input[name="filled_by_date"]'
];
let isValid = true;
let errorMessages = [];
[Link](selector => {
const element = $(selector);
const value = [Link]();
if (!value || [Link]() === '') {
isValid = false;
const label = [Link]('.form-group-compact').find('.form-label-
smart').text().trim();
[Link](label || selector);
[Link]('is-invalid');
} else {
[Link]('is-invalid');
});
if ($('#capitalSource').val() === 'other') {
const otherText = $('#sourceOtherText').val();
if (!otherText || [Link]() === '') {
isValid = false;
[Link]('ሌላ ምንጭ ዝርዝር');
$('#sourceOtherText').addClass('is-invalid');
if (isValid) calculateAllJobTotals();
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
2: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="tech_enterprise_name"]',
'input[name="tech_date"]',
'select[name="tech_department"]',
'input[name="tech_activity1_name"]',
'input[name="tech_gap1_type"]',
'select[name="tech_gap1_status"]',
'input[name="tech_activity2_name"]',
'input[name="tech_gap2_type"]',
'select[name="tech_gap2_status"]',
'input[name="tech_filled_by_name"]',
'input[name="tech_filled_by_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](2) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#techSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
3: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="job_enterprise_name"]',
'input[name="job_date"]',
'select[name="job_department"]',
'input[name="job_gap1_type"]',
'select[name="job_gap1_status"]',
'input[name="job_gap2_type"]',
'select[name="job_gap2_status"]',
'input[name="job_filled_by_name"]',
'input[name="job_filled_by_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](3) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container = [Link]('#jobSignatureCanvas')?.closest('.signature-
pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
4: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="technology_enterprise_name"]',
'input[name="technology_date"]',
'select[name="technology_department"]',
'input[name="technology_gap1_type"]',
'select[name="technology_gap1_status"]',
'input[name="technology_gap2_type"]',
'select[name="technology_gap2_status"]',
'input[name="technology_filled_by_name"]',
'input[name="technology_filled_by_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](4) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#technologySignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
5: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="kaizen_enterprise_name"]',
'input[name="kaizen_date"]',
'select[name="kaizen_department"]',
'input[name="kaizen_gap1_type"]',
'select[name="kaizen_gap1_status"]',
'input[name="kaizen_gap2_type"]',
'select[name="kaizen_gap2_status"]',
'input[name="kaizen_filled_by_name"]',
'input[name="kaizen_filled_by_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](5) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#kaizenSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
6: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="entrepreneurship_enterprise_name"]',
'input[name="entrepreneurship_date"]',
'select[name="entrepreneurship_department"]',
'input[name="entrepreneurship_filled_by_name"]',
'input[name="entrepreneurship_filled_by_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](6) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#entrepreneurshipSignatureCanvas')?.closest('.signature-pad-
container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
7: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="agreement_enterprise_name"]',
'select[name="agreement_department"]',
'input[name="agreement_date"]',
'input[name="college_name"]',
'input[name="department_name"]',
'input[name="trainer_name"]',
'input[name="enterprise_name"]',
'input[name="owner_name"]',
'input[name="provider_name"]',
'input[name="provider_date"]',
'input[name="recipient_name"]',
'input[name="recipient_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](7) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
if ([Link]('ሰጪ')) {
const container =
[Link]('#providerSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
} else if ([Link]('ተቀባይ')) {
const container =
[Link]('#recipientSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
8: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="action_enterprise_name"]',
'input[name="action_owner_name"]',
'input[name="action_address"]',
'select[name="action_sector"]',
'input[name="action_field_of_work"]',
'textarea[name="action_task_1"]',
'input[name="action_time_1"]',
'textarea[name="action_task_2"]',
'input[name="action_time_2"]',
'textarea[name="action_task_3"]',
'input[name="action_time_3"]',
'textarea[name="action_task_4"]',
'input[name="action_time_4"]',
'input[name="action_provider_name"]',
'input[name="action_provider_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](8) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#actionSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
9: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="gap_enterprise_name"]',
'input[name="gap_date"]',
'select[name="gap_department"]',
'input[name="support_package_level"]',
'input[name="gap_competency_unit_1"]',
'input[name="gap_competency_unit_2"]',
'input[name="gap_competency_unit_3"]',
'input[name="gap_competency_unit_4"]',
'input[name="gap_identifier_name"]',
'input[name="gap_identifier_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](9) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
const container =
[Link]('#gapIdentifierSignatureCanvas')?.closest('.signature-pad-container');
if (container) [Link]('signature-required');
});
}
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
},
10: function() {
let isValid = true;
let errorMessages = [];
$('.is-invalid').removeClass('is-invalid');
const requiredFields = [
'input[name="schedule_enterprise_name"]',
'input[name="schedule_date"]',
'select[name="schedule_department"]',
'input[name="schedule_provider_name"]',
'input[name="schedule_provider_date"]',
'input[name="schedule_receiver_name"]',
'input[name="schedule_receiver_date"]'
];
[Link](selector => {
const $element = $(selector);
let value = $[Link]();
if ([Link]('select')) {
if (!value || value === '') {
$[Link]('is-invalid');
isValid = false;
} else {
value = [Link]().trim();
if (!value) {
$[Link]('is-invalid');
isValid = false;
});
const signatureValidation = [Link] ?
[Link](10) : { isValid: true, missing: [] };
if (![Link]) {
isValid = false;
[Link](missingSig => {
[Link](`${missingSig} ፊርማ`);
if ([Link]('ሰጪ')) {
const container =
[Link]('#scheduleProviderSignatureCanvas')?.closest('.signature-pad-
container');
if (container) [Link]('signature-required');
} else if ([Link]('ተቀባይ')) {
const container =
[Link]('#scheduleReceiverSignatureCanvas')?.closest('.signature-pad-
container');
if (container) [Link]('signature-required');
});
return {
isValid: isValid,
message: isValid ? '' : 'እባክዎ ሁሉንም አስፈላጊ መስኮች ይሙሉ',
fields: errorMessages
};
};
// ============================================
// FORM NAVIGATION FUNCTIONS
// ============================================
function updateProgressSteps() {
// Update step circles
$('.step').each(function() {
const stepNumber = parseInt($(this).data('step'));
$(this).removeClass('active completed');
if (stepNumber === currentStep) {
$(this).addClass('active');
} else if (stepNumber < currentStep) {
$(this).addClass('completed');
});
// Update form steps
$('.form-step').removeClass('active').hide();
$(`#step-${currentStep}`).addClass('active').show();
// Auto-fill enterprise name and department from Step 1
if (currentStep > 1) {
setTimeout(function() {
autoFillEnterpriseNameAndDepartment();
}, 100);
// Trigger step change event
$(document).trigger('stepChanged', [currentStep]);
// Scroll to top
$('.smart-form-container')[0]?.scrollIntoView({ behavior: 'smooth' });
function validateAndNext(current, next) {
const validation = stepValidations[current]();
if (![Link]) {
$('#validationError').text([Link]).addClass('active');
if ([Link] && [Link] > 0) {
$('#validationError').text([Link] + ': ' + [Link](', '));
$('.smart-form-container')[0]?.scrollIntoView({ behavior: 'smooth' });
return;
// Save current step data before moving to next
saveCurrentStep(current);
function prevStep(prev) {
currentStep = prev;
updateProgressSteps();
$('#validationError').removeClass('active').text('');
$('.smart-form-container')[0]?.scrollIntoView({ behavior: 'smooth' });
// ============================================
// STEP DATA COLLECTION FUNCTIONS
// ============================================
function collectStepData(step) {
const formData = {};
const currentStepForm = $(`#step-${step}`);
// Collect all inputs
[Link]('input, select, textarea').each(function() {
const $this = $(this);
const name = $[Link]('name');
if (name) {
if ($[Link]('type') === 'checkbox') {
if ($[Link](':checked')) {
if () {
formData[name] = [];
formData[name].push($[Link]());
} else if ($[Link]('type') === 'radio') {
if ($[Link](':checked')) {
formData[name] = $[Link]();
} else {
formData[name] = $[Link]();
});
// Add signature data for current step
if ([Link]) {
const signatureData = [Link]();
// Only add relevant signature for current step
if (step === 2 && [Link]) {
formData['tech_filled_by_signature'] = [Link];
} else if (step === 3 && [Link]) {
formData['job_filled_by_signature'] = [Link];
} else if (step === 4 && [Link]) {
formData['technology_filled_by_signature'] = [Link];
} else if (step === 5 && [Link]) {
formData['kaizen_filled_by_signature'] = [Link];
} else if (step === 6 && [Link]) {
formData['entrepreneurship_filled_by_signature'] = [Link];
} else if (step === 7) {
if ([Link]) formData['provider_signature'] = [Link];
if ([Link]) formData['recipient_signature'] = [Link];
} else if (step === 8 && [Link]) {
formData['action_provider_signature'] = [Link];
} else if (step === 9 && [Link]) {
formData['gap_identifier_signature'] = [Link];
} else if (step === 10) {
if ([Link]) formData['schedule_provider_signature'] =
[Link];
if ([Link]) formData['schedule_receiver_signature'] =
[Link];
}
// Add enterprise_id from storage for steps 2-10
if (step > 1) {
const storedId = [Link]('enterprise_id');
if (storedId) {
formData.enterprise_id = storedId;
[Link] = storedId;
[Link]('Adding enterprise_id to step', step, ':', storedId);
} else {
[Link]('No enterprise_id found in localStorage for step', step);
return formData;
function saveCurrentStep(step) {
$('#loadingOverlay').css('display', 'flex');
const formData = collectStepData(step);
[Link]('Saving step', step, 'with data keys:', [Link](formData));
switch(step) {
case 1:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 2:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 3:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 4:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 5:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 6:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 7:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 8:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 9:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
case 10:
[Link](formData, function(response) {
handleSaveResponse(response, step);
});
break;
}
function handleSaveResponse(response, step) {
$('#loadingOverlay').hide();
[Link]('Save response for step', step, ':', response);
if (response && [Link]) {
showSuccessMessage([Link] || 'ቅጽ በትክክል ተመዝግቧል!');
// CRITICAL: For Step 1, store the enterprise_id for future steps
if (step === 1 && [Link] && [Link].enterprise_id) {
const enterpriseId = [Link].enterprise_id;
// Store in CRUD instance
if ([Link]) {
[Link](enterpriseId);
// Store in localStorage
[Link]('enterprise_id', enterpriseId);
[Link] = enterpriseId;
[Link]('Enterprise ID saved from Step 1:', enterpriseId);
// Also store enterprise name for auto-fill
const enterpriseName = $('input[name="enterprise_name"]').val() ||
$('input[name="enterpriseName"]').val();
if (enterpriseName) {
[Link]('enterprise_name', enterpriseName);
// Clear validation error
$('#validationError').removeClass('active').text('');
// Move to next step if not on last step
if (step < totalSteps) {
setTimeout(() => {
currentStep = step + 1;
updateProgressSteps();
}, 1500);
} else {
// On last step, show completion message
showSuccessMessage('ሁሉም ቅጾች በተሳካ ሁኔታ ተጠናቀቁ!');
// Clear localStorage after completion (optional)
setTimeout(() => {
[Link]('enterprise_id');
[Link]('enterprise_name');
[Link] = '[Link]';
}, 3000);
}
} else {
let errorMessage = 'ስህተት: ' + (response ? [Link] : 'የማይታወቅ ስህተት ተፈጥሯል።');
// Handle enterprise_id missing error specifically
if (response && [Link] && [Link]('ኢንተርፕራይዝ')) {
errorMessage = 'እባክዎ መጀመሪያ ደረጃ 1 ይሙሉ።';
// Navigate back to step 1
currentStep = 1;
updateProgressSteps();
showErrorMessage(errorMessage);
[Link]('Save failed for step', step, ':', response);
// ============================================
// HELPER FUNCTIONS
// ============================================
function calculateGenderTotal(input) {
var container = $(input).closest('.compact-input-group');
var maleInput = [Link]('input[name$="_male"]');
var femaleInput = [Link]('input[name$="_female"]');
var totalInput = [Link]('input[readonly]');
var maleValue = parseInt([Link]()) || 0;
var femaleValue = parseInt([Link]()) || 0;
var total = maleValue + femaleValue;
[Link](total);
calculateAllJobTotals();
function calculateAgeTotal(input) {
var container = $(input).closest('.compact-input-group');
var maleInput = [Link]('input[name*="male"]');
var femaleInput = [Link]('input[name*="female"]');
var totalInput = [Link]('input[readonly]');
var maleValue = parseInt([Link]()) || 0;
var femaleValue = parseInt([Link]()) || 0;
var total = maleValue + femaleValue;
[Link](total);
// ============================================
// FORM SUBMISSION
// ============================================
function submitForm() {
// This function is called when clicking the submit button on step 10
// It should save step 10 data only
// Hide validation errors
$('#validationError').removeClass('active').text('');
$('.is-invalid').removeClass('is-invalid');
$('.signature-required').removeClass('signature-required');
// Validate current step (step 10)
const validation = stepValidations[currentStep]();
if (![Link]) {
$('#validationError').text([Link]).addClass('active');
if ([Link] && [Link] > 0) {
$('#validationError').text([Link] + ': ' + [Link](', '));
$('.smart-form-container')[0]?.scrollIntoView({ behavior: 'smooth' });
return false;
// Show confirmation
if (confirm('እርግጠኛ ነዎት ቅጹን ማስቀመጥ ይፈልጋሉ?')) {
// Save current step (step 10)
saveCurrentStep(currentStep);
}
return false;
// ============================================
// MESSAGE DISPLAY FUNCTIONS
// ============================================
function showSuccessMessage(message) {
const modalHtml = `
<div class="alert-modal success">
<div class="modal-content">
<div class="modal-icon">✓</div>
<h3>እንኳን ደስ አለህ!</h3>
<p>${message}</p>
<button class="btn btn-primary" onclick="closeAlertModal()">እሺ</button>
</div>
</div>
`;
// Remove existing modal
$('.alert-modal').remove();
// Add new modal
$('body').append(modalHtml);
}
function showErrorMessage(message) {
const modalHtml = `
<div class="alert-modal error">
<div class="modal-content">
<div class="modal-icon">✗</div>
<h3>ስህተት!</h3>
<p>${message}</p>
<button class="btn btn-danger" onclick="closeAlertModal()">እሺ</button>
</div>
</div>
`;
$('.alert-modal').remove();
$('body').append(modalHtml);
function closeAlertModal() {
$('.alert-modal').remove();
// ============================================
// DOCUMENT READY FUNCTION
// ============================================
$(document).ready(function() {
// Load enterprise_id from storage
loadEnterpriseIdFromStorage();
// Initialize Signature Manager
if (typeof SignaturePad !== 'undefined') {
[Link] = new SignatureManager();
[Link]("SignaturePad library loaded");
// Initialize auto-fill capture for Step 1
captureStep1Data();
// Initialize progress steps
updateProgressSteps();
// Auto-fill current date
$('input[type="date"]').each(function() {
if (!$(this).val() && !$(this).hasClass('no-auto-fill')) {
const today = new Date().toISOString().split('T')[0];
$(this).val(today);
});
// Auto-fill user name
$('input[name$="_filled_by_name"], input[name$="filled_by_name"]').each(function() {
if (!$(this).val() && loggedInUserName) {
$(this).val(loggedInUserName);
}
});
// Setup auto-calculation
$(document).on('input', 'input[name*="permanent_"], input[name*="temporary_"]',
function() {
calculateJobOpportunityTotal(this, $(this).attr('name').includes('permanent') ?
'permanent' : 'temporary');
});
$(document).on('input', 'input[name*="_male"], input[name*="_female"]', function() {
if ($(this).attr('name').includes('age_') || $(this).attr('name').includes('staff_')) {
calculateAgeTotal(this);
} else if ($(this).attr('name').includes('permanent_') || $
(this).attr('name').includes('temporary_')) {
calculateJobOpportunityTotal(this, $(this).attr('name').includes('permanent') ?
'permanent' : 'temporary');
});
// Education calculation
$('.education-input:not([readonly])').on('input', function() {
let total = 0;
$('.education-input:not([readonly])').each(function() {
total += parseInt($(this).val()) || 0;
});
$('.education-input[readonly]').val(total);
});
// Step navigation click
$('.step').click(function() {
const clickedStep = parseInt($(this).data('step'));
// Only allow navigation to completed steps or current step
if (clickedStep <= currentStep) {
currentStep = clickedStep;
updateProgressSteps();
$('#validationError').removeClass('active').text('');
} else {
// Show error if trying to skip ahead without completing current step
showErrorMessage(`እባክዎ መጀመሪያ ደረጃ ${currentStep} ይሙሉ።`);
});
// Form submission handler
$('#multiStepForm').submit(function(e) {
[Link]();
// Don't submit the entire form - handle step by step
return false;
});
// Capital Source dropdown handler
$('#capitalSource').change(function() {
if ($(this).val() === 'other') {
$('#otherSourceContainer').show();
$('#sourceOtherText').prop('required', true);
} else {
$('#otherSourceContainer').hide();
$('#sourceOtherText').prop('required', false);
});
// Initialize job field dropdown
const jobFieldSelector = $('#fieldOfWork');
if ([Link]) {
// Add options
[Link](option => {
[Link](new Option(option, option));
});
// Add "other" option
[Link](new Option('ሌላ (Other)', 'other'));
// Handle "other" selection
[Link](function() {
if ($(this).val() === 'other') {
let otherInput = $('#otherJobFieldInput');
if (![Link]) {
otherInput = $('<input>', {
type: 'text',
id: 'otherJobFieldInput',
name: 'other_job_field',
class: 'form-control-smart mt-2',
placeholder: 'ሌላ የስራ መስክ ያስገቡ',
maxlength: '100'
});
[Link](otherInput);
} else {
[Link]();
[Link]('required', true);
} else {
$('#otherJobFieldInput').hide().prop('required', false);
});
// Number validation
$('input[type="number"]').on('input', function() {
const value = $(this).val();
if (value < 0) {
$(this).val(0);
});
// Remove validation error on input
$('input, textarea, select').on('input change', function() {
$(this).removeClass('is-invalid');
$(this).closest('.signature-pad-container')?.[Link]('signature-required');
if ($('#validationError').hasClass('active')) {
$('#validationError').removeClass('active').text('');
});
// Calculate totals on page load
setTimeout(function() {
calculateAllJobTotals();
// Initialize education total
let total = 0;
$('.education-input:not([readonly])').each(function() {
total += parseInt($(this).val()) || 0;
});
$('.education-input[readonly]').val(total);
// Load any stored data from sessionStorage
const storedEnterpriseName = [Link]('enterprise_name');
const storedDepartment = [Link]('selected_department');
if (storedEnterpriseName && currentStep === 1) {
$('#enterpriseName').val(storedEnterpriseName);
}
if (storedDepartment && currentStep === 1) {
const sectorSelect = $('select[name="sector"]');
if ([Link]) {
// Try to find matching option
const options = [Link]('option');
let found = false;
[Link](function() {
if ($(this).text().includes(storedDepartment) || $
(this).val().includes(storedDepartment)) {
[Link]($(this).val());
found = true;
return false;
});
// If not found in sector, try sub_sector
if (!found) {
const subSectorSelect = $('select[name="sub_sector"]');
if ([Link]) {
const subOptions = [Link]('option');
[Link](function() {
if ($(this).text().includes(storedDepartment) || $
(this).val().includes(storedDepartment)) {
[Link]($(this).val());
return false;
}
});
}, 500);
// Success message from PHP session
<?php if (isset($_SESSION['success_message'])): ?>
showSuccessMessage("<?php echo $_SESSION['success_message']; ?>");
<?php unset($_SESSION['success_message']); ?>
<?php endif; ?>
});
// Initialize on window load
$(window).on('load', function() {
if ([Link] && currentStep > 1) {
setTimeout(() => {
[Link](currentStep);
}, 500);
});</script>
</body>
</html>