<html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Audit Man-Days Estimation Calculator</title>

        <meta name="description" content="Estimate the number of audit man-days required for certification audits based on various parameters.">

        <meta name="keywords" content="audit calculator, man-days estimation, certification standards, ISO, IAF guidelines">



        <!-- Libraries -->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">



        <script type="text/javascript">

            try {

                document.addEventListener("DOMContentLoaded", function() {

                    const standardsBaseDays = {

                        "ISO 9001": 3,

                        "ISO 14001": 4,

                        "ISO 45001": 5

                    };



                    const riskMultiplier = {

                        "Low": 0.9,

                        "Medium": 1.0,

                        "High": 1.15

                    };



                    $('#calc-form').on('submit', function(event) {

                        event.preventDefault();



                        const numberEmployees = parseInt($('#employees').val()) || 0;

                        const certificationStandard = $('#standard').val();

                        const riskLevel = $('#risk').val();



                        let baseManDays = standardsBaseDays[certificationStandard] || 0;

                        let adjustedBase = baseManDays + Math.floor(numberEmployees / 10);

                        let finalManDays;



                        if (certificationStandard === "ISO 9001") {

                            finalManDays = adjustedBase; // No risk factor for ISO 9001

                        } else {

                            finalManDays = adjustedBase * riskMultiplier[riskLevel];

                        }



                        $('#man-days-result').text(finalManDays.toFixed(2));

                        $('#summary').html(`

                            <p><strong>Base Man-Days:</strong> ${baseManDays}</p>

                            <p><strong>Adjusted Man-Days for ${numberEmployees} employees:</strong> ${adjustedBase}</p>

                            ${certificationStandard !== "ISO 9001" ? `<p><strong>Risk Level (${riskLevel}) multiplier applied:</strong> ${riskMultiplier[riskLevel]}</p>` : ''}

                            <p><strong>Final Audit Man-Days Required:</strong> ${finalManDays.toFixed(2)}</p>

                        `);

                    });



                    $('#export-btn').on('click', function() {

                        const result = $('#man-days-result').text();

                        const summary = $('#summary').text();

                        const output = `Audit Man-Days Required: ${result}\nSummary:\n${summary}`;

                        navigator.clipboard.writeText(output).then(() => {

                            alert('Calculation copied to clipboard!');

                        });

                    });

                });



            } catch (error) {

                throw error;

            }

        </script>



        <style>

            body {

                background: linear-gradient(135deg, #87CEFA, #6A5ACD);

                color: #333;

            }

            #main-container {

                padding: 20px;

                border-radius: 8px;

                background: white;

                box-shadow: 0 2px 20px rgba(0,0,0,0.2);

            }

            h1 {

                color: #273c75;

            }

            h4 {

                text-decoration: underline;

            }

            .btn-custom {

                background-color: #27ae60;

                color: white;

            }

            .btn-custom:hover {

                background-color: #219150;

            }

            #summary {

                margin-top: 20px;

                padding: 15px;

                border: 1px solid #ccc;

                border-radius: 5px;

                background: #f7f9fc;

            }

        </style>

    </head>

    <body>

        <div id="main-container" class="container mt-5">

            <h1 class="text-center">Audit Man-Days Estimation Calculator</h1>

            <form id="calc-form">

                <div class="mb-3">

                    <label for="employees" class="form-label">Number of Employees</label>

                    <input type="number" class="form-control" id="employees" required>

                </div>

                <div class="mb-3">

                    <label for="standard" class="form-label">Certification Standard</label>

                    <select class="form-select" id="standard" required>

                        <option value="ISO 9001">ISO 9001</option>

                        <option value="ISO 14001">ISO 14001</option>

                        <option value="ISO 45001">ISO 45001</option>

                    </select>

                </div>

                <div class="mb-3">

                    <label for="risk" class="form-label">Risk Level</label>

                    <select class="form-select" id="risk" required>

                        <option value="Low">Low</option>

                        <option value="Medium">Medium</option>

                        <option value="High">High</option>

                    </select>

                </div>

                <button type="submit" class="btn btn-custom">Calculate</button>

            </form>

            <h4 class="mt-4">Final Audit Man-Days Required:</h4>

            <div id="man-days-result" class="fw-bold text-success">0.00</div>

            <div id="summary" class="mt-4"></div>

            <button id="export-btn" class="btn btn-primary mt-3">Copy to Clipboard</button>

        </div>

    </body>

</html>