HOME

Mini Shell 1.0
DIR:/home/costmasters.in/www/application/modules/frontend/views/custom_pages/
Current File : /home/costmasters.in/www/application/modules/frontend/views/custom_pages/costing_training.php
<style type="text/css">.Book-Demo form .btn { min-width:0px; }</style>
<div class="banner-info">
    <div class="container">
        <div class="row">

            <div class="col-sm-12">
                <div class="row-padd mrb-10">
                    <h1 class="text-center">"Cost Optimizer"</h1>
                    <h4>A CostMasters learning wing</h4>
                    <h4>Train with the Masters and Do It Yourself</h4>
                    <p>"Survival of the fittest" is the order/game of the day. For organizations profit is the primal survival strategy. Acquisition of supplies / parts at the optimum price and an effective total cost of ownership management is the key driving topline.</p>
                    <p>Lets join hands to embark on a learning to "Sharpen your axe" on cost management and be ready for the furture. Enahnced confidence & trancepaerency in supplier relationship management , improved profitability & effective audit management is what awaits as an outcome of our journey.</p>
                </div>
                <!--/  -->
            </div>

        </div>
        <!--/ row -->
    </div>
</div>

<section class="costing-training pad-t30">
  <div class="container">
    <div class="row">
       
       <div class="col-sm-12">
         <h3>Objectives</h3>
         <p>● Master the concepts of Zero base should cost</p>
         <p>● Obtain mastery understanding the essence of cost drivers ( Raw Material , Process , Overhead , Profit etc.) & learn the art of utilizing drivers to achieve optimum cost</p>
         <p>● Analyze spend & identify cost rationalization opportunities</p>
         <div class="Cost-tranning">
           <h3>For Whom</h3>
           <p> Professionals engaged in the Cost Management domain of any organization.</p>
           <figure><img src="<?= base_url() ?>assets/front/images/Cost-tranning.jpg" alt="image"></figure>
         </div>
       </div>
     
    </div><!--/ row -->
  </div>
</section>

<div class="Book-Demo" id="Book-Demo">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">

                <h3 class="hidden">Schedule A Call</h3>

                <form method="POST" id="costeditor" action="<?= base_url('cost-optimizer/saved') ?>">
                    <div class="col-sm-12 col-md-6 left">
                        <h3>Modules of Interest</h3>
                        <div class="list-area">
                            <ul>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]"
                                        value="Sheet Metal and Fabrication">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-02.png" alt="image">
                                    <label>Sheet Metal and Fabrication</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Forging & Machining">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-06.png" alt="image">
                                    <label>Forging & Machining</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]"
                                        value="Plastic Injection Moulding">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-05.png" alt="image">
                                    <label>Plastic Injection Moulding</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Ferrous Casting">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-04.png" alt="image">
                                    <label>Ferrous Casting</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Non Ferrous Casting">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-01.png" alt="image">
                                    <label>Non Ferrous Casting</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]"
                                        value="Rubber Injection Moulding">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-03.png" alt="image">
                                    <label>Rubber Injection Moulding</label>
                                </li>
                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Wiring Harness">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-07.png" alt="image">
                                    <label>Wiring Harness</label>
                                </li>

                                <li>
                                    <input type="checkbox" id="" name="book_modules[]"
                                        value="Extrusion Rubber & Plastic">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-08.png" alt="image">
                                    <label>Extrusion Rubber & Plastic</label>
                                </li>

                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Pipes & Tubes Bending">
                                    <img src="<?= base_url() ?>assets/front/images/form-icon-09.png" alt="image">
                                    <label>Pipes & Tubes Bending</label>
                                </li>

                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Spend Analysis">
                                    <img src="<?= base_url() ?>assets/frontend/images/spend.png" alt="image">
                                    <label>Spend Analysis</label>
                                </li>

                                <li>
                                    <input type="checkbox" id="" name="book_modules[]" value="Cost Reduction Strategies">
                                    <img src="<?= base_url() ?>assets/frontend/images/reduction.png" alt="image">
                                    <label>Cost Reduction Strategies</label>
                                </li>

                            </ul>
                        </div>
                    </div>

                    <div class="col-sm-12 col-md-6 right">
                        <div class="inner">
                            <h3>Schedule A Call</h3>
                            <div class="form-group"><input type="text" placeholder="Enter Your Name" class="form-control" id="cost_book_name" name="cost_book_name"></div> 
                            <div class="form-group d-flex align-items-center gap-2"><input type="text" placeholder="Email ID" class="form-control" id="cost_book_email" name="cost_book_email">
                             <i class="fa fa-check-circle text-success verified_tick" id="cost_book_email_verified_tick" style="display:none;"></i>
                            </div>                           
                             <div class="form-group">
                                <!-- Contact Number Input Field -->
                                <div class="input-group" style="display:flex;">
                                    <input type="tel" 
                                           placeholder="Contact No*" 
                                           class="form-control" 
                                           name="cost_book_contact" 
                                           id="cost_book_contact" 
                                           maxlength="10" 
                                           aria-describedby="contact-error">
                                <div class="input-group-append">
                                        <button type="button" 
                                                class="btn btn-sm btn-primary verify send-otp-btn" 
                                                id="cost_send_otp_btn"
                                                data-contact-id="cost_book_contact" 
                                                data-otp-group="cost_otp_group" 
                                                data-otp-timer="cost_otptimer"
                                                data-otp-verified-tick="cost_otp_verified_tick" 
                                                style="display: none;">OTP</button>
                                        <i class="fa fa-check-circle text-success verified_tick" id="cost_otp_verified_tick" style="display:none;"></i>
                                    </div>                                    
                                </div>
                                <span class="error" id="contact-error"><?php echo form_error('cost_book_contact'); ?></span>
                                <!-- OTP Verification Section -->
                                <div class="form-group otp-group" id="cost_otp_group" style="display: none;">
                                    <div class="input-group">
                                        <div class="otp_box_cs_flex">
                                            <input type="text" class="otp-box" id="costeditor_otp_digit1" maxlength="1" pattern="\d" />
                                            <input type="text" class="otp-box" id="costeditor_otp_digit2" maxlength="1" pattern="\d" />
                                            <input type="text" class="otp-box" id="costeditor_otp_digit3" maxlength="1" pattern="\d" />
                                            <input type="text" class="otp-box" id="costeditor_otp_digit4" maxlength="1" pattern="\d" />
                                            <!-- Cancel Button -->
                                            <button type="button" class="btn btn-sm btn-primary verify cost_cancel-btn" data-otp-group="cost_otp_group">Cancel</button>
                                            <!-- Verify OTP Button -->
                                            <button type="button" class="btn btn-sm btn-primary verify cost_verify-otp-btn" id="cost_verify_otp_btn" data-otp-id="cost_verify_otp" data-contact-id="cost_book_contact" data-otp-group="cost_otp_group" data-otp-timer="cost_otptimer" data-otp-verified-tick="cost_otp_verified_tick" style="display: none;">Verify </button>
                                             <button type="button" class="btn btn-sm btn-primary verify cost_resent_otp_btn" id="cost_resent_otp_btn" data-otp-id="cost_resent_otp"  data-contact-id="cost_book_contact" data-otp-group="otp_group1" data-otp-timer="cost_otptimer"data-otp-verified-tick="cost_otp_verified_tick" style="display: none;margin: 0px -8px 0px;float: right;">Resend OTP</button>
                                        </div>
                                    </div>
                                    <span id="cost_otptimer" style="display: none;"></span><!-- Resend OTP Button -->                                  
                                    <input type="hidden" placeholder="OTP" class="form-control" name="cost_verify_otp" id="cost_verify_otp" 
                                    maxlength="4">
                                    <span id="cost_otp_verification_status"></span>
                                </div>
                            </div>                           
                            <div class="form-group"><input type="text" placeholder="Organisation" class="form-control" id ="cost_book_organisation" name="cost_book_organisation"></div>
                            <div class="form-group"><input type="text" placeholder="Designation" class="form-control" id="cost_book_designation" name="cost_book_designation"></div>
                            <div class="form-group"> <input type="hidden" name="cost_book_url" id="cost_book_url" value="Cost Optimizer"> </div>
                            <div class="form-group"><input type="text" placeholder="Number of persons" class="form-control" id="cost_book_person" name="cost_book_person"></div>
                            <div class="form-group"><textarea class="form-control" id="cost_book_message" 
                                name="cost_book_message" placeholder="Please write here"></textarea></div>
                                <input type="hidden" name="contactNo" class="contactNo" value="">
                            <div class="form-group"><input type="submit" id="cost_editor" class="btn" value="Submit"></div>    
                        <div class="form-group">
                            <div id="loading" style="display:none;">
                                <img src="<?= base_url('assets/frontend/images/ajax-loader.gif'); ?>"
                                    width="120" style="display: block; margin: 0px auto;" />
                            </div>
                            <div id="message"></div>
                        </div>
                        </div>                       
                    </div>
                </form>
            </div>
            <!--/ -->

        </div>
    </div>
</div><!--/ Book Demo -->

<section class="costing-training ct-table">
  <div class="container">
    <div class="row">
       
       <div class="col-sm-12">
         <h3>Sample Brochure of Training</h3>
         <h4>Training Program on Zero Based Costing Techniques for Costing , Sourcing , Vendor Development Team<span>‘Sheet Metal Fabrication & M/cing'</span></h4>
         <h5>Program Agenda</h5>
      </div>
       
       <div class="col-sm-6 ct-table">
         <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th colspan="2">Day 1: MHR & Sheet Metal Fabrication RM Calculation</th>
              </tr>
            </thead>
            
            <tbody>
                <tr>
                  <td></td>
                  <td>Introduction & Defining workshop / training objectives</td>
                </tr>
                <tr>
                  <td>Time Slot 1</td>
                  <td>
                    <b>Session 1: Team Evaluation on Costing of Sheet Metal & Fabrication</b><br>
                    ● Costing of a sample part<br>
                    ● Different scenario evaluation<br>
                    ● Recording the calculated cost for benchmarking after the training</td>
                </tr>
                <tr>
                  <td>Time Slot 2</td>
                  <td>
                    <b>Session 2: Negotiation Techniques &  Zero Based Costing</b><br>
                    ● Why negotiate<br>
                    ● Different negotiation techniques<br>
                    ● Why Zero based costings<br>
                    ● Type of Cost Drivers & their impact</td>
                </tr>
                <tr>
                  <td>Time Slot 3</td>
                  <td>
                    <b>Session 3: Machine Hour Rate Calculation Methodlogy</b><br>
                    ● Study of Fixed , Variable & Labour Costs<br>
                    ● Acquisition  & other associated costs<br>
                    ● Understaning impact of machine life<br>
                    ● Understanding & study of depreciation and it's impact on MHR<br>
                    ● How to evaluate and account for Insurance & Space factor<br>
                    ● Calculation of energy costs , consumables & repairs<br>
                    ● Evaluation of Labour Costs<br>
                    ● Impact of working hours on MHR<br>
                    ● Mastering process cost increase containment</td>
                </tr>
                <tr>
                  <td>Time Slot 4</td>
                  <td>Queries , MHR Calculation Practice & Case Study</td>
                </tr>
                <tr>
                  <td>Time Slot 5</td>
                  <td>
                    <b>Session 4: Sheet Metal & Fabrication- Material Cost Calculation</b><br>
                    ● Brief introduction on Raw Material Grades<br>
                    ● Availability of RM sizes<br>
                    ● Selection of right blanking process</td>
                </tr>
                <tr>
                  <td>Time Slot 6</td>
                  <td>Day closing queries if any</td>
                </tr>
            </tbody>
          </table>
       </div>
       
       <div class="col-sm-6 ct-table">
         <table class="table table-bordered table-striped">
            <thead>
              <tr><th colspan="2">Day 2 : Sheet Metal Fabrication Processes</th></tr>
            </thead>
            
            <tbody>
                <tr>
                  <td>Time Slot 1</td>
                  <td>
                    <b>Session 5: Sheet Metal & Fabrication- Material Cost Calculation</b><br>
                    ● Selection of right blanking process<br>
                    ● Optimum RM gross wt calculation<br>
                    ● Sheet Utilization Factor</td>
                </tr>
                <tr>
                  <td>Time Slot 2</td>
                  <td>Practice session Gross Wt & RM Cost calculation</td>
                </tr>
                <tr>
                  <td>Time Slot 3</td>
                  <td>
                    <b>Session 6: Sheet Metal & Fabrication- Process Cost</b><br>
                    ● Blanking Operation Shearing , Laser Cutting , Turret Punching , Blanking<br>
                    ● Forming Operations - Draw , CNC Bending , Punching<br>
                    ● Welding - MIG & Spot<br>
                    ● Powder Coating , Painting & CED</td>
                </tr>
                <tr>
                  <td>Time Slot 4</td>
                  <td>
                    <b>Session 6: Sheet Metal & Fabrication- Process Cost</b><br>
                    ● Blanking Operation Shearing , Laser Cutting , Turret Punching , Blanking<br>
                    ● Forming Operations - Draw , CNC Bending ,  Punching<br>
                    ● Welding - MIG & Spot</td>
                </tr>
                <tr>
                  <td>Time Slot 5</td>
                  <td>Queries and Sheet Metal process cost calculation practice</td>
                </tr>
                <tr>
                  <td>Time Slot 6</td>
                  <td>
                    <b>Session 7: Machining Processes Cost Estimation</b><br>
                    ● Covering Technical Details of Drilling ,Turning , Milling etc.<br>
                    ● Impact of Tool Material , Cutting Speed , Feed on cycle time<br>
                    ● Production cycle time calculation<br>
                    ● Impact of set up cost , Job Loading & Unloading on total cycle time<br>
                    ● Any other process discussion</td>
                </tr>
                <tr>
                  <td>Time Slot 7</td>
                  <td>Queries and Sheet Metal cost calculation practice</td>
                </tr>
                <tr>
                  <td>Time Slot 8</td>
                  <td>Benchmark Before / After</td>
                </tr>
                <tr>
                  <td>Time Slot 9</td>
                  <td>Spill over topics & wind up</td>
                </tr>
            </tbody>
          </table>
       </div>
     
    </div><!--/ row -->
  </div>
</section>
<script src="<?= base_url(); ?>assets/plugins/general/jquery/dist/jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
    let otpTimeout, lastValidNumber = "",lastEmail = '';
    let isOtpVerified = false, otpAlreadySent = false, isEmailVerified = false; // Declare this at the top if not already declared
    let emailOtpSentOnce = false;
    const contactInput = document.querySelector("#cost_book_contact");

    const iti = window.intlTelInput(contactInput, {
        initialCountry: "in",
        separateDialCode: true,
        nationalMode: true,
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
    });

    const phoneLengthByCountry = {
        "IN": 10, "US": 10, "GB": 10, "JP": 10,
        "AE": 9, "FR": 9, "AU": 9
    };

    // ========== PHONE VALIDATION ==========
    function validatePhoneNumber() {
        const contact = $('#cost_book_contact');
        const itiInstance = window.intlTelInputGlobals.getInstance(contact[0]);
        const country = itiInstance.getSelectedCountryData().iso2.toUpperCase();
        const expectedLength = phoneLengthByCountry[country] || 10;
        let nationalNumber = itiInstance.getNumber(intlTelInputUtils.numberFormat.NATIONAL).replace(/\D/g, '');

        if (nationalNumber.charAt(0) === '0') {
            nationalNumber = nationalNumber.substring(1);
        }

        if (!itiInstance.isValidNumber() || nationalNumber.length !== expectedLength) {
            toastr.warning(`Invalid phone number for ${country}. Expected ${expectedLength} digits.`);
            contact.addClass('is-invalid');
            return false;
        }

        contact.removeClass('is-invalid');
        return true;
    }

    function showError(selector, message) {
        $(selector).text(message).css("color", "red").show();
    }

    // ========== EMAIL VALIDATION ==========
    function validateEmail(email) {
        const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return re.test(email);
    }

    // ========== OTP TIMER ==========
    function startOtpTimer() {
        // Clear existing timer if running
        clearOtpTimer();

        let countdown = 60;
        $('#cost_resent_otp_btn').hide(); // Hide resend button initially
        $('#cost_otptimer').show().text(`Resend OTP in ${countdown}s`);

        otpTimeout = setInterval(() => {
            countdown--;
            $('#cost_otptimer').text(`Resend OTP in ${countdown}s`);

            if (countdown <= 0) {
                clearOtpTimer();
                $('#cost_otptimer').text('');
                $('#cost_resent_otp_btn').show();
            }
        }, 1000);
    }

    function clearOtpTimer() {
        if (otpTimeout) {
            clearInterval(otpTimeout);
            otpTimeout = null;
        }
    }

    function resetOtpUI() {
        clearOtpTimer();
        otpTimeout = null;
       $('#cost_otptimer, #cost_otp_group, #cost_resent_otp_btn').hide();
        $('#cost_book_contact, #cost_book_email').prop('readonly', false).css('background-color', '#fff');
        $('.otp-box').val('');
    }

    // Safer JS handler using class
    $('#costeditor').on('click', '.cost_resent_otp_btn', function () {
         $('.otp-box').val(''); // Clear OTP fields
        cost_sendOtp();
    });


    function handleOtpUiChanges(method) {
        clearOtpTimer();

        // Show OTP input and verify button, hide send button
       $('#cost_otp_group, #cost_verify_otp').show();
        $('#cost_send_otp_btn').hide();

        // Set fields to readonly based on method
        const targetField = method === 'phone' ? '#cost_book_contact' : '#cost_book_email';

        $(targetField)
            .prop('readonly', true)
            .css('background-color', '#f5f5f5');

        // Start the resend OTP countdown
        startOtpTimer();
    }

    // ========== SEND OTP ==========
    function cost_sendOtp() {
        const contactNo = $('#cost_book_contact').val();
        const email = $('#cost_book_email').val();
        const countryCode = iti.getSelectedCountryData().iso2.toUpperCase();

        if (countryCode === "IN") {
            if (!validatePhoneNumber()) {
                toastr.error('Please enter a valid mobile number.', 'Invalid Phone');
                return;
            }

            $.post('<?= base_url(); ?>api/send_otp', { contactNo }, handleOtpResponse('phone'))
                .fail(() => toastr.error('Mobile OTP request failed.', 'Error'));
        } else {
            if (!validateEmail(email)) {
                toastr.warning('Please enter a valid email.', 'Invalid Email');
                return;
            }

            $.post('<?= base_url(); ?>api/send_otp_email', { email }, handleOtpResponse('email'))
                .fail(() => toastr.error('Email OTP request failed.', 'Error'));
        }
    }

    function handleOtpResponse(method) {
        return function (response) {
            let res;
            try {
                res = typeof response === "string" ? JSON.parse(response) : response;
            } catch (e) {
                console.error("Invalid JSON in OTP response", response);
                toastr.error(`Failed to send OTP to ${method}.`, 'Error');
                return;
            }

            if (String(res.status).toLowerCase() === 'true') {
                toastr.success(`OTP sent to ${method === 'phone' ? 'mobile' : 'email'}.`, 'Success');
                handleOtpUiChanges(method);
            } else {
                toastr.error(`Failed to send OTP to ${method}.`, 'Error');
            }
        };
    }

    // ========== VERIFY OTP ==========
    function verifyOtp(formId) {
        const otp = $(`#${formId} .otp-box`).map(function () {
            return $(this).val();
        }).get().join('');

        const contactNo = $('#cost_book_contact').val();
        const email = $('#cost_book_email').val();
        let selectedCountry = iti.getSelectedCountryData();
        let countryCode = selectedCountry.iso2;
        if (otp.length === 4 && $.isNumeric(otp)) {
            $.post('<?= base_url(); ?>api/verify_otp', {
                otp, countryCode: countryCode || null, contact_no: contactNo || null, email: email || null
            }, function (response) {
                let res;
                try {
                    res = typeof response === "string" ? JSON.parse(response) : response;
                } catch (e) {
                    console.error("Invalid JSON in OTP response", response);
                    toastr.error('OTP verification failed.', 'Error');
                    return;
                }

                if (String(res.status).toLowerCase() === 'true') {
                    $('#cost_otp_verified_tick').show();
                    $(`#${formId} .otp-group, .verify-otp-btn`).hide();
                    toastr.success(res.message || 'OTP verified successfully.', 'Success');
                    isOtpVerified = true;
                } else {
                    toastr.error(res.message || 'Incorrect OTP. Please try again.', 'Error');
                }
            }).fail(() => toastr.error('OTP verification failed.', 'Error'));
        } else {
            toastr.warning('Enter a valid 4-digit OTP.', 'Invalid OTP');
        }
    }

    // ========== AUTO OTP DETECTION ==========
    function autoFillOTP(formId) {
        const otp = $(`#${formId} .otp-box`).map(function () {
            return $(this).val();
        }).get().join('');

        if (otp.length === 4 && $.isNumeric(otp)) {
            verifyOtp(formId);
        } else {
            $(`#${formId} .otp-verified-tick`).hide();
        }
    }

    // ========== EVENTS ==========
    $('#cost_book_contact').on('input', function () {
        const phone = $(this).val().replace(/\D/g, '');
        const maxLength = phoneLengthByCountry[iti.getSelectedCountryData().iso2.toUpperCase()] || 10;

        $(this).val(phone.substring(0, maxLength));

        const isValid = iti.isValidNumber();
        const formatted = iti.getNumber();

        const countryCode = iti.getSelectedCountryData().iso2.toUpperCase();

        if (isValid && formatted !== lastValidNumber) {
            lastValidNumber = formatted;
            $('#contact-error').hide();
            $('#cost_send_otp_btn').prop('disabled', false);

            if (countryCode === "IN") {
                // For Indian numbers, always send OTP if not sent and not verified
                if (!otpAlreadySent && !isOtpVerified) {
                    otpAlreadySent = true;
                    cost_sendOtp(); // SMS OTP
                }
            } else {
                // For non-Indian numbers, don't re-send OTP via email if already sent once
                if (!emailOtpSentOnce && !isEmailVerified) {
                    emailOtpSentOnce = true;
                    cost_sendOtp(); // Email OTP
                }
            }

        } else {
            $('#cost_send_otp_btn').prop('disabled', true);
            $('#contact-error').text("Invalid mobile number.").css("color", "red").show();

            otpAlreadySent = false;
        }
    });

    $('#cost_book_email').on('change', function () {
        let email = $(this).val().trim();
        isEmailVerified = $('#is_email_verified').val() === '1';

        if (email === lastEmail || isEmailVerified) {
            console.log("Email not changed or already verified. Skipping OTP send.");
            return;
        }

        lastEmail = email;
        emailOtpSentOnce = false; // Allow re-sending if email changed

        if (validateEmail(email)) {
            let countryData = iti ? iti.getSelectedCountryData() : null;
            if (countryData && countryData.iso2.toUpperCase() !== 'IN') {
                console.log('Non-Indian number detected. Sending OTP to email...');
                cost_sendOtp(); // Email OTP
                emailOtpSentOnce = true;
            }
        } else {
            toastr.warning('Please enter a valid email.');
        }
    });

    $('.cost_cancel-btn').on('click', resetOtpUI);

    $('.otp-box').on('input', function () {
        autoFillOTP('costeditor');
    });

    // Disable form fields when the user starts typing
    $('#costeditor').on('keypress', function() {
        // Disable the form fields when the user starts typing
            isFormFilled = true;
        // toastr.info("Form is now disabled. You have already started filling out the form.");
    });

    $('#costeditor input, #costeditor textarea, #costeditor select').on('input', function () {
        isFormFilled = true; // Mark form as being filled
    });

    // Attach click event handler to submit button
    $("#cost_editor").click(function (e) {
        e.preventDefault();
        isFormFilled = true;

        let isValid = true;

        // DOM & jQuery elements
        let contactInput = document.getElementById('cost_book_contact');
        let $email = $('#cost_book_email');
        let $name = $('#cost_book_name');

        let emailValue = $.trim($email.val());
        let nameValue = $.trim($name.val());
        let contactValue = $.trim(contactInput.value);

        // Check if all fields are empty
        if (emailValue === '' && nameValue === '' && contactValue === '') {
            toastr.warning('Please enter all mandatory details marked with an asterisk (*).', 'Empty Form');
            return false;
        }

        // Country info
        let iti = window.intlTelInputGlobals.getInstance(contactInput);
        let countryData = iti.getSelectedCountryData();
        let countryCode = countryData.iso2.toUpperCase();
        let mobile = iti.getNumber();
        $(".contactNo").val(mobile);

        // Email validation
        if (emailValue === '' || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailValue)) {
            toastr.warning('Please enter a valid email address.', 'Invalid Email');
            $email.addClass('is-invalid');
            isValid = false;
        } else {
            $email.removeClass('is-invalid');
        }

        // Phone validation for Indian users
        if (countryCode === "IN") {
            if (!validatePhoneNumber()) {
                isValid = false;
            }
        }

        // OTP verification
        if (!isOtpVerified) {
            isValid = false;
            if (contactValue !== '') {
                if (countryCode === "IN") {
                    toastr.error("Please verify your mobile number by entering the OTP.");
                } else {
                    toastr.error("Please verify your email by entering the OTP sent to your email.");
                }
            }
        }

        // Name validation
        if (nameValue === '') {
            toastr.warning('Name is required.', 'Required Field');
            $name.addClass('is-invalid');
            isValid = false;
        } else if (!/^[a-zA-Z\s]+$/.test(nameValue) || /\s{2,}/.test(nameValue)) {
            toastr.warning('Name should contain only alphabets and single spaces.', 'Invalid Name');
            $name.addClass('is-invalid');
            isValid = false;
        } else {
            $name.removeClass('is-invalid');
        }

        // Submit if valid
        if (isValid) {
            const formData = new FormData($('#costeditor')[0]);
            $('#loading').show();

            $.ajax({
                type: "POST",
                url: $("#costeditor").attr('action'),
                data: formData,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function (data) {
                    $('#loading').hide();

                    if (data.status === false) {
                        toastr.error("Please correct the errors below.", "Submission Failed");
                        $.each(data.errors, function (key, value) {
                            toastr.error(value);
                        });
                    } else if (data.status === true) {
                        toastr.success(data.message, "Success");
                        $('#costeditor')[0].reset();
                        $('#cost_otp_verified_tick').hide();
                        $('#cost_book_contact, #cost_book_email')
                            .attr('readonly', false)
                            .css('background-color', '#fff');
                        $("html, body").animate({ scrollTop: $("#message").offset().top - 100 }, 1000);
                        sendEmailAfterSuccess(data.save_data);
                    }
                },
                error: function () {
                    $('#loading').hide();
                    toastr.error("An error occurred. Please try again later.", "Submission Error");
                }
            });
        }
    });

    function sendEmailAfterSuccess(save_data) {
        $.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>cost-optimizer/sendemail', // Adjust the URL for the email API
            data: { save_data: save_data}, // Send both data parameters
            dataType: 'json',
            success: function (response) {
                if (response.status) {
                    toastr.success(response.message, 'Success'); // Show success toastr message
                } else {
                    toastr.error(response.message, 'Error');
                }
            },
            error: function () {
                toastr.error('Error sending email. Please try again later.', 'Email');
            }
        });
    }
});
</script>