Send Email submission from Multistep Form

Question

I'm trying to create a multistep form that sends an email to me every time the form has been submitted. The form fully works except it won't send me the email. The code I used does work though for another test I did where the form is not a multistep form.

Here's the code I use:

<form <?php
          error_reporting(E_ALL);
          if(isset($_POST['submit'])){
                        $name=$_POST['name'];
                        $email=$_POST['email'];
                        $phone=$_POST['phone'];
                        $message=$_POST['message'];

                        $to='[email protected]'; // Receiver Email ID, Replace with your email ID
                        $subject='Form Submission';
                        $message="Name :".$name."\n"."Email :".$email."\n"."Phone :".$phone."\n"."Wrote the following :"."\n\n".$message;
                        $headers="From: ".$email;

                        if(mail($to, $subject, $message, $headers)){
                            echo "<h1>Sent Successfully! Thank you"." ".$name.", We will contact you shortly!</h1>";
                        }
                        else{
                            echo "Something went wrong!";
                        }
                    }
                ?> method="post" name="form" class="form-box">

        <div class="step step-1 active">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name">
            </div><br>
            <button type="button" class="next-btn">Next</button>
        </div>

        <div class="step step-2">
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email">
            </div><br>
            <div class="form-group">
                <label for="phone">Phone Number</label>
                <input type="number" id="phone" name="phone">
            </div>
            <button type="button" class="prev-btn">Previous</button>
            <button type="button" class="next-btn">Next</button>
        </div>

        <div class="step step-3">
            <div class="form-group">
                <label for="message">Message</label>
                <textarea name="message" class="message-box" placeholder="Enter Your Message Here..."></textarea>
                <!--                    <input type="text" id="message" name="message">-->
            </div>
            <button type="button" class="prev-btn">Previous</button>
            <button type="submit" name="submit" value="Send" class="submit-btn">Submit</button>
        </div>

    </form>

Thanks in advance and I hope someone can help me figure it out.