File "sample_form.php"
Full Path: /home/ccipcixf/public_html/hirepro/admin/sample_form.php
File size: 46.98 KB
MIME-type: text/x-php
Charset: utf-8
<?php
session_start();
include "menu.php";
include "config.php"; // Include your database connection code.
if ( $_SESSION["admin_role"] != "Admin") {
echo '<script type="text/javascript">window.location.href = "index.php";</script>';
exit(); // It's a good practice to exit after a redirect to prevent further execution
}
$heading = "Company A Questionnaire ";
$title = "Company A";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Full Page Form in Card</title>
<!-- Add Bootstrap CSS link -->
<style>
/* Custom CSS for the header image */
.form-control {
background-color: #e9ecef;
opacity: 1;
}
.card-headers {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.fline {
margin-bottom: 95px;
}
a:hover {
text-decoration: none;
border: none;
}
button.btn.btn-primary.btn-lg.btn-block {
color: white;
border: none;
background: -webkit-linear-gradient(right, #43cea2, #185a9d);
}
button.btn.btn-primary.btn-lg.btn-block:hover {
color: white;
border: none;
background: -webkit-linear-gradient(right, #185a9d, #43cea2);
transform: none;
}
label {
font-size: 17px !important;
}
</style>
</head>
<body>
<div class="container-fluid mb-5">
<div class="row justify-content-center align-items-center mt-3 ">
<div class="col-md-11">
<!-- Include this inside the <body> tag of your HTML file -->
<div class="card shadow-lg">
<div class="card-header p-3 border-2 ">
<div class="row ">
<div class="col-md-10 ">
<h2 class="mb-1">Information & Questionnaire</h2>
</div>
</div>
<h5 class="text-danger float-end" id="timer">
</div>
<div class="card-body">
<form id="myForm">
<div class="card-header section" id="sectionAHeader">
<div class="container-fluid p-0 ">
<div class="row ">
<div class="col-md-4">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" id="msname" name="Name" placeholder="Enter Name" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email</label>
<input type="text" class="form-control" id="email" name="Email" placeholder="Enter your Email" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Designation</label>
<input type="text" class="form-control" id="designation" name="designation" placeholder="Enter designation" required>
</div>
</div>
</div>
<div class="row mt-2">
<div class="col-md-4">
<div class="form-group">
<label>Contact</label>
<input type="phone" class="form-control" id="msphone" name="Phone" placeholder="03XX-XXXXXX" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" id="City" name="City" placeholder="Enter Your City" required>
</div>
</div>
</div>
</div>
<!-- Section A Cognitive Aptitude -->
<div class="row mt-5">
<div class="col-md-10">
<h3 class="mb-1">I. Cognitive Aptitude:</h3>
</div>
</div>
<!-- ... (existing content for Section A) ... -->
<!-- Question 1 -->
<div class="question" id="questionA1">
<div class="form-group">
<h4 class="card-title mt-3 fw-bold">Question 1 :</h4>
<h4 class="card-title">In a complex project scenario, what is your approach to analyzing and solving intricate problems?</h4>
<input type="hidden" name="question1CorrectAnswer" value="Try various solutions simultaneously.">
<!-- Correct answer for Question 1 -->
<input type="hidden" name="score_answer1" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating1" value="1" onchange="disableOptions('rating1')">
<label class="form-check-label">Rely on tried-and-tested methods. </label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating1" value="3" onchange="disableOptions('rating1')">
<label class="form-check-label">Break down the problem into smaller components.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating1" value="2" onchange="disableOptions('rating1')">
<label class="form-check-label">Seek input from team members immediately.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating1" value="4" onchange="disableOptions('rating1')">
<label class="form-check-label">Try various solutions simultaneously.</label>
</div>
</div>
</div>
<!-- Question 2 -->
<div class="question mt-4" id="questionA2">
<div class="form-group">
<h4 class="card-title fw-bold">Question 2 :</h4>
<h4 class="card-title">When faced with conflicting information, how do you decide the best course of action?</h4>
<input type="hidden" name="question2CorrectAnswer" value="Evaluate evidence and make an informed decision.">
<!-- Correct answer for Question 2 -->
<input type="hidden" name="score_answer2" value="4">
<!-- Score for the correct answer -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating2" value="1" onchange="disableOptions('rating2')">
<label class="form-check-label">Rely on intuition.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating2" value="3" onchange="disableOptions('rating2')">
<label class="form-check-label">Consult with colleagues.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating2" value="4" onchange="disableOptions('rating2')">
<label class="form-check-label">Evaluate evidence and make an informed decision.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating2" value="2" onchange="disableOptions('rating2')">
<label class="form-check-label">Avoid making a decision.</label>
</div>
</div>
</div>
<!-- Question 3 -->
<div class="question mt-4" id="questionA3">
<div class="form-group">
<h4 class="card-title fw-bold">Question 3 :</h4>
<h4 class="card-title">When faced with a challenging decision, what role does logical reasoning play in your decision-making process?</h4>
<input type="hidden" name="question3CorrectAnswer" value="It is a key factor in my decision-making.">
<!-- Correct answer for Question 3 -->
<input type="hidden" name="score_answer3" value="4">
<!-- Score for the correct answer -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating3" value="1" onchange="disableOptions('rating3')">
<label class="form-check-label">Not significant; I prefer intuition.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating3" value="4" onchange="disableOptions('rating3')">
<label class="form-check-label">It is a key factor in my decision-making.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating3" value="2" onchange="disableOptions('rating3')">
<label class="form-check-label">I rely on gut feelings.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating3" value="3" onchange="disableOptions('rating3')">
<label class="form-check-label">Logical reasoning is somewhat helpful.</label>
</div>
</div>
</div>
<!-- Question 4 -->
<div class="question mt-4" id="questionA4">
<div class="form-group">
<h4 class="card-title fw-bold">Question 4 :</h4>
<h4 class="card-title">How do you handle changes in project requirements?</h4>
<input type="hidden" name="question4CorrectAnswer" value="Adapt and adjust strategies accordingly.">
<!-- Correct answer for Question 4 -->
<input type="hidden" name="score_answer4" value="4">
<!-- Score for the correct answer (not case sensitive) -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating4" value="1" onchange="disableOptions('rating4')">
<label class="form-check-label">Resist change.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating4" value="4" onchange="disableOptions('rating4')">
<label class="form-check-label">Adapt and adjust strategies accordingly.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating4" value="3" onchange="disableOptions('rating4')">
<label class="form-check-label">Seek guidance from supervisors.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating4" value="2" onchange="disableOptions('rating4')">
<label class="form-check-label">Ignore changes.</label>
</div>
</div>
<!-- <button type="button" onclick="nextQuestion()">Next</button> -->
<!-- Submit button (at the end) -->
</div>
<div class="row mt-3">
<div class="col-md-12 text-end">
<button class="btn btn-primary" type="button" id="nextButtonA" onclick="showSection('sectionBHeader')">Next</button>
</div>
</div>
</div>
<!-- Section B Personality Tests -->
<div class="card-header section" id="sectionBHeader" style="display: none;">
<div class="row">
<div class="col-md-10">
<h3 class="mb-1">II. Personality Tests</h3>
</div>
</div>
<!-- ... (existing content for Section B) ... -->
<!-- section B Question 1 -->
<div class="question" id="questionB1">
<div class="form-group">
<h4 class="card-title mt-3 fw-bold">Question 1 :</h4>
<h4 class="card-title">When encountering a new and unconventional problem, what is your initial reaction?</h4>
<input type="hidden" name="question5CorrectAnswer" value="Excitedly explore new possibilities.">
<!-- Correct answer for Question 5 -->
<input type="hidden" name="score_answer5" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating5" value="1" onchange="disableOptions('rating5')">
<label class="form-check-label ">Stick to traditional solutions.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating5" value="3" onchange="disableOptions('rating5')">
<label class="form-check-label">Consult with others before deciding.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating5" value="4" onchange="disableOptions('rating5')">
<label class="form-check-label">Excitedly explore new possibilities.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating5" value="2" onchange="disableOptions('rating5')">
<label class="form-check-label">Prefer to avoid such problems.</label>
</div>
</div>
</div>
<!-- Question 2 -->
<div class="question mt-4" id="questionB2">
<div class="form-group">
<h4 class="card-title fw-bold">Question 2 :</h4>
<h4 class="card-title">In a team setting, how likely are you to consider and incorporate feedback from others?</h4>
<input type="hidden" name="question6CorrectAnswer" value="Always; feedback is crucial for improvement.">
<!-- Correct answer for Question 2 -->
<input type="hidden" name="score_answer6" value="4">
<!-- Score for the correct answer -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating6" value="1" onchange="disableOptions('rating6')">
<label class="form-check-label">Rarely; I trust my own judgment.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating6" value="4" onchange="disableOptions('rating6')">
<label class="form-check-label">Always; feedback is crucial for improvement.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating6" value="3" onchange="disableOptions('rating6')">
<label class="form-check-label">Sometimes, if it aligns with my views.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating6" value="2" onchange="disableOptions('rating6')">
<label class="form-check-label">I prefer not to receive feedback.</label>
</div>
</div>
</div>
<!-- Question 3 -->
<div class="question mt-4" id="questionB3">
<div class="form-group">
<h4 class="card-title fw-bold">Question 3 :</h4>
<h4 class="card-title">How do you approach tasks with tight deadlines?</h4>
<input type="hidden" name="question7CorrectAnswer" value="Collaborate and share ideas.">
<!-- Correct answer for Question 3 -->
<input type="hidden" name="score_answer7" value="4">
<!-- Score for the correct answer -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating7" value="1" onchange="disableOptions('rating7')">
<label class="form-check-label">Procrastinate and hope for the best.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating7" value="3" onchange="disableOptions('rating7')">
<label class="form-check-label">Prioritize easy tasks first.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating7" value="2" onchange="disableOptions('rating7')">
<label class="form-check-label">Ignore deadlines if possible.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating7" value="4" onchange="disableOptions('rating7')">
<label class="form-check-label">Plan and organize work to meet deadlines.</label>
</div>
</div>
</div>
<!-- Question 4 -->
<div class="question mt-4" id="questionB4">
<div class="form-group">
<h4 class="card-title fw-bold">Question 4 :</h4>
<h4 class="card-title">When faced with a major change in your work environment, how do you typically react?</h4>
<input type="hidden" name="question8CorrectAnswer" value="Embrace it as an opportunity for growth.">
<!-- Correct answer for Question 4 -->
<input type="hidden" name="score_answer8" value="4">
<!-- Score for the correct answer -->
<div class="form-check">
<input class="form-check-input" type="radio" name="rating8" value="1" onchange="disableOptions('rating8')">
<label class="form-check-label">Resistant to change; prefer the status quo.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating8" value="4" onchange="disableOptions('rating8')">
<label class="form-check-label">Embrace it as an opportunity for growth.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating8" value="3" onchange="disableOptions('rating8')">
<label class="form-check-label">Accept it but with some discomfort.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating8" value="2" onchange="disableOptions('rating8')">
<label class="form-check-label">Seek ways to revert to the previous state.</label>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12 text-end">
<button class="btn btn-primary" type="button" id="nextButtonA" onclick="showSection('sectionCHeader')">Next</button>
</div>
</div>
</div>
<!-- Section C Skills Tests: -->
<div class="card-header section" id="sectionCHeader" style="display: none;">
<div class="row">
<div class="col-md-10">
<h3 class="mb-1">III. Skills Tests:</h3>
</div>
</div>
<!-- Section C Question 1 -->
<div class="question" id="questionC1">
<div class="form-group">
<h4 class="card-title mt-3 fw-bold">Question 1 :</h4>
<h4 class="card-title">How confident are you in your ability to apply technical knowledge to real-world scenarios?</h4>
<input type="hidden" name="question9CorrectAnswer" value="Extremely confident.">
<!-- Correct answer for Question 1 -->
<input type="hidden" name="score_answer9" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating9" value="1" onchange="disableOptions('rating9')">
<label class="form-check-label">Not confident at all.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating9" value="2" onchange="disableOptions('rating9')">
<label class="form-check-label">Somewhat confident.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating9" value="3" onchange="disableOptions('rating9')">
<label class="form-check-label">Moderately confident.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating9" value="4" onchange="disableOptions('rating9')">
<label class="form-check-label">Extremely confident.</label>
</div>
</div>
</div>
<!-- Question 2 -->
<div class="question mt-4" id="questionC2">
<div class="form-group">
<h4 class="card-title fw-bold">Question 2 :</h4>
<h4 class="card-title">How do you stay updated on industry-specific tools and technologies relevant to your role?</h4>
<input type="hidden" name="question10CorrectAnswer" value="Regularly attend training and conferences.">
<!-- Correct answer for Question 2 -->
<input type="hidden" name="score_answer10" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating10" value="1" onchange="disableOptions('rating10')">
<label class="form-check-label">Rarely seek updates; rely on existing knowledge.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating10" value="4" onchange="disableOptions('rating10')">
<label class="form-check-label">Regularly attend training and conferences.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating10" value="3" onchange="disableOptions('rating10')">
<label class="form-check-label">Occasionally explore new technologies.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating10" value="2" onchange="disableOptions('rating10')">
<label class="form-check-label">Depend on colleagues to share updates.</label>
</div>
</div>
</div>
<!-- Question 3 -->
<div class="question mt-4" id="questionC3">
<div class="form-group">
<h4 class="card-title fw-bold">Question 3 :</h4>
<h4 class="card-title">When troubleshooting technical issues, what is your preferred approach?</h4>
<input type="hidden" name="question11CorrectAnswer" value="Analyze the problem systematically.">
<!-- Correct answer for Question 3 -->
<input type="hidden" name="score_answer11" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating11" value="3" onchange="disableOptions('rating11')">
<label class="form-check-label">Trial and error until the issue is resolved.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating11" value="2" onchange="disableOptions('rating11')">
<label class="form-check-label">Seek assistance from colleagues immediately.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating11" value="4" onchange="disableOptions('rating11')">
<label class="form-check-label">Analyze the problem systematically.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating11" value="1" onchange="disableOptions('rating11')">
<label class="form-check-label">Ignore the issue and hope it resolves on its own.</label>
</div>
</div>
</div>
<!-- Question 4 -->
<div class="question" id="questionC4">
<div class="form-group">
<h4 class="card-title fw-bold">Question 4 :</h4>
<h4 class="card-title">How do you ensure a project stays on schedule and within budget?</h4>
<input type="hidden" name="question12CorrectAnswer" value="Constantly monitor progress and adjust plans as needed.">
<!-- Correct answer for Question 4 -->
<input type="hidden" name="score_answer12" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating12" value="1" onchange="disableOptions('rating12')">
<label class="form-check-label">Ignore timelines and budgets.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating12" value="4" onchange="disableOptions('rating12')">
<label class="form-check-label">Constantly monitor progress and adjust plans as needed.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating12" value="3" onchange="disableOptions('rating12')">
<label class="form-check-label">Delegate project management tasks.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating12" value="2" onchange="disableOptions('rating12')">
<label class="form-check-label">Stick strictly to the initial plan.</label>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12 text-end">
<button class="btn btn-primary" type="button" id="nextButtonC" onclick="showSection('sectionDHeader')">Next</button>
</div>
</div>
</div>
</div>
<!-- Section D Risk Tests: -->
<div class="card-header section" id="sectionDHeader" style="display: none;">
<div class="row">
<div class="col-md-10">
<h3 class="mb-1">IV. Risk Tests:</h3>
</div>
</div>
<!-- Section D Question 1 -->
<div class="question" id="questionD1">
<div class="form-group">
<h4 class="card-title mt-3 fw-bold">Question 1 :</h4>
<h4 class="card-title">In a project with potential risks, how do you approach decision-making?</h4>
<input type="hidden" name="question13CorrectAnswer" value="Take calculated risks after thorough analysis.">
<!-- Correct answer for Question 1 -->
<input type="hidden" name="score_answer13" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating13" value="1" onchange="disableOptions('rating13')">
<label class="form-check-label">Avoid risks altogether.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating13" value="2" onchange="disableOptions('rating13')">
<label class="form-check-label">Delegate risky decisions to others.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating13" value="4" onchange="disableOptions('rating13')">
<label class="form-check-label">Take calculated risks after thorough analysis.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating13" value="3" onchange="disableOptions('rating13')">
<label class="form-check-label">Experiment with various approaches simultaneously.</label>
</div>
</div>
</div>
<!-- Question 2 -->
<div class="question mt-4" id="questionD2">
<div class="form-group">
<h4 class="card-title fw-bold">Question 2 :</h4>
<h4 class="card-title">How do you handle unforeseen challenges in a project?</h4>
<input type="hidden" name="question14CorrectAnswer" value="Assess the situation calmly and adjust the plan.">
<!-- Correct answer for Question 2 -->
<input type="hidden" name="score_answer14" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating14" value="4" onchange="disableOptions('rating14')">
<label class="form-check-label">Assess the situation calmly and adjust the plan.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating14" value="1" onchange="disableOptions('rating14')">
<label class="form-check-label">Panic and look for immediate solutions.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating14" value="3" onchange="disableOptions('rating14')">
<label class="form-check-label">Seek guidance from superiors.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating14" value="2" onchange="disableOptions('rating14')">
<label class="form-check-label">Ignore challenges and hope for the best.</label>
</div>
</div>
</div>
<!-- Question 3 -->
<div class="question mt-4" id="questionD3">
<div class="form-group">
<h4 class="card-title fw-bold">Question 3 :</h4>
<h4 class="card-title">How do you evaluate potential risks before starting a project?</h4>
<input type="hidden" name="question15CorrectAnswer" value="Conduct a thorough risk assessment.">
<!-- Correct answer for Question 3 -->
<input type="hidden" name="score_answer15" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating15" value="1" onchange="disableOptions('rating15')">
<label class="form-check-label">Ignore potential risks.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating15" value="4" onchange="disableOptions('rating15')">
<label class="form-check-label">Conduct a thorough risk assessment.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating15" value="2" onchange="disableOptions('rating15')">
<label class="form-check-label">Rely on intuition.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating15" value="3" onchange="disableOptions('rating15')">
<label class="form-check-label">Delegate risk assessment to others.</label>
</div>
</div>
</div>
<!-- Question 4 -->
<div class="question" id="questionD4">
<div class="form-group">
<h4 class="card-title fw-bold">Question 4 :</h4>
<h4 class="card-title">How comfortable are you with taking calculated risks in your work?</h4>
<input type="hidden" name="question16CorrectAnswer" value="Very comfortable.">
<!-- Correct answer for Question 4 -->
<input type="hidden" name="score_answer16" value="4">
<div class="form-check">
<input class="form-check-input" type="radio" name="rating16" value="1" onchange="disableOptions('rating16')">
<label class="form-check-label">Extremely uncomfortable.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating16" value="2" onchange="disableOptions('rating16')">
<label class="form-check-label">Somewhat uncomfortable.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating16" value="3" onchange="disableOptions('rating16')">
<label class="form-check-label">Comfortable.</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="rating16" value="4" onchange="disableOptions('rating16')">
<label class="form-check-label">Very comfortable.</label>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12 text-end">
<button name="btn_save" class="btn btn-success" type="reset" value="Submit" disabled>Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Add Bootstrap JS and jQuery -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>