<?php include "../../root.class.php";
$html = new html();
$html->add_styles_page();
// $html->check_user_type("ADMIN");

// HTML FORM ELEMENTS

$doc_number = new input();
$doc_number->type("text");
$doc_number->name("doc_number");
$doc_number->id("doc_number");
$doc_number->class("inputs");
$doc_number->placeholder("Document Number");
$doc_number->required();
$doc_number->addAttribute("style", "margin: 1vw auto;");

$revision_date = new input();
$revision_date->type("date");
$revision_date->name("revision_date");
$revision_date->id("revision_date");
$revision_date->class("inputs");
$revision_date->placeholder("DD/MM/YYYY");
$revision_date->required();
$revision_date->addAttribute("style", "margin: 1vw auto;");

$approved_person = new input();
$approved_person->type("text");
$approved_person->name("approved_person");
$approved_person->id("approved_person");
$approved_person->class("inputs");
$approved_person->placeholder("Approved By");
$approved_person->required();
$approved_person->addAttribute("style", "margin: 1vw auto;");

$date = new input();
$date->type("date");
$date->name("date");
$date->id("date");
$date->class("inputs");
$date->placeholder("DD/MM/YYYY");
$date->required();
$date->addAttribute("style", "margin: 1vw auto;");

$change_request_id = new input();
$change_request_id->type("text");
$change_request_id->name("change_request_id");
$change_request_id->id("change_request_id");
$change_request_id->class("inputs");
$change_request_id->placeholder("Unique Identifier");
$change_request_id->required();
$change_request_id->addAttribute("style", "margin: 1vw auto; width: 20vw;");

$requested_by = new input();
$requested_by->type("text");
$requested_by->name("requested_by");
$requested_by->id("requested_by");
$requested_by->class("inputs");
$requested_by->placeholder("Name, Dempartment");
$requested_by->required();
$requested_by->addAttribute("style", "margin: 1vw auto; width: 30vw;");

$des_of_change = new input();
$des_of_change->type("text");
$des_of_change->name("des_of_change");
$des_of_change->id("des_of_change");
$des_of_change->class("inputs");
$des_of_change->placeholder("Brief Description of Change");
$des_of_change->required();

$reason_for_change = new select();
$reason_for_change->name("reason_for_change");
$reason_for_change->id("reason_for_change");
$reason_for_change->class("inputs");
$reason_for_change->add_option("Reason for Change", "Reason for Change");
$reason_for_change->add_option("Scope", "Scope");
$reason_for_change->add_option("Affected Processes", "Affected Processes");
$reason_for_change->add_option("Equipment", "Equipment");
$reason_for_change->add_option("Materials", "Materials");
$reason_for_change->add_option("Personal", "Personal");
$reason_for_change->add_option("Other", "Other");
$reason_for_change->required();

$estimated_implementation_date = new input();
$estimated_implementation_date->type("date");
$estimated_implementation_date->name("estimated_implementation_date");
$estimated_implementation_date->id("estimated_implementation_date");
$estimated_implementation_date->class("inputs");
$estimated_implementation_date->placeholder("DD/MM/YYYY");
$estimated_implementation_date->required();

$change_req_details = new label();
$change_req_details->for("change_req_details");
$change_req_details->value("1. Change Request Details");
$change_req_details->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$impact_assess = new label();
$impact_assess->for("impact_assess");
$impact_assess->value("2. Impact Assessment");
$impact_assess->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_assess = new label();
$risk_assess->for("risk_assessment");
$risk_assess->value("3. Risk Assessment");
$risk_assess->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_identi = new label();
$risk_identi->for("risk_identification");
$risk_identi->value("3.1 Risk Identification");
$risk_identi->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_evalue = new label();
$risk_evalue->for("risk_evaluation");
$risk_evalue->value("3.2 Risk Evaluation");
$risk_evalue->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_mitigate = new label();
$risk_mitigate->for("risk_mitigation");
$risk_mitigate->value("3.3 Risk Mitigation & control actions");
$risk_mitigate->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_residual = new label();
$risk_residual->for("residual_risk");
$risk_residual->value("3.4 Residual risk & monitoring");
$risk_residual->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_final = new label();
$risk_final->for("final_risk_assessment");
$risk_final->value("3.5 Final Risk Assessment ");
$risk_final->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$conclusion = new label();
$conclusion->for("conclusion");
$conclusion->value("3.6 Conclusion & Recommendations");
$conclusion->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_level = new label();
$risk_level->for("risk_level");
$risk_level->value("3.7 Risk Level");
$risk_level->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$risk_potential = new label();
$risk_potential->for("potential_risk");
$risk_potential->value("3.8 Potential Risk Mitigation Action");
$risk_potential->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$approved = new label();
$approved->for("approval_process");
$approved->value("4. Approval Process");
$approved->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$change_implement = new label();
$change_implement->for("change_implementation");
$change_implement->value("5. Change Implementation");
$change_implement->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$verification_effectiveness = new label();
$verification_effectiveness->for("verification_effectiveness");
$verification_effectiveness->value("6. Verification and Effectiveness");
$verification_effectiveness->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$effectiveness_confimed = new label();
$effectiveness_confimed->for("effectiveness_confirmed");
$effectiveness_confimed->value("7. Effectiveness Confirmed");
$effectiveness_confimed->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$review = new label();
$review->for("review");
$review->value("8. Review and Record Keeping");
$review->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$additional_comments_label = new label();
$additional_comments_label->for("additional_comments");
$additional_comments_label->value("9. Additional Comments or Observations");
$additional_comments_label->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$signatures = new label();
$signatures->for("signatures");
$signatures->value("10. Signatures");
$signatures->addAttribute("style", "font-weight: bold; font-size: 1.5vw;");

$post_change = new input();
$post_change->type("text");
$post_change->name("post_change");
$post_change->id("post_change");
$post_change->class("inputs");
$post_change->placeholder("Post Change Review");
$post_change->required();
$post_change->addAttribute("style", "margin: 1vw auto;");

$review_date_label = new label();
$review_date_label->for("review_date");
$review_date_label->value("Post Change Review Date:  ");

$review_date = new input();
$review_date->type("date");
$review_date->name("review_date");
$review_date->id("review_date");
$review_date->class("inputs");
$review_date->placeholder("DD/MM/YYYY");
$review_date->required();
$post_change->addAttribute("style", "margin: 1vw auto;width: 70%;");

$record_updates = new input();
$record_updates->type("text");
$record_updates->name("record_updates");
$record_updates->id("record_updates");
$record_updates->class("inputs");
$record_updates->placeholder("Record Updates");
$record_updates->required();
$record_updates->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$document_changes = new input();
$document_changes->type("text");
$document_changes->name("document_changes");
$document_changes->id("document_changes");
$document_changes->class("inputs");
$document_changes->placeholder("Document Changes");
$document_changes->required();
$document_changes->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$ec = new select();
$ec->name("ec");
$ec->id("ec");
$ec->class("inputs");
$ec->required();
$ec->addAttribute("style", "margin: 1vw auto;");
$ec->add_option("YES", "YES");
$ec->add_option("NO", "NO");

$verification_plan = new input();
$verification_plan->type("text");
$verification_plan->name("verification_plan");
$verification_plan->id("verification_plan");
$verification_plan->class("inputs");
$verification_plan->placeholder("Verification Plan");
$verification_plan->required();
$verification_plan->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$verification_completed_by = new input();
$verification_completed_by->type("text");
$verification_completed_by->name("verification_completed_by");
$verification_completed_by->id("verification_completed_by");
$verification_completed_by->class("inputs");
$verification_completed_by->placeholder("Verification Completed By");
$verification_completed_by->required();
$verification_completed_by->addAttribute("style", "margin: 1vw auto; width: 30vw;");

$verification_date = new input();
$verification_date->type("date");
$verification_date->name("verification_date");
$verification_date->id("verification_date");
$verification_date->class("inputs");
$verification_date->placeholder("DD/MM/YYYY");
$verification_date->required();
$verification_date->addAttribute("style", "margin: 1vw auto;");

$implementation_plan = new input();
$implementation_plan->type("text");
$implementation_plan->name("implementation_plan");
$implementation_plan->id("implementation_plan");
$implementation_plan->class("inputs");
$implementation_plan->placeholder("Implementation Plan");
$implementation_plan->required();
$implementation_plan->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$required_training = new input();
$required_training->type("text");
$required_training->name("required_training");
$required_training->id("required_training");
$required_training->class("inputs");
$required_training->placeholder("Required Training");
$required_training->required();
$required_training->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$res_person = new input();
$res_person->type("text");
$res_person->name("res_person");
$res_person->id("res_person");
$res_person->class("inputs");
$res_person->placeholder("Implementation Responsible Person");
$res_person->required();
$res_person->addAttribute("style", "margin: 1vw auto; width: 30vw;");

$responsible_persons = new input();
$responsible_persons->type("text");
$responsible_persons->name("responsible_persons");
$responsible_persons->id("responsible_persons");
$responsible_persons->class("inputs");
$responsible_persons->placeholder("Responsible Persons");
$responsible_persons->required();
$responsible_persons->addAttribute("style", "margin: 1vw auto;");

$responsible_persons_1 = new input();
$responsible_persons_1->type("text");
$responsible_persons_1->name("responsible_persons_1");
$responsible_persons_1->id("responsible_persons_1");
$responsible_persons_1->class("inputs");
$responsible_persons_1->placeholder("Responsible Persons");
$responsible_persons_1->required();
$responsible_persons_1->addAttribute("style", "margin: 1vw auto;");

$responsible_persons_2 = new input();
$responsible_persons_2->type("text");
$responsible_persons_2->name("responsible_persons_2");
$responsible_persons_2->id("responsible_persons_2");
$responsible_persons_2->class("inputs");
$responsible_persons_2->placeholder("Responsible Persons");
$responsible_persons_2->required();
$responsible_persons_2->addAttribute("style", "margin: 1vw auto;");

$responsible_persons_3 = new input();
$responsible_persons_3->type("text");
$responsible_persons_3->name("responsible_persons_3");
$responsible_persons_3->id("responsible_persons_3");
$responsible_persons_3->class("inputs");
$responsible_persons_3->placeholder("Responsible Persons");
$responsible_persons_3->required();
$responsible_persons_3->addAttribute("style", "margin: 1vw auto;");

$responsible_persons_4 = new input();
$responsible_persons_4->type("text");
$responsible_persons_4->name("responsible_persons_4");
$responsible_persons_4->id("responsible_persons_4");
$responsible_persons_4->class("inputs");
$responsible_persons_4->placeholder("Responsible Persons");
$responsible_persons_4->required();
$responsible_persons_4->addAttribute("style", "margin: 1vw auto;");

$monitoring_frequency = new input();
$monitoring_frequency->type("text");
$monitoring_frequency->name("monitoring_frequency");
$monitoring_frequency->id("monitoring_frequency");
$monitoring_frequency->class("inputs");
$monitoring_frequency->placeholder("Monitoring Frequency");
$monitoring_frequency->required();
$monitoring_frequency->addAttribute("style", "margin: 1vw auto;");

$monitoring_frequency_1 = new input();
$monitoring_frequency_1->type("text");
$monitoring_frequency_1->name("monitoring_frequency_1");
$monitoring_frequency_1->id("monitoring_frequency_1");
$monitoring_frequency_1->class("inputs");
$monitoring_frequency_1->placeholder("Monitoring Frequency");
$monitoring_frequency_1->required();
$monitoring_frequency_1->addAttribute("style", "margin: 1vw auto;");

$monitoring_frequency_2 = new input();
$monitoring_frequency_2->type("text");
$monitoring_frequency_2->name("monitoring_frequency_2");
$monitoring_frequency_2->id("monitoring_frequency_2");
$monitoring_frequency_2->class("inputs");
$monitoring_frequency_2->placeholder("Monitoring Frequency");
$monitoring_frequency_2->required();
$monitoring_frequency_2->addAttribute("style", "margin: 1vw auto;");

$monitoring_frequency_3 = new input();
$monitoring_frequency_3->type("text");
$monitoring_frequency_3->name("monitoring_frequency_3");
$monitoring_frequency_3->id("monitoring_frequency_3");
$monitoring_frequency_3->class("inputs");
$monitoring_frequency_3->placeholder("Monitoring Frequency");
$monitoring_frequency_3->required();
$monitoring_frequency_3->addAttribute("style", "margin: 1vw auto;");

$monitoring_frequency_4 = new input();
$monitoring_frequency_4->type("text");
$monitoring_frequency_4->name("monitoring_frequency_4");
$monitoring_frequency_4->id("monitoring_frequency_4");
$monitoring_frequency_4->class("inputs");
$monitoring_frequency_4->placeholder("Monitoring Frequency");
$monitoring_frequency_4->required();
$monitoring_frequency_4->addAttribute("style", "margin: 1vw auto;");

$implementation_date = new input();
$implementation_date->type("date");
$implementation_date->name("implementation_date");
$implementation_date->id("implementation_date");
$implementation_date->class("inputs");
$implementation_date->placeholder("DD/MM/YYYY");
$implementation_date->required();
$implementation_date->addAttribute("style", "margin: 1vw auto;");

$monitoring = new input();
$monitoring->type("text");
$monitoring->name("monitoring");
$monitoring->id("monitoring");
$monitoring->class("inputs");
$monitoring->placeholder("Monitoring Plan for Implementation");
$monitoring->required();
$monitoring->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$evaluation_team = new input();
$evaluation_team->type("text");
$evaluation_team->name("evaluation_team");
$evaluation_team->id("evaluation_team");
$evaluation_team->class("inputs");
$evaluation_team->placeholder("Names and Positions of Evaluation Team");
$evaluation_team->required();
$evaluation_team->addAttribute("style", "margin: 1vw auto; width: 40vw;");

$evaluation_members_involved = new input();
$evaluation_members_involved->type("text");
$evaluation_members_involved->name("evaluation_members_involved");
$evaluation_members_involved->id("evaluation_members_involved");
$evaluation_members_involved->class("inputs");
$evaluation_members_involved->placeholder("Names and Positions of Evaluation Members Involved");
$evaluation_members_involved->required();
$evaluation_members_involved->addAttribute("style", "margin: 1vw auto; width: 40vw;");

$rev_approved = new select();
$rev_approved->name("rev_approved");
$rev_approved->id("rev_approved");
$rev_approved->class("inputs");
$rev_approved->required();
$rev_approved->addAttribute("style", "margin: 1vw auto;");
$rev_approved->add_option("YES", "YES");
$rev_approved->add_option("NO", "NO");

$rejection_reason = new input();
$rejection_reason->type("text");
$rejection_reason->name("rejection_reason");
$rejection_reason->id("rejection_reason");
$rejection_reason->class("inputs");
$rejection_reason->placeholder("Rejection Reason");
$rejection_reason->required();
$rejection_reason->addAttribute("style", "margin: 1vw auto; width: 40vw;");

$approve_date = new input();
$approve_date->type("date");
$approve_date->name("approve_date");
$approve_date->id("approve_date");
$approve_date->class("inputs");
$approve_date->placeholder("DD/MM/YYYY");
$approve_date->required();
$approve_date->addAttribute("style", "margin: 1vw auto;");

$approve_by = new input();
$approve_by->type("text");
$approve_by->name("approve_by");
$approve_by->id("approve_by");
$approve_by->class("inputs");
$approve_by->placeholder("Approved By");
$approve_by->required();
$approve_by->addAttribute("style", "margin: 1vw auto; width: 30vw;");

$reasons_for_change = new input();
$reasons_for_change->type("text");
$reasons_for_change->name("reasons_for_change");
$reasons_for_change->id("reasons_for_change");
$reasons_for_change->class("inputs");
$reasons_for_change->placeholder("Reasons for Change");
$reasons_for_change->required();
$reasons_for_change->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$description_of_change = new input();
$description_of_change->type("text");
$description_of_change->name("description_of_change");
$description_of_change->id("description_of_change");
$description_of_change->class("inputs");
$description_of_change->placeholder("Description of Change");
$description_of_change->required();
$description_of_change->addAttribute("style", "margin: 1vw auto; width: 65vw;");

$additional_comments = new input();
$additional_comments->type("text");
$additional_comments->name("additional_comments");
$additional_comments->id("additional_comments");
$additional_comments->class("inputs");
$additional_comments->placeholder("Additional Comments Or Observations");
$additional_comments->required();
$additional_comments->addAttribute("style", "margin: 1vw auto; width: 80%;");

$requested_signature = new input();
$requested_signature->type("text");
$requested_signature->name("requested_signature");
$requested_signature->id("requested_signature");
$requested_signature->class("inputs");
$requested_signature->placeholder("Requested Signature");
$requested_signature->required();

$approved_signature = new input();
$approved_signature->type("text");
$approved_signature->name("approved_signature");
$approved_signature->id("approved_signature");
$approved_signature->class("inputs");
$approved_signature->placeholder("Approved Signature");
$approved_signature->required();

$implemented_signature = new input();
$implemented_signature->type("text");
$implemented_signature->name("implemented_signature");
$implemented_signature->id("implemented_signature");
$implemented_signature->class("inputs");
$implemented_signature->placeholder("Implemented Signature");
$implemented_signature->required();

$verified_signature = new input();
$verified_signature->type("text");
$verified_signature->name("verified_signature");
$verified_signature->id("verified_signature");
$verified_signature->class("inputs");
$verified_signature->placeholder("Verified Signature");
$verified_signature->required();

$residual_risk = new select();
$residual_risk->name("residual_risk");
$residual_risk->id("residual_risk");
$residual_risk->class("inputs");
$residual_risk->required();
$residual_risk->addAttribute("style", "margin: 1vw auto;");
$residual_risk->add_option("LOW", "LOW");
$residual_risk->add_option("MEDIUM", "MEDIUM");
$residual_risk->add_option("HIGH", "HIGH");

$residual_risk_1 = new select();
$residual_risk_1->name("residual_risk");
$residual_risk_1->id("residual_risk");
$residual_risk_1->class("inputs");
$residual_risk_1->required();
$residual_risk_1->addAttribute("style", "margin: 1vw auto;");
$residual_risk_1->add_option("LOW", "LOW");
$residual_risk_1->add_option("MEDIUM", "MEDIUM");
$residual_risk_1->add_option("HIGH", "HIGH");

$residual_risk_2 = new select();
$residual_risk_2->name("residual_risk");
$residual_risk_2->id("residual_risk");
$residual_risk_2->class("inputs");
$residual_risk_2->required();
$residual_risk_2->addAttribute("style", "margin: 1vw auto;");
$residual_risk_2->add_option("LOW", "LOW");
$residual_risk_2->add_option("MEDIUM", "MEDIUM");
$residual_risk_2->add_option("HIGH", "HIGH");

$residual_risk_3 = new select();
$residual_risk_3->name("residual_risk");
$residual_risk_3->id("residual_risk");
$residual_risk_3->class("inputs");
$residual_risk_3->required();
$residual_risk_3->addAttribute("style", "margin: 1vw auto;");
$residual_risk_3->add_option("LOW", "LOW");
$residual_risk_3->add_option("MEDIUM", "MEDIUM");
$residual_risk_3->add_option("HIGH", "HIGH");

$residual_risk_4 = new select();
$residual_risk_4->name("residual_risk");
$residual_risk_4->id("residual_risk");
$residual_risk_4->class("inputs");
$residual_risk_4->required();
$residual_risk_4->addAttribute("style", "margin: 1vw auto;");
$residual_risk_4->add_option("LOW", "LOW");
$residual_risk_4->add_option("MEDIUM", "MEDIUM");
$residual_risk_4->add_option("HIGH", "HIGH");

$monitoring_strategy = new select();
$monitoring_strategy->name("monitoring_strategy");
$monitoring_strategy->id("monitoring_strategy");
$monitoring_strategy->class("inputs");
$monitoring_strategy->required();
$monitoring_strategy->addAttribute("style", "margin: 1vw auto;");
$monitoring_strategy->add_option("Low", "Low");
$monitoring_strategy->add_option("Medium", "Medium");
$monitoring_strategy->add_option("High", "High");

$monitoring_strategy_1 = new select();
$monitoring_strategy_1->name("monitoring_strategy");
$monitoring_strategy_1->id("monitoring_strategy");
$monitoring_strategy_1->class("inputs");
$monitoring_strategy_1->required();
$monitoring_strategy_1->addAttribute("style", "margin: 1vw auto;");
$monitoring_strategy_1->add_option("Low", "Low");
$monitoring_strategy_1->add_option("Medium", "Medium");
$monitoring_strategy_1->add_option("High", "High");

$monitoring_strategy_2 = new select();
$monitoring_strategy_2->name("monitoring_strategy");
$monitoring_strategy_2->id("monitoring_strategy");
$monitoring_strategy_2->class("inputs");
$monitoring_strategy_2->required();
$monitoring_strategy_2->addAttribute("style", "margin: 1vw auto;");
$monitoring_strategy_2->add_option("Low", "Low");
$monitoring_strategy_2->add_option("Medium", "Medium");
$monitoring_strategy_2->add_option("High", "High");

$monitoring_strategy_3 = new select();
$monitoring_strategy_3->name("monitoring_strategy");
$monitoring_strategy_3->id("monitoring_strategy");
$monitoring_strategy_3->class("inputs");
$monitoring_strategy_3->required();
$monitoring_strategy_3->addAttribute("style", "margin: 1vw auto;");
$monitoring_strategy_3->add_option("Low", "Low");
$monitoring_strategy_3->add_option("Medium", "Medium");
$monitoring_strategy_3->add_option("High", "High");

$monitoring_strategy_4 = new select();
$monitoring_strategy_4->name("monitoring_strategy");
$monitoring_strategy_4->id("monitoring_strategy");
$monitoring_strategy_4->class("inputs");
$monitoring_strategy_4->required();
$monitoring_strategy_4->addAttribute("style", "margin: 1vw auto;");
$monitoring_strategy_4->add_option("Low", "Low");
$monitoring_strategy_4->add_option("Medium", "Medium");
$monitoring_strategy_4->add_option("High", "High");

$pre_control_risk_level = new select();
$pre_control_risk_level->name("pre_control_risk_level");
$pre_control_risk_level->id("pre_control_risk_level");
$pre_control_risk_level->class("inputs");
$pre_control_risk_level->required();
$pre_control_risk_level->addAttribute("style", "margin: 1vw auto;");
$pre_control_risk_level->add_option("LOW", "LOW");
$pre_control_risk_level->add_option("MEDIUM", "MEDIUM");
$pre_control_risk_level->add_option("HIGH", "HIGH");

$pre_control_risk_level_1 = new select();
$pre_control_risk_level_1->name("pre_control_risk_level");
$pre_control_risk_level_1->id("pre_control_risk_level");
$pre_control_risk_level_1->class("inputs");
$pre_control_risk_level_1->required();
$pre_control_risk_level_1->addAttribute("style", "margin: 1vw auto;");
$pre_control_risk_level_1->add_option("LOW", "LOW");
$pre_control_risk_level_1->add_option("MEDIUM", "MEDIUM");
$pre_control_risk_level_1->add_option("HIGH", "HIGH");

$pre_control_risk_level_2 = new select();
$pre_control_risk_level_2->name("pre_control_risk_level");
$pre_control_risk_level_2->id("pre_control_risk_level");
$pre_control_risk_level_2->class("inputs");
$pre_control_risk_level_2->required();
$pre_control_risk_level_2->addAttribute("style", "margin: 1vw auto;");
$pre_control_risk_level_2->add_option("LOW", "LOW");
$pre_control_risk_level_2->add_option("MEDIUM", "MEDIUM");
$pre_control_risk_level_2->add_option("HIGH", "HIGH");

$pre_control_risk_level_3 = new select();
$pre_control_risk_level_3->name("pre_control_risk_level");
$pre_control_risk_level_3->id("pre_control_risk_level");
$pre_control_risk_level_3->class("inputs");
$pre_control_risk_level_3->required();
$pre_control_risk_level_3->addAttribute("style", "margin: 1vw auto;");
$pre_control_risk_level_3->add_option("LOW", "LOW");
$pre_control_risk_level_3->add_option("MEDIUM", "MEDIUM");
$pre_control_risk_level_3->add_option("HIGH", "HIGH");

$pre_control_risk_level_4 = new select();
$pre_control_risk_level_4->name("pre_control_risk_level");
$pre_control_risk_level_4->id("pre_control_risk_level");
$pre_control_risk_level_4->class("inputs");
$pre_control_risk_level_4->required();
$pre_control_risk_level_4->addAttribute("style", "margin: 1vw auto;");
$pre_control_risk_level_4->add_option("LOW", "LOW");
$pre_control_risk_level_4->add_option("MEDIUM", "MEDIUM");
$pre_control_risk_level_4->add_option("HIGH", "HIGH");

$post_control_risk_level = new select();
$post_control_risk_level->name("post_control_risk_level");
$post_control_risk_level->id("post_control_risk_level");
$post_control_risk_level->class("inputs");
$post_control_risk_level->required();
$post_control_risk_level->addAttribute("style", "margin: 1vw auto;");
$post_control_risk_level->add_option("LOW", "LOW");
$post_control_risk_level->add_option("MEDIUM", "MEDIUM");
$post_control_risk_level->add_option("HIGH", "HIGH");

$post_control_risk_level_1 = new select();
$post_control_risk_level_1->name("post_control_risk_level");
$post_control_risk_level_1->id("post_control_risk_level");
$post_control_risk_level_1->class("inputs");
$post_control_risk_level_1->required();
$post_control_risk_level_1->addAttribute("style", "margin: 1vw auto;");
$post_control_risk_level_1->add_option("LOW", "LOW");
$post_control_risk_level_1->add_option("MEDIUM", "MEDIUM");
$post_control_risk_level_1->add_option("HIGH", "HIGH");

$post_control_risk_level_2 = new select();
$post_control_risk_level_2->name("post_control_risk_level");
$post_control_risk_level_2->id("post_control_risk_level");
$post_control_risk_level_2->class("inputs");
$post_control_risk_level_2->required();
$post_control_risk_level_2->addAttribute("style", "margin: 1vw auto;");
$post_control_risk_level_2->add_option("LOW", "LOW");
$post_control_risk_level_2->add_option("MEDIUM", "MEDIUM");
$post_control_risk_level_2->add_option("HIGH", "HIGH");

$post_control_risk_level_3 = new select();
$post_control_risk_level_3->name("post_control_risk_level");
$post_control_risk_level_3->id("post_control_risk_level");
$post_control_risk_level_3->class("inputs");
$post_control_risk_level_3->required();
$post_control_risk_level_3->addAttribute("style", "margin: 1vw auto;");
$post_control_risk_level_3->add_option("LOW", "LOW");
$post_control_risk_level_3->add_option("MEDIUM", "MEDIUM");
$post_control_risk_level_3->add_option("HIGH", "HIGH");

$post_control_risk_level_4 = new select();
$post_control_risk_level_4->name("post_control_risk_level");
$post_control_risk_level_4->id("post_control_risk_level");
$post_control_risk_level_4->class("inputs");
$post_control_risk_level_4->required();
$post_control_risk_level_4->addAttribute("style", "margin: 1vw auto;");
$post_control_risk_level_4->add_option("LOW", "LOW");
$post_control_risk_level_4->add_option("MEDIUM", "MEDIUM");
$post_control_risk_level_4->add_option("HIGH", "HIGH");

$implementation_change_decision = new select();
$implementation_change_decision->name("implementation_change_decision");
$implementation_change_decision->id("implementation_change_decision");
$implementation_change_decision->class("inputs");
$implementation_change_decision->required();
$implementation_change_decision->addAttribute("style", "margin: 1vw auto;");
$implementation_change_decision->add_option("Approved", "Approved");
$implementation_change_decision->add_option("Rejected", "Rejected");

$implementation_change_decision_1 = new select();
$implementation_change_decision_1->name("implementation_change_decision");
$implementation_change_decision_1->id("implementation_change_decision");
$implementation_change_decision_1->class("inputs");
$implementation_change_decision_1->required();
$implementation_change_decision_1->addAttribute("style", "margin: 1vw auto;");
$implementation_change_decision_1->add_option("Approved", "Approved");
$implementation_change_decision_1->add_option("Rejected", "Rejected");

$implementation_change_decision_2 = new select();
$implementation_change_decision_2->name("implementation_change_decision");
$implementation_change_decision_2->id("implementation_change_decision");
$implementation_change_decision_2->class("inputs");
$implementation_change_decision_2->required();
$implementation_change_decision_2->addAttribute("style", "margin: 1vw auto;");
$implementation_change_decision_2->add_option("Approved", "Approved");
$implementation_change_decision_2->add_option("Rejected", "Rejected");

$implementation_change_decision_3 = new select();
$implementation_change_decision_3->name("implementation_change_decision");
$implementation_change_decision_3->id("implementation_change_decision");
$implementation_change_decision_3->class("inputs");
$implementation_change_decision_3->required();
$implementation_change_decision_3->addAttribute("style", "margin: 1vw auto;");
$implementation_change_decision_3->add_option("Approved", "Approved");
$implementation_change_decision_3->add_option("Rejected", "Rejected");

$implementation_change_decision_4 = new select();
$implementation_change_decision_4->name("implementation_change_decision");
$implementation_change_decision_4->id("implementation_change_decision");
$implementation_change_decision_4->class("inputs");
$implementation_change_decision_4->required();
$implementation_change_decision_4->addAttribute("style", "margin: 1vw auto;");
$implementation_change_decision_4->add_option("Approved", "Approved");
$implementation_change_decision_4->add_option("Rejected", "Rejected");

$remarks_observations = new input();
$remarks_observations->type("text");
$remarks_observations->name("remarks");
$remarks_observations->id("remarks");
$remarks_observations->class("inputs");
$remarks_observations->placeholder("Remarks/observations");
$remarks_observations->required();
$remarks_observations->addAttribute("style", "margin: 1vw auto;");

$remarks_observations_1 = new input();
$remarks_observations_1->type("text");
$remarks_observations_1->name("remarks_1");
$remarks_observations_1->id("remarks_1");
$remarks_observations_1->class("inputs");
$remarks_observations_1->placeholder("Remarks/observations");
$remarks_observations_1->required();
$remarks_observations_1->addAttribute("style", "margin: 1vw auto;");

$remarks_observations_2 = new input();
$remarks_observations_2->type("text");
$remarks_observations_2->name("remarks_2");
$remarks_observations_2->id("remarks_2");
$remarks_observations_2->class("inputs");
$remarks_observations_2->placeholder("Remarks/observations");
$remarks_observations_2->required();
$remarks_observations_2->addAttribute("style", "margin: 1vw auto;");

$remarks_observations_3 = new input();
$remarks_observations_3->type("text");
$remarks_observations_3->name("remarks_3");
$remarks_observations_3->id("remarks_3");
$remarks_observations_3->class("inputs");
$remarks_observations_3->placeholder("Remarks/observations");
$remarks_observations_3->required();
$remarks_observations_3->addAttribute("style", "margin: 1vw auto;");

$remarks_observations_4 = new input();
$remarks_observations_4->type("text");
$remarks_observations_4->name("remarks_4");
$remarks_observations_4->id("remarks_4");
$remarks_observations_4->class("inputs");
$remarks_observations_4->placeholder("Remarks/observations");
$remarks_observations_4->required();
$remarks_observations_4->addAttribute("style", "margin: 1vw auto;");

$risk_summary_low = new input();
$risk_summary_low->type("text");
$risk_summary_low->name("risk_summary_low");
$risk_summary_low->id("risk_summary_low");
$risk_summary_low->class("inputs");
$risk_summary_low->placeholder("Low Risk Summary");
$risk_summary_low->required();
$risk_summary_low->addAttribute("style", "margin: 1vw auto; width: 90%;");

$risk_summary_medium = new input();
$risk_summary_medium->type("text");
$risk_summary_medium->name("risk_summary_medium");
$risk_summary_medium->id("risk_summary_medium");
$risk_summary_medium->class("inputs");
$risk_summary_medium->placeholder("Medium Risk Summary");
$risk_summary_medium->required();
$risk_summary_medium->addAttribute("style", "margin: 1vw auto; width: 90%;");

$risk_summary_high = new input();
$risk_summary_high->type("text");
$risk_summary_high->name("risk_summary_high");
$risk_summary_high->id("risk_summary_high");
$risk_summary_high->class("inputs");
$risk_summary_high->placeholder("High Risk Summary");
$risk_summary_high->required();
$risk_summary_high->addAttribute("style", "margin: 1vw auto; width: 90%;");

$potential_risk_mitogation = new input();
$potential_risk_mitogation->type("text");
$potential_risk_mitogation->name("potential_risk_mitogation");
$potential_risk_mitogation->id("potential_risk_mitogation");
$potential_risk_mitogation->class("inputs");
$potential_risk_mitogation->placeholder("Potential Risk Mitogation");
$potential_risk_mitogation->required();
$potential_risk_mitogation->addAttribute("style", "margin: 1vw auto; width: 90%;");

$date_requsted = new input();
$date_requsted->type("date");
$date_requsted->name("date_requsted");
$date_requsted->id("date_requsted");
$date_requsted->class("inputs");
$date_requsted->placeholder("DD/MM/YYYY");
$date_requsted->required();

$approved_date = new input();
$approved_date->type("date");
$approved_date->name("approved_date");
$approved_date->id("approved_date");
$approved_date->class("inputs");
$approved_date->placeholder("DD/MM/YYYY");
$approved_date->required();

$implemented_date = new input();
$implemented_date->type("date");
$implemented_date->name("implemented_date");
$implemented_date->id("implemented_date");
$implemented_date->class("inputs");
$implemented_date->placeholder("DD/MM/YYYY");
$implemented_date->required();

$verified_date = new input();
$verified_date->type("date");
$verified_date->name("verified_date");
$verified_date->id("verified_date");
$verified_date->class("inputs");
$verified_date->placeholder("DD/MM/YYYY");
$verified_date->required();

$submit_btn = new button();
$submit_btn->value("SUBMIT");
$submit_btn->onclick("change_management()");

?>

<div class="form_down">

    <div
        style="display:flex;flex-direction:row;width: 95%;border:2px solid black;justify-content: space-around; align-items: center;">
        <div
            style="display: flex; flex-direction: column; width: 30%; border-right: 2px solid black; align-items: center;">
            <img src="/icons/LN_logo.webp" alt="logo" style="width: 60%;">
        </div>
        <div style="display: flex; flex-direction: column; width: 35%;">
            <div style="width: 100%;">
                FSMS - Planning
            </div>
            <div>
                Change Management Application & Approval Record
            </div>
        </div>
        <div style="display: flex; flex-direction: column; width: 35%;border-left: 2px solid black;ks">
            <div>
                <div>
                    Doc. No :
                    <?php $doc_number->add(); ?>
                </div>
                <div>
                    Revision :
                    <?php $revision_date->add(); ?>
                </div>
            </div>
            <div>
                Approved :
                <?php $approve_date->add(); ?>
            </div>
        </div>
    </div>
    
    <div style="display:flex;flex-direction:column;width: 95%;">
        <?php echo $change_req_details->add(); ?><br>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>
                <p>Change Request ID:</p>
            </div>
            <div>
                <p><?php echo $change_request_id->add(); ?></p>
            </div>
        </div>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>
                <p>Date: </p>
            </div>
            <div>
                <p><?php echo $date->add(); ?></p>
            </div>
            <div>
                <p>Requested By:</p>
            </div>
            <div>
                <p><?php echo $requested_by->add(); ?></p>
            </div>
        </div>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>
                <p>Reason For Change:</p>
            </div>
            <div>
                <?php echo $reasons_for_change->add(); ?>
            </div>
        </div>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>
                <p>Description of change:</p>
            </div>
            <div>
                <?php echo $description_of_change->add(); ?>
            </div>
        </div>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>
                <p>Estimated Implementation Date</p>
            </div>
            <div>
                <?php echo $estimated_implementation_date->add(); ?>
            </div>
        </div>
        <div
            style="display:flex;flex-direction:row;width: 100%;border:2px solid black;justify-content: space-around; align-items: center;">
            <div>

            </div>
            <div>

            </div>
        </div>
    </div>

    <br><br>

    <div style="display: flex; flex-direction: column; width: 95%;">
        <?php echo $impact_assess->add(); ?><br>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Question/ Assessment criteria</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <div style="width: 100%;">YES</div>
                <div style="border-left: 2px solid black; width: 100%;">NO</div>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change involve a new product or service?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change involve a new supplier or raw material?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>

        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change involve modification of facilities or Equipment?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%; justify-content: space-between;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%;justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change involve personal changes?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%; justify-content: space-between;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change affect any critical personal changes?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%; justify-content: space-between;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Does the change introduce new food saftey hazards or risks?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%; justify-content: space-between;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%; justify-content: space-between;align-items: center;">
            <div>
                <p>Potential impact on HACCP plan?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div
            style="display: flex; flex-direction: row;border:2px solid black;width: 100%;justify-content: space-between;align-items: center;">
            <div>
                <p>Regulatory Compliance Impact?</p>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="yes">YES</option>
                    <option value="no">NO</option>
                </select>
            </div>
        </div>
        <div style="border: 2px solid black;width: 100%;">
            <p>Other Considerations (e.g , training, communication needs, documentation updates):</p>
        </div>
        <div style="border: 2px solid black;width: 100%;">
            <p> List any additional Considerations </p>
        </div>
    </div>

    <br><br>

    <?php
    $risk_assess->add();
    $risk_identi->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div style="display:flex; flex-direction: row; width: 100%; border-bottom: 2px solid black; ">
            <div style="width: 20%;">
                Hazard Typ
            </div>
            <div style="width: 20%;border-left:2px solid black;">
                Description of Hazard
            </div>
            <div style="width: 20%;border-left:2px solid black;">
                Impact on Food Safety
            </div>
            <div style="width: 20%;border-left:2px solid black;">
                Likelihood of Occurrence
            </div>
            <div style="width: 20%;border-left:2px solid black;">
                Severity of Impact
            </div>
            <div style="width: 20%;border-left:2px solid black;">
                Risk Level
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Biological
            </div>
            <div style="width: 20%; border-left: 2px solid black;"
                placeholder="Example: Introduction of new raw material that may carry pathogens">
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black; width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="contamination">Contamination</option>
                    <option value="microbiological growth">Microbiological Growth</option>
                    <option value="spoilage">Spoilage</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
        </div>
        <div
            style="display:flex; flex-direction: row; width: 100%;align-items: center; border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Chemical
            </div>
            <div style="width: 20%; border-left: 2px solid black;"
                placeholder="Example: Change in cleaning agents that could leave residues">

            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="chemical">Chemical contamination of food products</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
        </div>
        <div
            style="display:flex; flex-direction: row; width: 100%;align-items: center; border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Physical
            </div>
            <div style="width: 20%; border-left: 2px solid black;"
                placeholder="Example: Example: Change in equipment that could cause foreign body contamination">
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="contamination">presence of foreign materials such as metal fragments</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
        </div>
        <div
            style="display:flex; flex-direction: row; width: 100%;align-items: center; border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Allergent
            </div>
            <div style="width: 20%; border-left: 2px solid black;"
                placeholder="Example: Change in equipment that could cause foreign body contamination">

            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="risk of cross-contact ">risk of cross-contact </option>
                    <option value="allergen exposure">allergen exposure</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Regulatory
            </div>
            <div style="width: 20%; border-left: 2px solid black;"
                placeholder="Example: Change in packaging that may affect labelling compliance">

            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="chemical">non-compliance with labelling regulations</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $risk_evalue->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div style="display:flex; flex-direction: row; width: 100%; border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Hazard Type
            </div>
            <div style="width: 20%;">
                Likelihood of Occurrence (1-low,2-medium,3-high)
            </div>
            <div style="width: 20%;">
                Severity of Impact(1-low,2-medium,3-high)
            </div>
            <div style="width: 20%;">
                Risk Level(Likelihood x Severity)
            </div>
            <div style="width: 20%;">
                Mitigation/Control Measures
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Biological
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="testing">testing</option>
                    <option value="sanitation">sanitation</option>
                    <option value="supply chain control">supply chain control</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Chemical
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="supplier qualification">supplier qualification</option>
                    <option value="residue testing">residue testing</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Physical
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="metal detection">metal detection</option>
                    <option value="equipment checks">equipment checks</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Allergent
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="allergen controls">allergen controls</option>
                    <option value="clear labelling">clear labelling</option>
                    <option value="segregation">segregation</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Regulatory
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="compliance checklists">compliance checklists</option>
                    <option value="legal review">legal review</option>
                </select>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $risk_mitigate->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div style="display:flex; flex-direction: row; width: 100%;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Hazard Type
            </div>
            <div style="width: 20%;">
                Control Actions
            </div>
            <div style="width: 20%;">
                Responsible Person
            </div>
            <div style="width: 20%;">
                Completion Date
            </div>
            <div style="width: 20%;">
                Verification Method
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Biological
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="testing">testing</option>
                    <option value="sanitation">sanitation</option>
                    <option value="supply chain control">supply chain control</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Chemical
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="supplier qualification">supplier qualification</option>
                    <option value="residue testing">residue testing</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Physical
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="metal detection">metal detection</option>
                    <option value="equipment checks">equipment checks</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Allergent
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="allergen controls">allergen controls</option>
                    <option value="clear labelling">clear labelling</option>
                    <option value="segregation">segregation</option>
                </select>
            </div>
        </div>
        <div style="display:flex; flex-direction: row; width: 100%;align-items: center;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Regulatory
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="low">Low</option>
                    <option value="medium">Medium</option>
                    <option value="high">High</option>
                </select>
            </div>
            <div
                style="display: flex; flex-direction: row;border-left:2px solid black;width: 20%;justify-content: space-around;">
                <select name="option" id="option" class="inputs">
                    <option value=""></option>
                    <option value="compliance checklists">compliance checklists</option>
                    <option value="legal review">legal review</option>
                </select>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $risk_residual->add();
    ?>
    <br>
    <p>Once control measures are implemented, assess the residual risk (remaining risk) and <br> outline ongoing
        monitoring
        strategies to ensure the effectiveness of the changes</p>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div style="display: flex; flex-direction: row;justify-content: space-around; border-bottom: 2px solid black;">
            <div style="width: 20%;">Hazard Types</div>
            <div style="width: 20%;border-left: 2px solid black;">Residual Risk</div>
            <div style="width: 20%;border-left: 2px solid black;">Ongoing Monitoring Strategy</div>
            <div style="width: 20%;border-left: 2px solid black;">Responsible person</div>
            <div style="width: 20%;border-left: 2px solid black;">Monitoring Frequency</div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">
                Biological
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $residual_risk->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_strategy->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $responsible_persons->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_frequency->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Chemical</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $residual_risk_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_strategy_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $responsible_persons_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_frequency_1->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Physical</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $residual_risk_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_strategy_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $responsible_persons_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_frequency_2->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Allergen</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $residual_risk_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_strategy_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $responsible_persons_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $monitoring_frequency_3->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Regulatory</div>
            <div style="width: 20%; border-left: 2px solid black;">
                <?php $residual_risk_4->add(); ?>
            </div>
            <div style="width: 20%; border-left: 2px solid black;">
                <?php $monitoring_strategy_4->add(); ?>
            </div>
            <div style="width: 20%; border-left: 2px solid black;">
                <?php $responsible_persons_4->add(); ?>
            </div>
            <div style="width: 20%; border-left: 2px solid black;">
                <?php $monitoring_frequency_4->add(); ?>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $risk_final->add();
    ?>
    <br>
    <p>After implementing the control measures and monitoring strategies, determine the overall level of risk for each
        hazard.</p>

    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div style="display: flex; flex-direction: row;justify-content: space-around; border-bottom: 2px solid black;">
            <div style="width: 20%;">Hazard Types</div>
            <div style="width: 20%;border-left: 2px solid black;">Pre-Control Risk Level</div>
            <div style="width: 20%;border-left: 2px solid black;"> Post-Control Risk Level</div>
            <div style="width: 20%;border-left: 2px solid black;">Decision on Change Implementation</div>
            <div style="width: 20%;border-left: 2px solid black;">Remarks/Observations</div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Biological</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $pre_control_risk_level->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $post_control_risk_level->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $implementation_change_decision->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $remarks_observations->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Chemical</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $pre_control_risk_level_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $post_control_risk_level_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $implementation_change_decision_1->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $remarks_observations_1->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Physical</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $pre_control_risk_level_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $post_control_risk_level_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $implementation_change_decision_2->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $remarks_observations_2->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Allergen</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $pre_control_risk_level_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $post_control_risk_level_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $implementation_change_decision_3->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $remarks_observations_3->add(); ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-around;border-bottom: 2px solid black;">
            <div style="width: 20%;">Regulatory</div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $pre_control_risk_level_4->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $post_control_risk_level_4->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $implementation_change_decision_4->add(); ?>
            </div>
            <div style="width: 20%;border-left: 2px solid black;">
                <?php $remarks_observations_4->add(); ?>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $conclusion->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <h3>3.6.1 Overall Risk Assessment:</h3>
        <p>Summarize the overall risk of the proposed change and whether it is acceptable</p>
        <?php

        ?>

        <br>

        <h3>3.6.2 Recommendations</h3>
        <p>Any further recommendations for control or monitoring to mitigate risks.</p>
        <?php

        ?>
    </div>

    <br><br>

    <?php
    $risk_level->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black; padding-bottom: 1vw;align-items: center;">
        <p>Please indicate from above summary</p>
        <div style="display: flex; flex-direction: row; border: 2px solid black; width: 98%;justify-content: space-around;">
            <div style="width: 33%;">
                Low
            </div>
            <div style="width: 33%;">
                Medium
            </div>
            <div style="width: 33%;">
                High
            </div>
        </div>
        <div style="display: flex; flex-direction: row; border: 2px solid black; width: 98%;justify-content: space-around;">
            <div style="width: 33%;">
                <?php $risk_summary_low->add(); ?>
            </div>
            <div style="width: 33%;">
                <?php $risk_summary_medium->add(); ?>
            </div>
            <div style="width: 33%;">
                <?php $risk_summary_high->add(); ?>
            </div>
        </div>
    </div>

    <br><br>

    <?php
    $risk_potential->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <p>Describe any actions needed to mitigate risks identified in the assessment</p>
        <?php
            $potential_risk_mitogation->add();
        ?>
    </div>

    <br><br>

    <?php
    $approved->add();
    ?>
    <div
        style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;justify-content: space-between; align-items: center;">
        <div style="display: flex; flex-direction: row; width: 100%;">
            <div>
                Change Evaluation Team(Name and Position)
            </div>
            <div>
                <?php
                $evaluation_team->add();
                ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row; width: 100%;">
            <div>
                List of team members involved in the evaluation of the change
            </div>
            <div>
                <?php
                $evaluation_members_involved->add();
                ?>
            </div>
        </div>
        <div style="display: flex; flex-direction: row; width: 100%;">
            Reviewed and Approved by Management
            <?php $rev_approved->add(); ?>
        </div>
        <div style="display: flex; flex-direction: row; width: 100%;">
            Reason for Rejection(if applicable):
            <?php
            $rejection_reason->add();
            ?>
        </div>
        <div style="display: flex; flex-direction: row; width: 100%;">
            Approval Date:
            <?php $approve_date->add(); ?>
        </div>
        <div style="display: flex; flex-direction: row; width: 100%;">
            Approved by:
            <?php $approve_by->add(); ?>
        </div>
    </div>

    <br><br>

    <?php
    $change_implement->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <h3>5.1 Change Implementation</h3>
        <p>Provide the detailed action plan with timelines, responsibilities and required resources.</p>
        <?php
        $implementation_plan->add();
        ?>

        <br>

        <h3>5.2 Required Training:</h3>
        <?php
        $required_training->add();
        ?>

        <br>

        <h3>5.3 Responsible Person(s) for Implementation:</h3>
        <?php
        $res_person->add();
        ?>

        <br>

        <h3>5.4 Implementation Date:</h3>
        <?php
        $implementation_date->add();
        ?>

        <br>

        <h3>5.5 Monitoring Plan for Implementation:</h3>
        <p>Describe how the implementation will be monitored for effectiveness.</p>
        <?php
        $monitoring->add();
        ?>

    </div>

    <br><br>

    <?php
    $verification_effectiveness->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <h3>6.1 Verification Plan</h3>
        <p>Describe the verification plan for the change.</p>
        <?php
        $verification_plan->add();
        $verification_completed_by->add();
        $verification_date->add();
        ?>
    </div>

    <br><br>

    <?php
    $effectiveness_confimed->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <h3>7.1 Actions Taken If Not Effective</h3>
        <p>Describe any corrective actions taken if the change was not effective.</p>
        <?php
        $ec->add();
        ?>
    </div>

    <br><br>

    <?php
    $review->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <h3>8.1 Post-Change Review</h3>
        <p>Outline the plan for reviewing the change after implementation to ensure that it continues to meet food
            safety requirements.</p>
        <?php
        $post_change->add();
        ?>
        <div>
            <?php
            $review_date_label->add();
            $review_date->add();
            ?>
        </div>

        <br>
        <h3>8.2 Record Update</h3>
        <p>List any documents or records that need to be updated as a result of this change (e.g., HACCP plan,
            procedures, work instructions)</p>
        <?php
        $record_updates->add();
        ?>

        <br>
        <h3>8.3 Documentation of Changes</h3>
        <p>Confirm all records and documents related to the change are updated and stored appropriately.</p>
        <?php
        $document_changes->add();
        ?>

    </div>

    <br><br>

    <?php
    $additional_comments_label->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <p>Any additional comments, Observations, or concerns related to the change request and process</p>
        <?php $additional_comments->add(); ?>
    </div>

    <br><br>

    <?php
    $signatures->add();
    ?>
    <br>
    <div style="display: flex; flex-direction: column; width: 95%; border: 2px solid black;">
        <div
            style="display: flex; flex-direction: row;justify-content: space-evenly;align-items: center;width: 100%; border-bottom: 2px solid black;">
            <div style="width: 25%; ">REQUESTED BY:</div>
            <div style="width: 25%; border-left: 2px solid black; border-right: 2px solid black;">
                <?php $requested_signature->add(); ?>
            </div>
            <div style="width: 25%;">DATE:</div>
            <div style="width: 25%; border-left: 2px solid black;"><?php $date_requsted->add(); ?></div>
        </div>
        <div
            style="display: flex; flex-direction: row;justify-content: space-evenly;align-items: center;width: 100%;border-bottom: 2px solid black;">
            <div style="width: 25%;">APPROVED BY:</div>
            <div style="width: 25%; border-left: 2px solid black; border-right: 2px solid black;">
                <?php $approved_signature->add(); ?>
            </div>
            <div style="width: 25%;">DATE:</div>
            <div style="width: 25%; border-left: 2px solid black;"><?php $approved_date->add(); ?></div>
        </div>
        <div
            style="display: flex; flex-direction: row;justify-content: space-evenly;align-items: center;width: 100%;border-bottom: 2px solid black;">
            <div style="width: 25%;">IMPLEMENTED BY:</div>
            <div style="width: 25%; border-left: 2px solid black; border-right: 2px solid black;">
                <?php $implemented_signature->add(); ?>
            </div>
            <div style="width: 25%;">DATE:</div>
            <div style="width: 25%; border-left: 2px solid black;"><?php $implemented_date->add(); ?></div>
        </div>
        <div style="display: flex; flex-direction: row;justify-content: space-evenly;align-items: center;width: 100%;">
            <div style="width: 25%;">VERIFIED BY:</div>
            <div style="width: 25%; border-left: 2px solid black; border-right: 2px solid black;">
                <?php $verified_signature->add(); ?>
            </div>
            <div style="width: 25%;">DATE:</div>
            <div style="width: 25%; border-left: 2px solid black;"><?php $verified_date->add(); ?></div>
        </div>
    </div>

    <br>

    <?php
    $submit_btn->add();
    ?>

</div>

<?php

$ajax = new js_ajax();
$ajax->function_name("change_management");
?>