EVOLUTION-NINJA

Edit File: admin_form.php

<?php echo view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/sumoselect/sumoselect.css'); ?>" />
<script type="text/javascript" src="<?php echo base_url('public/assets/sumoselect/jquery.sumoselect.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('public/assets/timepicker/jquery.timepicker.js'); ?>"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/timepicker/jquery.timepicker.css'); ?>" />

<section id="instructor_banner">
    <div class="row menus">
        <div class="row co_details">
            <div class="container">
                <h3>Teach, Share, Impart your knowledge and earn while doing it.</h3>
                
            </div>
        </div>
</section>

<div class="col-sm-12 col-md-6 col-lg-6 instructor_middle_left">
            <div class="col-sm-4 col-md-4 col-lg-4 instructor_middle_left_one">
                <div class="instructor_middle_left_one_1">
                    <h4 class="hidden-sm hidden-md hidden-lg">How it Works</h4>
                    <p><b>Dream</b></p>
                    <p>Transform from expert to instructor and get recognized for what you know. You can teach anything you like.</p>
                </div>
                <div class="instructor_middle_left_one_2">
                    <p><b>Take Classes</b></p>
                    <p>Take classes as per the scheduled time table with live interactions with your students.</p>
                </div>
            </div>
            <div class="col-sm-4 col-md-4 col-lg-4 instructor_middle_two hidden-xs">
                <h4>How it Works</h4>
                <br>
                <img src="<?php echo base_url('public/assets/website_assets/images/instructor-registration_11.png'); ?>" class="img-responsive center-block">
            </div>
            <div class="col-sm-4 col-md-4 col-lg-4 instructor_middle_left_three">
                <div class="instructor_middle_left_three_three_1">
                    <p><b>Register</b></p>
                    <p>Register with us by entering your information and resume. We will get back to you after the verification.</p>
                </div>

<div class="instructor_middle_left_three_2">
                    <p><b>Earn</b></p>
                    <p>Earn serious money and build your personal brand, all while making a real difference in the lives of students.</p>
                </div>
            </div>
        </div>

<div class="col-sm-12 col-md-6 col-lg-6 instructor_middle_right">
            <form class="form-horizontal" id="add_admins">
                
                
                <div class="instructor_middle_two">
                    <h4>Institution <span>Registration<span></h4>
                </div>
                <br>
                <div class="form-group">
                    <label class="control-label col-sm-4">Institution Name<span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="name" minlength="3" name="name" type="text" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Email <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="email" name="email" type="email" pattern="[A-Za-z0-9._%+-]{3,}@[a-zA-Z]{3,}([.]{1}[a-zA-Z]{2,}|[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,})" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Address <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="phone" pattern="^[^\s]+.*$" name="address" type="text" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Number of rooms given<span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="teach-experience" pattern="[0-9]{1-2}" name="num_rooms" type="number" Placeholder="No of class" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Location<span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="areateach" name="location" type="text" pattern="^[^\s]+.*$" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4 course_type_label">Audience location<span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="course_type" style="width: 8% !important;margin-top: 10px;" type="radio" value="Broadcasting to single location" name="audience_loaction">Broadcasting to single location</label>
                        <input class="course_type" style="width: 8% !important;margin-top: 10px;margin-left: 40px;" type="radio" value="User from individual login" name="audience_loaction">User from individual login</label>
                    </div>
                </div>

<div class="form-group" style="padding-top:10px;">
                    <div class="col-sm-offset-4 col-sm-8">
                        <button type="submit" class="btn btn-primary submit" style="width:40%;">Submit</button>
                    </div>
                </div>

</form>

</div>

</div> 
</section>

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

.form-horizontal .control-label {
        padding-top: 0 !important;
    }

.form-control {
        height: 30px !important;
    }

.form-group {
        margin-bottom: 10px !important;
    }

.timepicker_wrap {
        width: 130px !important;
    }

.append_time {
        margin-bottom: 3%;
    }

.select {
        height: 35px !important;
    }

.available_type_label {
        margin-top: 16px !important;
    }

.course_type_label {
        margin-top: 8px !important;
    }

.glyphicon-remove {
        margin-left: 30px !important;
    }

.ui-timepicker-wrapper {
        width: 150px !important;
    }
</style>

$(".submit").attr('disabled', 'disabled');
        $(".submit").text("Submitting...");
        $.ajax({

type: 'post',
            url: '<?php echo site_url('add_admins') ?>',
            data: formdata,

contentType: false,
            processData: false,

success: function(response) {
                response = jQuery.parseJSON(response);
                console.log(response);

if (response.result == 1) {
                    swal(response.message);
                    $('#add_admins')[0].reset();
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');
                } else {
                    swal(response.message);
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');
                }
            }
        });

});
</script>