<?php $__env->startSection('content_header'); ?>
    <h1>Tapal Routing</h1>
<?php $__env->stopSection(); ?>
<script src="//code.jquery.com/jquery.js"></script>
<?php $__env->startSection('content'); ?>
<?php echo notifyCss(); ?>
<?php echo notifyJs(); ?>   
<?php if($errors->any()): ?>
   <div class="alert alert-danger">
       <ul>
           <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <li><?php echo e($error); ?></li>
           <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </ul>
  </div>
<?php endif; ?>
<?php if(session('status')): ?>
    <div class="alert alert-success">
         <?php echo e(session('status')); ?>

    </div>
<?php endif; ?>
<?php echo $__env->make('notify::messages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<div class="row">
  <!--row starts-->
  <div class="col-md-12">
    <div class="panel panel-primary">
      <div class="panel-heading">
            <h3 class="panel-title">
              <?php echo e(request()->session()->get('session_tname')); ?>Route Configuration
            </h3>
      </div>
      <div class="panel-body">
        <div class="container">
          <form class="form-horizontal"  action="<?php echo e(url('tapalroute')); ?>" method="post" >
              <?php echo e(csrf_field()); ?>

              <div class="form-group">
                <div class="col-sm-2">
                  <label for="tapalsubject"><?php echo e(request()->session()->get('session_tname')); ?> Subject <span style="color: red;">*</span></label>
                </div>
                <div class="col-sm-5">
                  <select class="form-control" name="tapalsubject" id="subject" required>
                    <option value="" placeholder="">Select Subject</option> 
                    <?php $__currentLoopData = $sub; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $subj): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <option value="<?php echo e($subj->id); ?>"placeholder=""><?php echo e($subj->subject); ?></option> 
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>  
                  </select>
                </div>
              </div>
              <div class="form-group">
                <div class="col-sm-2">
                  <label for="username">Route Name <span style="color: red;">*</span></label>
                </div>
                <div class="col-sm-5">
                  <input class="form-control" id="routename" type="text"name="routename" required>
                </div>
              </div>                    
              <div id="optiondiv">
                <div class="col-md-12">
                  <div class="form-group" >
                    <div class="col-sm-1"><b>LEVEL</b></div>
                    <!--<div class="col-sm-4"><b>OFFICE</b></div>-->
                    <div class="col-sm-3"> <b> DEPARTMENT</b></div>
                    <div class="col-sm-3"> <b> SECTION</b></div>
                    <div class="col-sm-3"> <b> SEAT</b></div>
                    <div class="col-sm-2">
                      <button type="button" class="btn btn-primary btn-xs pull-left" id="addmore">Add More</button>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group" >
                        <input type="hidden" name="optioncount" id="optioncount" value="1">
                        <div class="col-sm-1">
                            1
                           <input type="hidden" name="level1" id="level1" class="form-control" placeholder="Enter the level" value="1">
                        </div>
                      
                        <div class="col-sm-3">
                            <select class="form-control" name="department1" id="department1" onchange="fetchsection(1);">
                              <option value="">Select</option>
                              <?php $__currentLoopData = $departments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $department): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($department->id); ?>"><?php echo e($department->dept_name); ?></option>
                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                           </select>
                        </div>
                        <div class="col-sm-3">
                            <select class="form-control" name="section1" id="section1" onchange="fetchseats(1);" >
                              <option value="">Select</option>
                           </select>
                        </div>
                        <div class="col-sm-3">
                            <select class="form-control" name="seat1" id="seat1" onchange="fetchuser(1);">
                              <option value="">Select</option>
                           </select>
                        </div>
                        <div class="col-sm-2">
                            <div id="userdiv1"></div>
                        </div>
                    </div>
                </div>
              </div>
              <div class="form-group" >
                <button type="submit" class="btn btn-primary mb-2 pull-right">Submit</button>
              </div>
          </form>
        </div>             
      </div>
    </div>
    <div class="panel panel-body">
      <table class="table table-bordered" id="routetable">
        <thead>
            <tr>
                <th>Id</th>
                <th>Subject Name</th>
                <th>Route Name</th>
                <th>Updated At</th>
                <th>Actions</th>
            </tr>
        </thead>
      </table>
    </div>
  </div>
</div>
<!--md-12 ends-->
<script>
  $(function() {

      $('#routetable').DataTable({
          processing: true,
          serverSide: true,
          ajax: '<?php echo url('routetabledata'); ?>',
          columns: [
              { data: 'id', name: 'id' },
              { data: 'subject', name: 'subject' },
              { data: 'routename', name: 'routename' },
              { data: 'updated_at', name: 'updated_at' },
              { data: 'action', name: 'action' }
          ],   
      });
  });

  function fetchsection(cnt)
  {
    var departmentid=$("#department"+cnt).val();
    $.ajax({
           type:'GET',
           url: "<?php echo url('getdepartmentsection/"+departmentid+"'); ?>",
           success:function(data)
           {
              $('#section'+cnt).empty();
              $('#section'+cnt).append("<option value=''>Select Sections</option>");
              $.each(data, function(key, element) {
                  $('#section'+cnt).append("<option value='" + key +"'>" + element + "</option>");
              }); 
           }
        });
  }

  function fetchseats(cnt)
  {
      var secid=$("#section"+cnt).val();
      $.ajax({
           type:'GET',
           url: "<?php echo url('getsectionseat/"+secid+"'); ?>",
           success:function(data)
           {
              $('#seat'+cnt).empty();
              $('#seat'+cnt).append("<option value=''>Select Seat</option>");
              $.each(data, function(key, element) {
                  $('#seat'+cnt).append("<option value='" + key +"'>" + element + "</option>");
              }); 
           }
        });
  }
  
  function fetchuser(cnt)
  {
      var secid=$("#seat"+cnt).val();
      $.ajax({
           type:'GET',
           url: "<?php echo url('getseatuser/"+secid+"'); ?>",
           success:function(data)
           {
              document.getElementById("userdiv"+cnt).innerHTML=data;
           }
        });
  }
  $('#addmore').click(function(){
      var optioncount=$('#optioncount').val();
      optioncount++;
      var fieldHTML='<div class="col-sm-12"><div class="form-group" ><div class="col-sm-1">'+optioncount+'<input type="hidden" name="level'+optioncount+'" id="level'+optioncount+'" class="form-control" placeholder="enter the level" value='+optioncount+'></div><div class="col-sm-3"><select name="department'+optioncount+'" id="department'+optioncount+'" class="form-control" placeholder="department" onchange="fetchsection('+optioncount+');"><option value="">Select</option><?php $__currentLoopData = $departments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $department): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <option value="<?php echo e($department->id); ?>"><?php echo e($department->dept_name); ?></option> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </select></div><div class="col-sm-3"><select name="section'+optioncount+'" id="section'+optioncount+'" class="form-control" placeholder="section"  onchange="fetchseats('+optioncount+');"><option value="">Select</option></select></div><div class="col-sm-3"><select name="seat'+optioncount+'" id="seat'+optioncount+'" class="form-control" placeholder="seat"  onchange="fetchuser('+optioncount+');"><option value="">Select</option></select> </div> <div class="col-sm-1"><div id="userdiv'+optioncount+'"></div></div></div></div>';
      $('#optiondiv').append(fieldHTML);
      $('#optioncount').val(optioncount);
    }); 
</script>
<?php $__env->stopSection(); ?>                 
<?php echo $__env->make('adminlte::page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>