EVOLUTION-NINJA

Edit File: contact.php

<?php echo view('includes/header'); ?>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2"></div>
        <div class="col-sm-4 form-back form-contact-back">
            <h2 class="enq-h">Enquiry Form</h2>
            <form id="enquiryForm" action='<?= site_url("submit-enquiry"); ?>' method="post">
                <div>
                    <label class="label-in" for="name"><b>Name</b></label><br>
                    <input type="text" id="enq-name" class="form-control" name="name" placeholder="Enter Your Name" required>
                </div>
                <div class="number">
                    <label class="label-in" for="phNo"><b>Mobile</b></label><br>
                    <input class="form-control" type="tel" name="number" id="enq-phone" placeholder="Enter Your Mobile Number" required>
                </div>
                <div>
                    <label class="label-in" for="email"><b>Email</b></label><br>
                    <input class="form-control" type="email" id="enq-email" name="email" placeholder="Enter Your Email" >
                </div>
                <div class="submit">
                    <button type="submit" class="btn btn-dark">Submit</button>
                </div>
            </form>
        </div>
        <div class="col-sm-4"></div>
    </div>
</div>

<?php echo view('includes/footer'); ?>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

// Make a fetch request to submit the form data
        fetch(this.action, {
            method: 'POST',
            body: formData
        })
        .then(response => {
            if (response.ok) {
                toastr.success('Form submitted successfully!');
                // You can redirect or perform other actions upon successful form submission
            } else {
                toastr.error('Form submission failed.');
            }
        })
        .catch(error => {
            console.error('Error occurred during form submission:', error);
            toastr.error('Error occurred during form submission.');
        });
    });
</script>