EVOLUTION-NINJA

Edit File: edit_faculty_batch.php

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

<h3 style="padding-bottom:10px;border-bottom:2px dashed #ccc;margin-bottom:20px; font-weight: bold;">UPDATE FACULTY BATCH</h3>
    <div class="col-md-2"></div>
    <div class="col-md-8">
      <form class="form-horizontal faculty_update_batch" id="faculty_update_batch">

<input type="hidden" class="form-control batch_id" name="batch_id" value="<?php echo $batch_id; ?>" required>

<input type="hidden" class="form-control faculty_id" id="faculty_id" name="faculty_id" value="<?php echo $login_id; ?>" required>

<div class="form-group">
          <label class="control-label col-sm-4">Course Type</label>
          <div class="col-sm-8">
            <input class="course_type" style="width: 21% !important;margin-top: 10px;" type="radio" value="Live" name="course_type" onclick="select_course_type('live');" required="">Live</label><br class="hidden-xs hidden-md hidden-lg">
            <input class="course_type" style="width: 21% !important;margin-top: 10px;" type="radio" value="Recorded" name="course_type" onclick="select_course_type('recorded');" required="">Recorded</label>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-4">Select Category</label>
          <div class="col-sm-8">
            <select class="form-control" id="catagory" name="domain_id" required>
              <option value="">Select Category</option>
              <?php
              if ($domain) {
                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 sub_cate_div1">
          <label class="control-label col-sm-4">Select Sub Category</label>
          <div class="col-sm-8 ">
            <select class="form-control sub_category_list" id="sub_domain_id" name="sub_domain_id" required>
              <?php
              if ($sub_domain) {
                foreach ($sub_domain as $val) {
              ?>
                  <option value="<?php echo $val->sub_domain_id; ?>"><?php echo $val->sub_domain; ?></option>
              <?php
                }
              }

?>
            </select>
          </div>
        </div>

<div class="form-group fac_avail_timings">
          <label class="control-label col-sm-4">Available Timings</label>
          <div class="col-sm-8 ">

</div>
        </div>

<br>
        <div class="form-group batch_duration_div">
          <label class="control-label col-sm-4">Duration</label>
          <div class="col-sm-8">
            <input type="text" class="form-control batch_duration" name="batch_duration" readonly>
          </div>
        </div>

<div class="form-group">
          <label class="control-label col-sm-4">Batch Name</label>
          <div class="col-sm-8">

</div>
        </div>

<div class="form-group">
          <label class="control-label col-sm-4">Batch Size</label>
          <div class="col-sm-8">
            
            <input class="batch_size" style="width: 21% !important;margin-top: 10px;" type="radio" value="Fixed" name="batch_type" onclick="select_batch_size('fixed');" required="">Fixed</label><br class="hidden-xs hidden-md hidden-lg">

<input class="batch_size" style="width: 21% !important;margin-top: 10px;" type="radio" value="Range" name="batch_type" onclick="select_batch_size('range');" required="">Range</label>

</div>
        </div>

<div class="form-group fixed" style="display: none;">
          <label class="control-label col-sm-4">No of participants</label>
          <div class="col-sm-8">
            <input type="number" class="form-control batch_fixed_size" name="batch_fixed_size" min="1" placeholder="Enter Batch size like 10 etc.">
          </div>
        </div>

<div class="form-group range" style="display: none;">
          <label class="control-label col-sm-4">Range</label>
          <div class="col-sm-8">
            <select type="text" class="form-control batch_range_size" id="range_size" name="batch_range_size">
              <option value="">Select Range</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 batch_from_date">
          <label class="control-label col-sm-4">Start Date</label>
          <div class="col-sm-8">
            <input type="" id="from_date" name="batch_from_date" class="form-control batch_from_date" required="" readonly />
          </div>
        </div>

<div class="form-group" style="text-align:center;padding-top:30px;">
          <button type="submit" class="btn btn-primary submit">Update</button>
        </div>

</form>

</div>
  </div>

</div>
<script type="text/javascript">
  $(document).ready(function() {
    var dateToday = new Date();
    $('#from_date').datepicker({
      dateFormat: 'dd-mm-yy',
      minDate: dateToday,
      //numberOfMonths: 2,
      onSelect: function(selected) {
        $("#to_date").datepicker("option", "minDate", selected)
      }
    });
    $('#to_date').datepicker({
      dateFormat: 'dd-mm-yy',
      onSelect: function(selected) {
        $("#from_date").datepicker("option", "maxDate", selected)
      }

});
  });

$(document).ready(function() {

var batch_id = '<?= current_url(true)->getSegment(2) ?>';

$(".batch_id").val(batch_id);

$.ajax({
      url: "<?php echo site_url('single_batch_details') ?>",
      type: "POST",
      data: {
        'batch_id': batch_id
      },
      async: false,
      success: function(response) {
        // response=jQuery.parseJSON(response);
        if (response.result == 1) {

$("input[name=batch_duration]").val(response.batch_details.batch_duration);
          if (response.batch_details.batch_type == "Fixed") {
            $('input[value="Fixed"]').prop("checked", true);
            $('.range').hide();
            $('.fixed').show();
            $("input[name=batch_fixed_size]").val(response.batch_details.batch_size);
          } else if (response.batch_details.batch_type == "Range") {
            $('input[value="Range"]').prop("checked", true);

$('.range').show();
            $('.fixed').hide();
            $("input[name=batch_fixed_size]").val();
            if (response.batch_details.batch_size == 1) {
              $('#range_size option[value="1 - 1"').attr('selected', 'selected');
            } else {
              $('#range_size option[value="' + response.batch_details.batch_size + '"').attr('selected', 'selected');
            }

}
          $(".batch_from_date").val(response.batch_details.batch_from_date);

$(".batch_to_date").val(response.batch_details.batch_to_date);

if (response.batch_details.course_type == "Recorded") {

$('input[value="Recorded"]').prop("checked", true);
            $('.fac_avail_timings').hide();
            $('.existing_time').val("");

} else {
            $('input[value="Live"]').prop("checked", true);

$('.fac_avail_timings').show();
          }

$("input[name=batch_name]").val(response.batch_details.batch_name);

$('#catagory option[value="' + response.batch_details.batch_domain_id + '"').attr('selected', 'selected');

$('#sub_domain_id option[value="' + response.batch_details.sub_domain_id + '"').attr('selected', 'selected');

$("input[name=faculty_names]").val(response.batch_details.fullname);

$("input[name=faculty_name_id]").val(response.batch_details.login_id);

if (response.batch_details.from_time == 'full_day') {
            $("input[name=available_timings]").val('Full Day');
          } else {
            $('#available_timings option[value="' + response.batch_details.from_time + '"').attr('selected', 'selected');
          }

//SubCategory(response.batch_details.domain_id,response.batch_details.sub_domain_id);

}
      }
    });

});

//------------------------------------------------------------------------------------------------//

/*function SubCategory(domain_id,sub_domain_id)
  {
      
      $.ajax({
           url:"<?php //echo site_url('get_sub_domain')
                ?>",
           type:"POST",
           data:{'domain_id':domain_id},
           async:false,
           success:function(response){
              // response=jQuery.parseJSON(response);
              console.log(response);
                if(response.result == 1)
                {
                    
                    var content = '';
                      content += '<label class="control-label col-sm-4">Select Sub Category</label>';
                      content += '<div class="col-sm-8">';
                      content += '<select class="form-control sub_category_list" name="sub_domain_id">';
                      $.each(response.message,function(idx,vx){
                          content += '<option value="'+vx.sub_domain_id+'">'+vx.sub_domain+'</option>';
                      });
                    
                      content += '</select>';
                      content += '</div>';

$('.sub_cate_div').html(content);

var sub_domains = jQuery.parseJSON(sub_domain_id);
                          
                     
                }
                else
                {
                    $('.sub_category_list').empty();
                }
           }
       });
  }
  */

//----------------------------------------------------------------------------------------------//

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

var domain_id = $("#catagory").val();
    //$('.batch_duration_div').hide();
    $('.batch_duration_div').show();
    $.ajax({
      url: "<?php echo site_url('get_sub_domain') ?>",
      type: "POST",
      data: {
        'domain_id': domain_id
      },
      async: false,
      success: function(response) {
        // response=jQuery.parseJSON(response);
        console.log(response);
        if (response.result == 1) {
          var content = '';
          content += '<label class="control-label col-sm-4">Select Sub Category</label>';
          content += '<div class="col-sm-8">';
          content += '<select class="form-control sub_category_list" name="sub_domain_id" id="sub_domain_id">';
          content += '<option value="">Select</option>';
          $.each(response.message, function(idx, vx) {
            content += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>';
          });

content += '</select>';
          content += '</div>';

$('.sub_cate_div1').html(content);
        } else {
          $('.sub_cate_div1').empty();
        }
      }
    });
  });

$(document).on('change', '#sub_domain_id', function() {

var sub_domain_id = $('#sub_domain_id').val();
    var domain_id = $('#catagory').val();
    var faculty_id = $('#faculty_id').val();

var course_type = $('.course_type').val();

$.ajax({
      url: "<?php echo site_url('get_not_enrolled_fac_timings') ?>",
      type: "POST",
      data: {
        'id': faculty_id,
        'sub_domain_id': sub_domain_id,
        'domain_id': domain_id
      },
      async: false,
      success: function(response) {
        // response=jQuery.parseJSON(response);
        console.log(response);
        if (response.result == 1) {
          if (course_type == "live") {
            $('.fac_avail_timings').show();
          } else {
            $('.fac_avail_timings').hide();
          }

var content = '';
          content += '<option value="0">Select Time</option>';
          $.each(response.message, function(idx, vx) {
            if (vx.available_type == 'timings') {
              content += '<option value="' + vx.from_time + ' - ' + vx.to_time + '">' + vx.from_time + ' - ' + vx.to_time + '</option>';
            } else {
              content += '<option value="full_day">Full Day</option>';
            }

});
          $('.available_timings').html(content);

$.ajax({
            url: "<?php echo site_url('get_training_plan_duration') ?>",
            type: "POST",
            data: {
              'faculty_id': faculty_id,
              'sub_domain_id': sub_domain_id,
              'domain_id': domain_id
            },
            async: false,
            success: function(response) {

// response=jQuery.parseJSON(response);
              console.log(response);

if (response.result == 1) {
                var content = '';
                //$.each(response.message,function(idx,vx){
                content += '<label class="control-label col-sm-4">Duration(In hrs)</label>';
                content += '<div class="col-sm-8">';
                content += '<input type="text" class="form-control batch_duration" id="batch_duration" name="batch_duration" value="' + response.message + '" readonly>';
                content += '</div>';

//});

$('.batch_duration_div').html(content);
              } else {

}
            }
          });
        } else {
          $('.fac_avail_timings').hide();
          $('.fac_avail_timings').val('');
          toastr["error"](response.message);
        }
      }
    });

});
</script>

function select_batch_size(str) {
    if (str == 'fixed') {
      $('.fixed').show();
      $('.range').hide();

} else {
      $('.fixed').hide();
      $('.range').show();

}
  }

$('.faculty_update_batch').submit(function(e) {
    e.preventDefault();

var sub_domain_id = $('#sub_domain_id').val();
    var batch_duration = $('#batch_duration').val();
    var batch_size = $("input[name='batch_type']:checked").val();
    if (batch_size == 'Fixed') {
      var batch_fixed_size = $('.batch_fixed_size').val();
      if (batch_fixed_size == '') {
        toastr["error"]("Please Fill Batch Size");
      } else {
        if (sub_domain_id != '') {
          if (batch_duration != '00:00') {
            $("#loading").show();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
            $(".submit").text("Updating...");

$.ajax({

type: 'post',
              url: '<?php echo site_url("faculty_update_batch") ?>',
              data: formdata,
              contentType: false,
              processData: false,

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

if (response.result == 1) {
                  toastr["success"](response.message);
                  $(".submit").text("Update");
                  $(".submit").removeAttr('disabled');
                  window.location = '<?php echo site_url('faculty-batch'); ?>';
                } else {
                  toastr["error"](response.message);
                  $(".submit").text("Update");
                  $(".submit").removeAttr('disabled');
                }

}

});
          } else {
            toastr["error"]("Duration is not added by faculty in training plan!");
          }

} else {
          toastr["error"]("Select Sub Category");
        }
      }
    } else {
      var batch_range_size = $('.batch_range_size').val();
      if (batch_range_size == '') {
        toastr["error"]("Please Fill Batch Size");
      } else {
        if (sub_domain_id != '') {
          if (batch_duration != '00:00') {
            $("#loading").show();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
            $(".submit").text("Updating...");

$.ajax({

type: 'post',
              url: '<?php echo site_url("faculty_update_batch") ?>',
              data: formdata,
              contentType: false,
              processData: false,

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

}

});
          } else {
            toastr["error"]("Duration is not added by faculty in training plan!");
          }

} else {
          toastr["error"]("Select Sub Category");
        }
      }
    }

/* if(sub_domain_id != '')
     {
       if(batch_duration != '00:00')
       {
         $("#loading").show();
         
           formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
             $(".submit").text("Updating...");

$.ajax({

type   : 'post',
                 url    : '<?php //echo site_url("faculty_update_batch")
                            ?>',
                 data   : formdata,
                 contentType: false,
                 processData: false,
                                           
                   success:function(response){
                   // response=jQuery.parseJSON(response);
                   console.log(response);

if(response.result==1)
                     {
                       toastr["success"](response.message);
                       $(".submit").text("Update");    
                       $(".submit").removeAttr('disabled');   
                       window.location = '<?php //echo site_url('faculty-batch');
                                          ?>';             
                     }
                     else 
                     {
                       toastr["error"](response.message);                       
                       $(".submit").text("Update"); 
                       $(".submit").removeAttr('disabled');                      
                     }
                    
                 }
                 
          });
       }
       else
       {
           toastr["error"]("Duration is not added by faculty in training plan!");
       } 
       
     }
     else
     {
       toastr["error"]("Select Sub Category");
     }*/

});
</script>

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

#page-wrapper{
     background-image: url("public/assets/website_assets/images/banner.png");
     background-size:cover;
     background-repeat:no-repeat;
}

#FrmGrid_list2 {
    width: 100% !important;
  }

.ui-jqdialog .ui-jqdialog-titlebar {
    height: 29px !important;
    background-color: #001a00;
    color: white;
    padding-left: 10px;
  }

.fm-button {
    height: 21px !important;
    padding: 1px;
    margin-right: 10px !important;
    height: 21px !important;
    width: 43%;
    margin-top: -7px !important;
  }

.ui-jqdialog-content td.navButton {
    padding-top: 12px !important;
  }

.ui-jqgrid .ui-jqgrid-titlebar {
    height: 27px !important;
    /*background:#1e7ad7 !important;*/
    color: white !important;
  }

.ui-jqgrid-bdiv {
    height: auto !important;

}

.ui-widget-overlay {
    z-index: 0 !important;
  }

/* .ui-widget-header
{
background: #1e7ad7 !important;
} */
  .ui-jqgrid-hdiv ui-state-default {
    /* width: 873px !important;  */
    cursor: default !important
  }

ui-state-highlight,
  .ui-widget-content .ui-state-highlight,
  .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
  }

.ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    font-weight: bold;
    color: black;
  }

/* .ui-jqgrid .ui-jqgrid-bdiv {
    overflow-y: scroll;
    overflow-x: scroll ;
}

.ui-jqgrid-htable{
    width: 100% !important;
}
#list2{
    width: 100% !important;
} */

.timepicker_wrap {
    top: 35px !important;
  }

#jaytab {
    width: 100% !important;
    overflow-x: scroll !important;
  }

@media only screen and (min-width:320px) and (max-width:640px) {
    #jaytab {
      width: 100% !important;
      overflow-x: scroll !important;
    }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
      width: 900px !important;
    }

.ui-jqgrid-view {
      width: 900px !important;
    }

.ui-jqgrid-hdiv {
      width: 900px !important;
    }

.ui-jqgrid-htable {
      width: 900px !important;
    }

.ui-jqgrid-bdiv {
      width: 900px !important;
    }

#list2 {
      width: 900px !important;
    }

#pager2 {
      width: 900px !important;
    }

.ui-jqgrid {
      width: 100% !important;
    }
  }

@media only screen and (min-width:641px) and (max-width:991px) {
    #jaytab {
      width: auto !important;
      overflow-x: scroll !important;
    }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
      width: 900px !important;
    }

.ui-jqgrid-view {
      width: 900px !important;
    }

.ui-jqgrid-hdiv {
      width: 900px !important;
    }

.ui-jqgrid-htable {
      width: 900px !important;
    }

.ui-jqgrid-bdiv {
      width: 900px !important;
    }

#list2 {
      width: 900px !important;
    }

#pager2 {
      width: 900px !important;
    }
  }

@media only screen and (min-width:992px) and (max-width:1258px) {
    #jaytab {
      width: auto !important;
      overflow-x: scroll !important;
    }

.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
      width: 900px !important;
    }

.ui-jqgrid-view {
      width: 900px !important;
    }

.ui-jqgrid-hdiv {
      width: 900px !important;
    }

.ui-jqgrid-htable {
      width: 900px !important;
    }

.ui-jqgrid-bdiv {
      width: 900px !important;
    }

#list2 {
      width: 900px !important;
    }

#pager2 {
      width: 900px !important;
    }
  }
</style>