form_send_online

<?php
   /*
   Plugin Name: Form Send Online
   description: >-
  a plugin to create awesomeness and spread joy
   Version: 1.1
   Author: Anonymous
   License: GPL2
   */

   function wp2442_enqueue_scripts() {

        if ( ! is_admin() ){ // change for is_home() if you're not using a front page
            // wp_enqueue_style( 'select2-css', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css', array(), false, 'all' );

            wp_enqueue_style('steps_style', plugin_dir_url(__FILE__) . 'css/steps.css',array(), false,'all');
            wp_enqueue_style('send_online_style', plugin_dir_url(__FILE__) . 'css/style.css',array(), false,'all');


            wp_enqueue_script( 'stepsjs', 'https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js', array() ,false, true );
            wp_enqueue_script( 'validatejs', 'https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.18.0/jquery.validate.min.js', array() ,false, true );
            wp_enqueue_script( 'maskjs', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js', array() ,false, true );
            wp_enqueue_script('wizard_script', plugin_dir_url(__FILE__) . 'js/script.js','','1.0', true);
            wp_enqueue_script('transaction_one', plugin_dir_url(__FILE__) . 'js/transaction/transaction_one.js','','1.0', true);
            wp_enqueue_script('transaction_two', plugin_dir_url(__FILE__) . 'js/transaction/transaction_two.js','','1.0', true);
            wp_enqueue_script('transaction_three', plugin_dir_url(__FILE__) . 'js/transaction/transaction_three.js','','1.0', true);
            wp_enqueue_script('select2_form_script', plugin_dir_url(__FILE__) . 'js/select2-script.js','','1.0', true);
            wp_enqueue_script('input_script', plugin_dir_url(__FILE__) . 'js/input_masked.js','','1.0', true);
        }

    }
    add_action( 'wp_enqueue_scripts', 'wp2442_enqueue_scripts' );

    define('ROOTDIR2', plugin_dir_path(__FILE__));
    require_once(ROOTDIR2 . 'include/form_first.php');
    require_once(ROOTDIR2 . 'include/form_second.php');
    require_once(ROOTDIR2 . 'include/form_third.php');
    require_once(ROOTDIR2 . 'include/form_fourth.php');
    require_once(ROOTDIR2 . 'include/wp_api.php');

   //frontend

   function send_online() {
?>
<div>
    <form id="example-form" action="#">
    <div class="form-send-cs">

        <!-- STEP 1 -->
        <h3>Remittence details</h3>
        <fieldset>
            <?php echo form_first(); ?>
        </fieldset>

        <!-- STEP 2 -->
        <h3>Sender Details</h3>
        <fieldset>
            <?php echo form_second(); ?>
        </fieldset>

        <!-- STEP 3 -->
        <h3>Receiver Details</h3>
        <fieldset>
            <?php echo form_third(); ?>
        </fieldset>

        <!-- STEP 4 -->
        <h3>Transaction Review</h3>
        <fieldset>
            <?php echo form_fourth(); ?>
        </fieldset>

        <!-- STEP 5 -->
        <h3>Finish</h3>
        <fieldset>
            <div class="body-send">
                <h4 class="title color-st-blue mb-5">Thank <span class="weak">You!</span></h4>
                <div class="row border shadow-sm m-0 p-4 bg-white rounded mt-3">
                    <div class="col-md-3">
                        <img src="/wp-content/plugins/form_send_online/image/checked-md.png">
                    </div>
                    <div class="col-md-9">
                        <h5 class="text-dark">Thank you for using <br> Steadfast Money Transfer</h5>
                        <p>
                        Your transaction request has been completed!<br>
                        We will send you a confirmation email shortly
                        </p>
                    </div>
                </div>
            </div>
        </fieldset>


    </div>
</form>
</div>

    <!-- popup init -->
    <div id="modal-default">
        <div class="close m-3">
              <a data-izimodal-close="">×</a>
        </div>
        <div class="p-5">
            <p class="color-st-blue">To Send Inline, please ensure you have registered at our office
            and provided the following to us:

            <ul>
            	<li class="color-st-blue">Original ID</li>
            	<li class="color-st-blue">Email Address</li>
            	<li class="color-st-blue">Proof of address</li>
            	<li class="color-st-blue">Salary slip (if sending more than SGD 5,000	) </li>
            </ul>
            </p>
        </div>
    </div>

    <div id="modal-confirm">
        <div class="close m-3">
              <a data-izimodal-close="">×</a>
        </div>
        <div class="p-5">
            <h5 class="color-st-blue font-weight-bold">Have you tranferred the SGD ammount to our bank account?</h5>
            <div class="d-flex justify-content-between mt-3">
                <button type="submit" class="btn text-center btn-orange" id="submit_yes" style="width:180px">YES</button>
                <button type="submit" class="btn text-center btn-orange" id="submit_no" style="width:180px">NO</button>
            </div>

            </p>
        </div>
    </div>

<?php
   }
   add_shortcode( 'send_online_shortcode', 'send_online' );
?>