EVOLUTION-NINJA

Edit File: instructor.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>Bringing Affordable Learning Anywhere.</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>Partner with us for providing affordable learning anywhere. Extend your approach and get recognised for what you are known for. Use best in class online portal to reach masses and grow together.</p>
                </div>
                <div class="instructor_middle_left_one_2">
                    <p><b>Take Classes</b></p>
                    <p>Take classes as per the your convenience and scheduled time table with live interactions with your students located anywhere in the globe.</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. We will get back to you at an earliest opportunity.</p>
                </div>

<div class="instructor_middle_left_three_2">
                    <p><b>Earn</b></p>
                    <p>Become cost-effective 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="faculty_reg">
                
                
                <div class="instructor_middle_two">
                    <h4>Instructor <span>Registration<span></h4>
                </div>
                <br>
                <div class="form-group">

<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">Phone <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="phone" name="phone" type="nmuber" pattern="^[0-9]{10}$" required>
                    </div>
                </div>

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

<div class="form-group">
                    <label class="control-label col-sm-4">Prior Experinece </label>
                    <div class="col-sm-8">
                        <input class="form-control" id="experience" name="experience" type="text" pattern="^[^\s]+.*$">
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Category <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <select class="form-control select" onchange="category();" id="catagory" name="catagory" required>
                            <option value="">Select one...</option>
                            <?php foreach ($domain as $val) { ?>
                                <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name ?></option>
                            <?php } ?>
                            
                        </select>
                    </div>
                </div>

<div class="form-group" id="sub_catagory">
                    <label class="control-label col-sm-4">Sub Category <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <select class="form-control select" id="subcatagory" name="sub_catagory" required>
                            <option value="">Select</option>
                        </select>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Current Occupation <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        
                        <select class="form-control select" id="current_occupation" name="current_work" required>
                            <option value="">Select</option>
                            <option value="Student">Student</option>
                            <option value="Working">Working</option>
                            <option value="Freelances">Freelances</option>
                        </select>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Online Teaching Experience <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="form-control" id="teach-experience" pattern="[0-9.]{1-2}" name="teach_experience" type="text" Placeholder="No of experience" 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="located" name="location" type="text" required>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4 course_type_label">Course Type <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input class="course_type" style="width: 8% !important;margin-top: 10px;" type="checkbox" value="live" name="course_type[]">Live</label>
                        <input class="course_type" style="width: 8% !important;margin-top: 10px;margin-left: 40px;" type="checkbox" value="recorded" name="course_type[]">Recorded</label>
                    </div>
                </div>

<div class="form-group duration_div">
                    
                </div>

<div class="form-group timings_div" style="margin-bottom: -15px !important;">
                    
                </div>

<div class="form-group" id="batch_size_div">
                    <label class="control-label col-sm-4">Batch size <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <select class="form-control select" id="batch_size_id" name="batch_size">
                            <option value="">Select one...</option>
                            <option value="1 - 1">1 - 1</option>
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                            <option value="60">60</option>
                            <option value="70">70</option>
                            <option value="80">80</option>
                            <option value="90">90</option>
                            <option value="100">100</option>
                        </select>
                    </div>
                </div>

<div class="form-group">
                    <label class="control-label col-sm-4">Resume(PDF file only - 2MB) <span style="color:red;"> *</span></label>
                    <div class="col-sm-8">
                        <input name="resume" id="resume" type="file" accept=".pdf" required>
                    </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-success 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>

$("#catagory").change(function() {

content += '<option value="Other">Other</option>';
                    content += '</select>';
                    content += '</div>';

$('#sub_catagory').html(content);
                    $('.sub_catagory').SumoSelect({
                        selectAll: true
                    });
                }
            }
        });
    });

$('.course_type').click(function() {
        var sel = $('input[type=checkbox]:checked').map(function(_, el) {
            return $(el).val();
        }).get();

var available_type_state = $('input[type=radio]:checked').val();

if (jQuery.inArray("live", sel) !== -1) {
            $("#batch_size_div").show();
            $("#batch_size_id").prop('required', true);

var available_type = '';
            available_type += '<div class="form-group">';
            available_type += '<label class="control-label col-sm-4 available_type_label">Available Type <span style="color:red;"> *</label>';
            available_type += '<div class="col-sm-8">';
            //   available_type += '<input class="available_type" style="width: 8% !important;margin-top: 10px;" type="radio" value="full_day" name="available_type" required>Full Day</label>';
            available_type += '<input class="available_type" style="width: 8% !important;margin-top: 21px;margin-left: 20px;" type="radio" value="timings" name="available_type" required>Timings</label>';
            available_type += '</div>';
            available_type += '</div>';

$(".duration_div").html(available_type);
            $('input[value="' + available_type_state + '"]').prop("checked", true);
        } else {
            $("#batch_size_div").hide();
            $("#batch_size_id").prop('required', false);

$(".timings_div").empty();
            $(".multiple_fields").empty();
            $(".duration_div").empty();
        }

$('.available_type').click(function() {

var sel = $('input[type=radio]:checked').map(function(_, el) {
                return $(el).val();
            }).get();

console.log(sel);

if (jQuery.inArray("timings", sel) !== -1) {
                var available_timings = '';
                available_timings += '<div class="form-group">';
                available_timings += '<label class="control-label col-sm-4 col-xs-12">Available Timings <span style="color:red;"> *</label>';
                available_timings += '<div class="col-sm-8" style="margin-bottom:10px">';
                available_timings += '<div class="row">';
                available_timings += '<div class="col-sm-5 col-xs-5 space">';
                available_timings += '<input id="onselectExample" type="text" class="form-control" name="from_time[]" placeholder="From Time" required />';
                available_timings += '</div>';
                available_timings += '<div class="col-sm-5 col-xs-5 space2 check">';
                available_timings += '<input id="timepicker2" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
                available_timings += '</div>';
                available_timings += '<div class="col-sm-2 col-xs-2">';
                available_timings += '<button type="button" class="btn btn-default center-block add_fields">Add</button>';
                available_timings += '</div>';
                available_timings += '</div>';
                available_timings += '</div>';
                available_timings += '</div>';

$(".timings_div").html(available_timings);

$('#onselectExample').timepicker({
                    'timeFormat': 'h:i A',
                    minuteStepping: 15
                });
                $('#timepicker2').timepicker({
                    'timeFormat': 'h:i A',
                    minuteStepping: 15
                });
                $('#onselectExample').on('changeTime', function() {
                    var value = $(this).val();
                    var field = '';
                    field += '<input id="onselectExampless" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
                    $('.check').html(field);

if (value == '11:00 PM') {
                        var getTime = value.split(":");
                        var newTime = '12:00 AM';

} else if (value == '11:30 PM') {
                        var getTime = value.split(":");
                        var newTime = '12:30 AM';
                    } else {
                        var getTime = value.split(":"); //split time by colon
                        var hours = parseInt(getTime[0]) + 1; //add two hours
                        if (hours == 13) {
                            hours = 1;
                        }
                        var newTime = hours + ":" + getTime[1];
                    }

var max_hours = parseInt(getTime[0]) + 11;
                    var max_time = max_hours + ":" + getTime[1];
                    $('#onselectExampless').val(newTime);

$('#onselectExampless').timepicker({
                        interval: 60,
                        minTime: newTime,
                        maxTime: max_time,
                        'timeFormat': 'h:i A'
                    });

if (max_time == "NaN:undefined") {
                        $("#onselectExampless").val(' ');
                        //$("#onselectExampless").attr("placeholder", "To Time");

var input = '';
                        input += '<input id="onselectExampless" type="text" class="form-control name="to_time[]" placeholder="To Time" required>';
                        $(".space2").html(input);
                    }
                });
            } else {
                $(".timings_div").empty();
            }

var i = 0;
            $('.add_fields').click(function(e) {
                var fields = '';

fields += '<div class="additonal_field">';
                fields += '<label class="control-label col-sm-4 col-xs-12"></label>';
                fields += '<div class="col-sm-8 append_time">';
                fields += '<div class="row"><div class="col-sm-5 col-xs-5 space">';
                fields += '<input id="onselectExample' + i + '" onchange="change_from_time(' + i + ');" type="text" class="form-control" name="from_time[]" placeholder="From Time" required />';
                fields += '</div>';
                fields += '<div class="col-sm-5 col-xs-5 space2 to_time' + i + '">';
                fields += '<input id="timepicker2' + i + '" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
                fields += '</div>';
                fields += '<div class="col-sm-2 col-xs-2"><a href="javascript:void(0);" class="remove_fields">';
                fields += '<span class="glyphicon glyphicon-remove"></span>';
                fields += '</a>';

fields += '</div>';
                fields += '</div>';
                fields += '</div>';
                fields += '</div>';

$('.multiple_fields').append(fields);
                $('#onselectExample' + i).timepicker({
                    'timeFormat': 'h:i A',
                    minuteStepping: 15
                });
                $('#timepicker2' + i).timepicker({
                    'timeFormat': 'h:i A',
                    minuteStepping: 15
                });

$(".remove_fields").click(function() {
                    $(this).closest('.additonal_field').remove();
                });

i = i + 1;
            });

})

function change_from_time(id) {
        var values = $('#onselectExample' + id).val();
        var fieldss = '';
        fieldss += '<input id="onselect' + id + '" type="text" class="form-control" name="to_time[]" placeholder="To Time" required />';
        $('.to_time' + id).html(fieldss);

if (values == '11:00 PM') {
            var getTimes = values.split(":");
            var newTimes = '12:00 AM';
            $('#onselect' + id).val(newTimes);
        } else if (values == '11:30 PM') {
            var getTimes = values.split(":");
            var newTimes = '12:30 AM';
            $('#onselect' + id).val(newTimes);
        } else {
            var getTimes = values.split(":"); //split time by colon
            var hourss = parseInt(getTimes[0]) + 1; //add two hours
            if (hourss == 13) {
                hourss = 1;
            }
            var newTimes = hourss + ":" + getTimes[1];
            $('#onselect' + id).val(newTimes);
        }

var max_hours = parseInt(getTimes[0]) + 11;
        var max_time = max_hours + ":" + getTimes[1];

$('#onselect' + id).timepicker({
            interval: 60,
            minTime: newTimes,
            maxTime: max_time,
            'timeFormat': 'h:i A'
        });
    }

$('#faculty_reg').submit(function(e) {
        e.preventDefault();
        formdata = new FormData($(this)[0]);

//var course_type = $("[name='course_type[]']:checked").val();
        var course_type = $("[name='course_type[]']:checked").map(function(_, el) {
            return $(el).val();
        }).get();
        //alert(course_type);
        if (course_type != '') {
            $(".submit").attr('disabled', 'disabled');
            $(".submit").text("Submitting...");
            $.ajax({

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

contentType: false,
                processData: false,

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

if (response.result == 1) {
                        // toastr["success"](response.message);
                        swal(response.message);
                        $('#faculty_reg')[0].reset();
                        $(".submit").text("Submit");
                        $(".submit").removeAttr('disabled');
                        EmptySubCategory();
                        window.location.href = '<?php echo site_url("email_verification") ?>';
                    } else {
                        //toastr["error"](response.message);
                        swal(response.message);
                        //$('#faculty_reg')[0].reset();
                        $(".submit").text("Submit");
                        $(".submit").removeAttr('disabled');
                    }
                }
            });
        } else {
            toastr["error"]('Pleas select course type');
        }
    });

$('.sub_category').SumoSelect({
        selectAll: true
    });

function EmptySubCategory() {
        var content = '';
        content += '<label class="control-label col-sm-4">Sub Category</label>';
        content += '<div class="col-sm-8">';
        content += '<select class="form-control" id="catagory" name="sub_catagory">';
        content += '<option value="">Select</option>';
        content += '</select>';
        content += '</div>';

$('#sub_catagory').html(content);
    }

// var user_login_id = '//php// echo $session->userdata('user_login_id');?>';
    $user_login_id = '<?php echo session()->get('user_login_id'); ?>';
    // Replace 'user_login_id' with your session key

// echo "var user_login_id = '$user_login_id';";

if (user_login_id) {
        $.ajax({

type: 'post',
            url: '<?php echo site_url('check_registered_user_email') ?>',
            data: {
                login_id: user_login_id
            },

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

if (response.result == 1) {
                    $("input[name=full_name]").val(response.data.username);
                    $("input[name=email]").val(response.data.email);
                    $("input[name=phone]").val(response.data.phone_number);
                    $("input[name=qualification]").val(response.data.qualification);
                    $("#current_occupation").val(response.data.current_occupation);
                    $("input[name=location]").val(response.data.present_location);
                } else {
                    $("input[name=full_name]").val('');
                    $("input[name=email]").val('');
                    $("input[name=phone]").val('');
                    $("input[name=qualification]").val('');
                    $("#current_occupation").val('');
                    $("input[name=location]").val('');
                }
            }
        });

}

function category() {
        var value = $('#catagory').val();
        var fields = '';
        var sub_fields = '';
        if (value == 'other') {
            fields += '<label class="control-label col-sm-4">Category <span style="color:red;"> *</span></label>';
            fields += '<div class="col-sm-8">';
            fields += '<input class="form-control" name="other_category" type="text" required >';
            fields += '</div>';

sub_fields += '<label class="control-label col-sm-4">Sub Category <span style="color:red;"> *</span></label>';
            sub_fields += '<div class="col-sm-8">';
            sub_fields += '<input class="form-control" name="sub_catagory[]" type="text" required >';
            sub_fields += '</div>';
        }
        $('.other_category').html(fields);
        $('#sub_catagory').html(sub_fields);

}