Supplier Audit Checklist<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .header {\n background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .header-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .info-input {\n display: flex;\n flex-direction: column;\n }\n \n .info-input label {\n font-weight: bold;\n margin-bottom: 5px;\n }\n \n .info-input input {\n padding: 10px;\n border: none;\n border-radius: 10px;\n background: rgba(255,255,255,0.9);\n font-size: 16px;\n }\n \n .content {\n padding: 30px;\n }\n \n .section {\n margin-bottom: 40px;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n }\n \n .section-header {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 20px;\n font-size: 1.3rem;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .section-score {\n background: rgba(255,255,255,0.2);\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.9rem;\n }\n \n .section-content {\n background: #f8f9fa;\n padding: 0;\n }\n \n .checklist-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .checklist-table th {\n background: #e9ecef;\n padding: 15px;\n text-align: left;\n font-weight: bold;\n border-bottom: 2px solid #dee2e6;\n }\n \n .checklist-table td {\n padding: 15px;\n border-bottom: 1px solid #dee2e6;\n vertical-align: middle;\n }\n \n .checklist-table tr:hover {\n background: #fff;\n transition: all 0.3s ease;\n }\n \n .checkbox-group {\n display: flex;\n gap: 20px;\n justify-content: center;\n }\n \n .checkbox-item {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n \n .checkbox-item input[type=\"checkbox\"] {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n \n .pass-checkbox {\n accent-color: #27ae60;\n }\n \n .fail-checkbox {\n accent-color: #e74c3c;\n }\n \n .notes-input {\n width: 100%;\n padding: 8px;\n border: 1px solid #ddd;\n border-radius: 5px;\n min-height: 40px;\n resize: vertical;\n }\n \n .summary {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin-top: 30px;\n }\n \n .summary h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 2rem;\n }\n \n .summary-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .summary-item {\n background: rgba(255,255,255,0.1);\n padding: 15px;\n border-radius: 10px;\n text-align: center;\n }\n \n .summary-item h3 {\n font-size: 2rem;\n margin-bottom: 5px;\n }\n \n .grade-scale {\n background: rgba(255,255,255,0.1);\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n \n .grade-scale h3 {\n margin-bottom: 15px;\n }\n \n .grade-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .recommendations {\n background: #fff;\n padding: 30px;\n border-radius: 15px;\n margin-top: 20px;\n border: 2px solid #3498db;\n }\n \n .recommendations h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n }\n \n .recommendation-section {\n margin-bottom: 20px;\n }\n \n .recommendation-section textarea {\n width: 100%;\n min-height: 80px;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n resize: vertical;\n }\n \n .approval-section {\n display: flex;\n gap: 20px;\n align-items: center;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n \n .approval-option {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(52, 152, 219, 0.1);\n padding: 10px 15px;\n border-radius: 10px;\n }\n \n .approval-option input[type=\"radio\"] {\n width: 18px;\n height: 18px;\n }\n \n .signature-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-top: 30px;\n }\n \n .signature-box {\n border: 2px dashed #3498db;\n padding: 20px;\n text-align: center;\n border-radius: 10px;\n background: rgba(52, 152, 219, 0.05);\n }\n \n .print-btn {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);\n color: white;\n border: none;\n padding: 15px 25px;\n border-radius: 50px;\n font-size: 16px;\n cursor: pointer;\n box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);\n transition: all 0.3s ease;\n }\n \n .print-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(231, 76, 60, 0.6);\n }\n \n @media print {\n body {\n background: white;\n padding: 0;\n }\n .print-btn {\n display: none;\n }\n .container {\n box-shadow: none;\n border-radius: 0;\n }\n }\n \n @media (max-width: 768px) {\n .header h1 {\n font-size: 1.8rem;\n }\n .header-info {\n grid-template-columns: 1fr;\n }\n .checklist-table {\n font-size: 14px;\n }\n .checklist-table td, .checklist-table th {\n padding: 10px 5px;\n }\n .print-btn {\n bottom: 20px;\n right: 20px;\n padding: 12px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83d\udccb SUPPLIER AUDIT CHECKLIST<\/h1>\n <div class=\"header-info\">\n <div class=\"info-input\">\n <label>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a:<\/label>\n <input type=\"date\" id=\"auditDate\">\n <\/div>\n <div class=\"info-input\">\n <label>\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a:<\/label>\n <input type=\"text\" id=\"auditor\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\">\n <\/div>\n <div class=\"info-input\">\n <label>\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15:<\/label>\n <input type=\"text\" id=\"supplierContact\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content\">\n \n <div class=\"section\">\n <div class=\"section-header\">\n <span>1. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/span>\n <span class=\"section-score\" id=\"score1\">0\/8<\/span>\n <\/div>\n <div class=\"section-content\">\n <table class=\"checklist-table\">\n <thead>\n <tr>\n <th width=\"60\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\n <th>\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/th>\n <th width=\"120\">\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08<\/th>\n <th width=\"200\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1.1<\/td>\n <td>\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ \u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.2<\/td>\n <td>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \/ \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.3<\/td>\n <td>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.4<\/td>\n <td>\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.5<\/td>\n <td>\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 Supplier (OEM \/ ODM \/ Direct Vendor)<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.6<\/td>\n <td>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.7<\/td>\n <td>\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.8<\/td>\n <td>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19\/\u0e1b\u0e35<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <span>2. \u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a SOP<\/span>\n <span class=\"section-score\" id=\"score2\">0\/8<\/span>\n <\/div>\n <div class=\"section-content\">\n <table class=\"checklist-table\">\n <thead>\n <tr>\n <th width=\"60\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\n <th>\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/th>\n <th width=\"120\">\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08<\/th>\n <th width=\"200\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td>2.1<\/td><td>\u0e21\u0e35\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 SOP \u0e17\u0e38\u0e01\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.2<\/td><td>\u0e21\u0e35 Flowchart \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19\u0e08\u0e19\u0e08\u0e1a<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.3<\/td><td>\u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a QC \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e08\u0e38\u0e14 Critical Control Point<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.4<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.5<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 (Traceability)<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.6<\/td><td>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \/ Recall<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.7<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\/\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.8<\/td><td>\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21 SOP<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"summary\">\n <h2>\ud83d\udcca \u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/h2>\n <div class=\"summary-grid\">\n <div class=\"summary-item\">\n <h3 id=\"totalScore\">0<\/h3>\n <p>\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21\/16<\/p>\n <\/div>\n <div class=\"summary-item\">\n <h3 id=\"percentage\">0%<\/h3>\n <p>\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c<\/p>\n <\/div>\n <div class=\"summary-item\">\n <h3 id=\"grade\">–<\/h3>\n <p>\u0e40\u0e01\u0e23\u0e14<\/p>\n <\/div>\n <\/div>\n \n <div class=\"grade-scale\">\n <h3>\ud83c\udfaf \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h3>\n <div class=\"grade-items\">\n <div>90-100% = \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 (Excellent)<\/div>\n <div>80-89% = \u0e14\u0e35\u0e21\u0e32\u0e01 (Very Good)<\/div>\n <div>70-79% = \u0e14\u0e35 (Good)<\/div>\n <div>60-69% = \u0e1e\u0e2d\u0e43\u0e0a\u0e49 (Fair)<\/div>\n <div>\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 60% = \u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 (Need Improvement)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"recommendations\">\n <h3>\ud83d\udcdd \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21<\/h3>\n \n <div class=\"recommendation-section\">\n <h4>1. \u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07:<\/h4>\n <textarea placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07...\"><\/textarea>\n <\/div>\n \n <div class=\"recommendation-section\">\n <h4>2. \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21:<\/h4>\n <textarea placeholder=\"\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21...\"><\/textarea>\n <\/div>\n \n <div class=\"recommendation-section\">\n <h4>3. \u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34:<\/h4>\n <div class=\"approval-section\">\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"approve\" value=\"approve\">\n <label for=\"approve\">\u2705 \u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 Supplier<\/label>\n <\/div>\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"conditional\" value=\"conditional\">\n <label for=\"conditional\">\u26a0\ufe0f \u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02<\/label>\n <\/div>\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"reject\" value=\"reject\">\n <label for=\"reject\">\u274c \u0e44\u0e21\u0e48\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"signature-section\">\n <div class=\"signature-box\">\n <h4>\u270d\ufe0f \u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/h4>\n <p>____________________<\/p>\n <input type=\"date\" style=\"margin-top: 10px; padding: 5px;\">\n <\/div>\n <div class=\"signature-box\">\n <h4>\u270d\ufe0f \u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e41\u0e17\u0e19\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15<\/h4>\n <p>____________________<\/p>\n <input type=\"date\" style=\"margin-top: 10px; padding: 5px;\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"print-btn\" onclick=\"window.print()\">\ud83d\udda8\ufe0f \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<\/button>\n\n <script>\n \/\/ Auto-set today's date\n document.getElementById('auditDate').valueAsDate = new Date();\n \n \/\/ Scoring system\n function updateScores() {\n let totalScore = 0;\n \n \/\/ Calculate section scores\n for (let section = 1; section <= 2; section++) {\n const passCheckboxes = document.querySelectorAll(`input[data-section=\"${section}\"][data-type=\"pass\"]:checked`);\n const sectionScore = passCheckboxes.length;\n totalScore += sectionScore;\n \n const maxScore = section <= 2 ? 8 : 0; \/\/ Only sections 1-2 in this demo\n document.getElementById(`score${section}`).textContent = `${sectionScore}\/${maxScore}`;\n }\n \n \/\/ Update total score\n const maxTotal = 16; \/\/ 8 + 8 for demo\n const percentage = Math.round((totalScore \/ maxTotal) * 100);\n \n document.getElementById('totalScore').textContent = totalScore;\n document.getElementById('percentage').textContent = `${percentage}%`;\n \n \/\/ Update grade\n let grade = '';\n if (percentage >= 90) grade = '\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21';\n else if (percentage >= 80) grade = '\u0e14\u0e35\u0e21\u0e32\u0e01';\n else if (percentage >= 70) grade = '\u0e14\u0e35';\n else if (percentage >= 60) grade = '\u0e1e\u0e2d\u0e43\u0e0a\u0e49\n","protected":false},"excerpt":{"rendered":"<p>Factory Visit From to Auditing Factory Supply. Supplier Audit Checklist \ud83d\udccb SUPPLIER AUDIT CHECKLIST \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a: \u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a: \u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15: 1. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 0\/8 \u0e25\u0e33\u0e14\u0e31\u0e1a \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 1.1 \u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ \u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.2 \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \/ \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.3 \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.4 \u0e1a\u0e38\u0e04\u0e04\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.5 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 Supplier (OEM \/ ODM \/ Direct Vendor) \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<span class=\"post-excerpt-end\">…<\/span><\/p>\n<p class=\"more-link\"><a href=\"https:\/\/apps.bonjour-siam.com\/?page_id=295\" class=\"themebutton\">Read More<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=295"}],"version-history":[{"count":2,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":295,"date":"2025-07-30T04:19:55","date_gmt":"2025-07-30T04:19:55","guid":{"rendered":"https:\/\/apps.bonjour-siam.com\/?page_id=295"},"modified":"2025-07-30T04:22:26","modified_gmt":"2025-07-30T04:22:26","slug":"hrm-form","status":"publish","type":"page","link":"https:\/\/apps.bonjour-siam.com\/?page_id=295","title":{"rendered":"HR Compliance"},"content":{"rendered":"\n

Factory Visit From to Auditing Factory Supply.<\/p>\n\n\n\n\n\n\n \n \n Supplier Audit Checklist<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .header {\n background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n \n .header-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .info-input {\n display: flex;\n flex-direction: column;\n }\n \n .info-input label {\n font-weight: bold;\n margin-bottom: 5px;\n }\n \n .info-input input {\n padding: 10px;\n border: none;\n border-radius: 10px;\n background: rgba(255,255,255,0.9);\n font-size: 16px;\n }\n \n .content {\n padding: 30px;\n }\n \n .section {\n margin-bottom: 40px;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n }\n \n .section-header {\n background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n color: white;\n padding: 20px;\n font-size: 1.3rem;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .section-score {\n background: rgba(255,255,255,0.2);\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.9rem;\n }\n \n .section-content {\n background: #f8f9fa;\n padding: 0;\n }\n \n .checklist-table {\n width: 100%;\n border-collapse: collapse;\n }\n \n .checklist-table th {\n background: #e9ecef;\n padding: 15px;\n text-align: left;\n font-weight: bold;\n border-bottom: 2px solid #dee2e6;\n }\n \n .checklist-table td {\n padding: 15px;\n border-bottom: 1px solid #dee2e6;\n vertical-align: middle;\n }\n \n .checklist-table tr:hover {\n background: #fff;\n transition: all 0.3s ease;\n }\n \n .checkbox-group {\n display: flex;\n gap: 20px;\n justify-content: center;\n }\n \n .checkbox-item {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n \n .checkbox-item input[type=\"checkbox\"] {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n \n .pass-checkbox {\n accent-color: #27ae60;\n }\n \n .fail-checkbox {\n accent-color: #e74c3c;\n }\n \n .notes-input {\n width: 100%;\n padding: 8px;\n border: 1px solid #ddd;\n border-radius: 5px;\n min-height: 40px;\n resize: vertical;\n }\n \n .summary {\n background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n margin-top: 30px;\n }\n \n .summary h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 2rem;\n }\n \n .summary-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .summary-item {\n background: rgba(255,255,255,0.1);\n padding: 15px;\n border-radius: 10px;\n text-align: center;\n }\n \n .summary-item h3 {\n font-size: 2rem;\n margin-bottom: 5px;\n }\n \n .grade-scale {\n background: rgba(255,255,255,0.1);\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n \n .grade-scale h3 {\n margin-bottom: 15px;\n }\n \n .grade-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n }\n \n .recommendations {\n background: #fff;\n padding: 30px;\n border-radius: 15px;\n margin-top: 20px;\n border: 2px solid #3498db;\n }\n \n .recommendations h3 {\n color: #2c3e50;\n margin-bottom: 15px;\n }\n \n .recommendation-section {\n margin-bottom: 20px;\n }\n \n .recommendation-section textarea {\n width: 100%;\n min-height: 80px;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n resize: vertical;\n }\n \n .approval-section {\n display: flex;\n gap: 20px;\n align-items: center;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n \n .approval-option {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(52, 152, 219, 0.1);\n padding: 10px 15px;\n border-radius: 10px;\n }\n \n .approval-option input[type=\"radio\"] {\n width: 18px;\n height: 18px;\n }\n \n .signature-section {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-top: 30px;\n }\n \n .signature-box {\n border: 2px dashed #3498db;\n padding: 20px;\n text-align: center;\n border-radius: 10px;\n background: rgba(52, 152, 219, 0.05);\n }\n \n .print-btn {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);\n color: white;\n border: none;\n padding: 15px 25px;\n border-radius: 50px;\n font-size: 16px;\n cursor: pointer;\n box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);\n transition: all 0.3s ease;\n }\n \n .print-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(231, 76, 60, 0.6);\n }\n \n @media print {\n body {\n background: white;\n padding: 0;\n }\n .print-btn {\n display: none;\n }\n .container {\n box-shadow: none;\n border-radius: 0;\n }\n }\n \n @media (max-width: 768px) {\n .header h1 {\n font-size: 1.8rem;\n }\n .header-info {\n grid-template-columns: 1fr;\n }\n .checklist-table {\n font-size: 14px;\n }\n .checklist-table td, .checklist-table th {\n padding: 10px 5px;\n }\n .print-btn {\n bottom: 20px;\n right: 20px;\n padding: 12px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83d\udccb SUPPLIER AUDIT CHECKLIST<\/h1>\n <div class=\"header-info\">\n <div class=\"info-input\">\n <label>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a:<\/label>\n <input type=\"date\" id=\"auditDate\">\n <\/div>\n <div class=\"info-input\">\n <label>\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a:<\/label>\n <input type=\"text\" id=\"auditor\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\">\n <\/div>\n <div class=\"info-input\">\n <label>\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15:<\/label>\n <input type=\"text\" id=\"supplierContact\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content\">\n \n <div class=\"section\">\n <div class=\"section-header\">\n <span>1. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/span>\n <span class=\"section-score\" id=\"score1\">0\/8<\/span>\n <\/div>\n <div class=\"section-content\">\n <table class=\"checklist-table\">\n <thead>\n <tr>\n <th width=\"60\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\n <th>\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/th>\n <th width=\"120\">\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08<\/th>\n <th width=\"200\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1.1<\/td>\n <td>\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ \u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.2<\/td>\n <td>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \/ \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.3<\/td>\n <td>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.4<\/td>\n <td>\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.5<\/td>\n <td>\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 Supplier (OEM \/ ODM \/ Direct Vendor)<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.6<\/td>\n <td>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.7<\/td>\n <td>\u0e1b\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <tr>\n <td>1.8<\/td>\n <td>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19\/\u0e1b\u0e35<\/td>\n <td>\n <div class=\"checkbox-group\">\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"1\" data-type=\"pass\">\n <label>\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <div class=\"checkbox-item\">\n <input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"1\" data-type=\"fail\">\n <label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label>\n <\/div>\n <\/div>\n <\/td>\n <td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <span>2. \u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a SOP<\/span>\n <span class=\"section-score\" id=\"score2\">0\/8<\/span>\n <\/div>\n <div class=\"section-content\">\n <table class=\"checklist-table\">\n <thead>\n <tr>\n <th width=\"60\">\u0e25\u0e33\u0e14\u0e31\u0e1a<\/th>\n <th>\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/th>\n <th width=\"120\">\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08<\/th>\n <th width=\"200\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td>2.1<\/td><td>\u0e21\u0e35\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 SOP \u0e17\u0e38\u0e01\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.2<\/td><td>\u0e21\u0e35 Flowchart \u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e19\u0e08\u0e19\u0e08\u0e1a<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.3<\/td><td>\u0e21\u0e35\u0e23\u0e30\u0e1a\u0e1a QC \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e08\u0e38\u0e14 Critical Control Point<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.4<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.5<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 (Traceability)<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.6<\/td><td>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \/ Recall<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.7<\/td><td>\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\/\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <tr><td>2.8<\/td><td>\u0e01\u0e32\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21 SOP<\/td><td><div class=\"checkbox-group\"><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"pass-checkbox\" data-section=\"2\" data-type=\"pass\"><label>\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><div class=\"checkbox-item\"><input type=\"checkbox\" class=\"fail-checkbox\" data-section=\"2\" data-type=\"fail\"><label>\u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<\/label><\/div><\/div><\/td><td><input type=\"text\" class=\"notes-input\" placeholder=\"\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38...\"><\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"summary\">\n <h2>\ud83d\udcca \u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/h2>\n <div class=\"summary-grid\">\n <div class=\"summary-item\">\n <h3 id=\"totalScore\">0<\/h3>\n <p>\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21\/16<\/p>\n <\/div>\n <div class=\"summary-item\">\n <h3 id=\"percentage\">0%<\/h3>\n <p>\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c<\/p>\n <\/div>\n <div class=\"summary-item\">\n <h3 id=\"grade\">–<\/h3>\n <p>\u0e40\u0e01\u0e23\u0e14<\/p>\n <\/div>\n <\/div>\n \n <div class=\"grade-scale\">\n <h3>\ud83c\udfaf \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h3>\n <div class=\"grade-items\">\n <div>90-100% = \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 (Excellent)<\/div>\n <div>80-89% = \u0e14\u0e35\u0e21\u0e32\u0e01 (Very Good)<\/div>\n <div>70-79% = \u0e14\u0e35 (Good)<\/div>\n <div>60-69% = \u0e1e\u0e2d\u0e43\u0e0a\u0e49 (Fair)<\/div>\n <div>\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 60% = \u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 (Need Improvement)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"recommendations\">\n <h3>\ud83d\udcdd \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21<\/h3>\n \n <div class=\"recommendation-section\">\n <h4>1. \u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07:<\/h4>\n <textarea placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07...\"><\/textarea>\n <\/div>\n \n <div class=\"recommendation-section\">\n <h4>2. \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21:<\/h4>\n <textarea placeholder=\"\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21...\"><\/textarea>\n <\/div>\n \n <div class=\"recommendation-section\">\n <h4>3. \u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34:<\/h4>\n <div class=\"approval-section\">\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"approve\" value=\"approve\">\n <label for=\"approve\">\u2705 \u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 Supplier<\/label>\n <\/div>\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"conditional\" value=\"conditional\">\n <label for=\"conditional\">\u26a0\ufe0f \u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02<\/label>\n <\/div>\n <div class=\"approval-option\">\n <input type=\"radio\" name=\"approval\" id=\"reject\" value=\"reject\">\n <label for=\"reject\">\u274c \u0e44\u0e21\u0e48\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34<\/label>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"signature-section\">\n <div class=\"signature-box\">\n <h4>\u270d\ufe0f \u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a<\/h4>\n <p>____________________<\/p>\n <input type=\"date\" style=\"margin-top: 10px; padding: 5px;\">\n <\/div>\n <div class=\"signature-box\">\n <h4>\u270d\ufe0f \u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e41\u0e17\u0e19\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15<\/h4>\n <p>____________________<\/p>\n <input type=\"date\" style=\"margin-top: 10px; padding: 5px;\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"print-btn\" onclick=\"window.print()\">\ud83d\udda8\ufe0f \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<\/button>\n\n <script>\n \/\/ Auto-set today's date\n document.getElementById('auditDate').valueAsDate = new Date();\n \n \/\/ Scoring system\n function updateScores() {\n let totalScore = 0;\n \n \/\/ Calculate section scores\n for (let section = 1; section <= 2; section++) {\n const passCheckboxes = document.querySelectorAll(`input[data-section=\"${section}\"][data-type=\"pass\"]:checked`);\n const sectionScore = passCheckboxes.length;\n totalScore += sectionScore;\n \n const maxScore = section <= 2 ? 8 : 0; \/\/ Only sections 1-2 in this demo\n document.getElementById(`score${section}`).textContent = `${sectionScore}\/${maxScore}`;\n }\n \n \/\/ Update total score\n const maxTotal = 16; \/\/ 8 + 8 for demo\n const percentage = Math.round((totalScore \/ maxTotal) * 100);\n \n document.getElementById('totalScore').textContent = totalScore;\n document.getElementById('percentage').textContent = `${percentage}%`;\n \n \/\/ Update grade\n let grade = '';\n if (percentage >= 90) grade = '\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21';\n else if (percentage >= 80) grade = '\u0e14\u0e35\u0e21\u0e32\u0e01';\n else if (percentage >= 70) grade = '\u0e14\u0e35';\n else if (percentage >= 60) grade = '\u0e1e\u0e2d\u0e43\u0e0a\u0e49\n","protected":false},"excerpt":{"rendered":"<p>Factory Visit From to Auditing Factory Supply. Supplier Audit Checklist \ud83d\udccb SUPPLIER AUDIT CHECKLIST \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a: \u0e1c\u0e39\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a: \u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1c\u0e25\u0e34\u0e15: 1. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 0\/8 \u0e25\u0e33\u0e14\u0e31\u0e1a \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 1.1 \u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ \u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.2 \u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \/ \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.3 \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1c\u0e25\u0e34\u0e15 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.4 \u0e1a\u0e38\u0e04\u0e04\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19 1.5 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19 Supplier (OEM \/ ODM \/ Direct Vendor) \u0e1c\u0e48\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e1c\u0e48\u0e32\u0e19<span class=\"post-excerpt-end\">…<\/span><\/p>\n<p class=\"more-link\"><a href=\"https:\/\/apps.bonjour-siam.com\/?page_id=295\" class=\"themebutton\">Read More<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=295"}],"version-history":[{"count":2,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=\/wp\/v2\/pages\/295\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/apps.bonjour-siam.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}