<?php


$courses = \App\curriculum::distinct()->where('course_code',$code)->where('program_code',$prog)->get();
$color_array = ['info','danger','warning','success'];
$ctr = 0;
?>

<style type="text/css">

</style>

<link rel="stylesheet" type="text/css" hre ="{{asset('plugins/bootstrap/dist/css/bootstrap.css')}}">

<div class='row'>
<div class='col-sm-7'>
<div class='box box-default box-solid'>
    <div class='box-header bg-navy-active'><h5 class='box-title'>Course Assignment</h5></div>

    <div class='box-body' id="search">
        <div class='col-sm-12' >
                <table class="table table-bordered table-condensed" >

                <tr>
                    <th class='col-sm-5' align="center">Course Name :</th>
                    <input style="display: none;" id="course_code" value="{{$code}}">
                    <th align="center">{{$code}}</th>
                </tr>
                <tr>
                @foreach($courses as $data)
                    <td>Course Credit :</td>
                    <td>{{$data->lec}}</td>
                </tr>
                <tr>
                    <td>Section :</td>
                    <td>{{$data->units}}</td>
                </tr>

                @endforeach
                <?php
                $ass = \App\dup_teach::join('instructors_infos','instructors_infos.instructor_id','dup_teach.instructor_id')->where('course_code',$code)->get(['name']);
                ?>
                <tr>
                    <td>Previous Teacher :</td>
                    @foreach($ass as $val)
                    <tr><td>
                        {{$val->name}}
                    </td></tr>
                    @endforeach
                </tr>
                </table>

        </div>

        <div id='displayassign' class='col-sm-12'></div>

    </div>
</div>

</div>

<div class='col-sm-5'>
<div class='box box-default box-solid'>
    <div class='box-header bg-navy-active'><h5 class='box-title'>All Teachers</h5></div>

        <div>

                <table id="table" class="table table-bordered table-condensed" >
                <tr>
                    <th width="3%"></th>
                    <th width="30%" align="center">Name</th>
                    <th width="2%"></th>
                </tr>

           <?php
                $teacher = \App\instructors_infos::distinct()->where('department',$dept)->get();
                ?>
                @foreach($teacher as $data)
                <tr>
                    <td><input type="checkbox" name="checkteacher[]" value="{{$data->name}}"></td>
                    <td>
                        <div align="left">
                         {{$data->name}}
                        </div>
                    </td>
                    <td >
                        <div  align="right"><button class="btn btn-flat btn-success fa fa-eye"></button></div>
                    </td>
                </tr>
              @endforeach
                </table>
              <button class="btn btn-flat btn-primary btn-block" id="save">Load Credit</button>

        </div>
</div>

</div>
</div>

<script src="{{asset('plugins/jQuery/jquery-2.2.3.min.js')}}"></script>
<script src="{{asset('plugins/bootstrap/dist/js/bootstrap.min.js')}}"></script>

<script type="text/javascript">
    $('#save').click(function() {
         var id = [];
        $(':checkbox:checked').each(function(i){
            id[i] = $(this).val();
        });
    if(id.length === 1)
       {
        alert("Please Select atleast one checkbox");
       }
       else{
        var teacher=[];
        for (var i =0; i< (id.length)-1; i++) {
            teacher[i]=id[i];
            console.log(teacher[i]);
        }
       displayassign(teacher);
       }
    });




    function displayassign(teacher_name){
        var teach_cre=[];
    var text="<div id='table' class='table-editable '>\n\
    <table class='table  table-bordered table-condensed'>\n\
        <tr>\n\
            <th class='col-sm-5' align='center'>Assigned Teacher</th>\n\
            <th align='center'>Credit</th>\n\
        </tr>";
  var text2="";

       var i;
    for (i = 0 ; i < teacher_name.length; i++) {
       text2+="<tr>\n\
        <td align='left'>"+teacher_name[i]+"</td>\n\
        <td><input id='cred"+i+"'></td>\n\
      </tr>";
      teach_cre[i]=$('#cred'+i).val();
      };


    var text3="</table>\n\
    <button id='export' class='btn btn-primary'>Export Data</button></div>\n\
    </div>";
    document.getElementById("export").onclick = function() { exporting(teacher_name,teach_cre,code); }

      document.getElementById('displayassign').innerHTML=text+text2+text3;

}

function exporting(teacher_name,teach_cre,course_code){
    var array={};
    array['course_code']=course_code;
    array['name']=teacher_name;
    array['credit']=teach_cre;
    $.ajax({
        type: "GET",
        url: "/ajax/admin/faculty_loading/course_assign",
        data: array,
        success: function(data){
            $('#displayassign').html(data);
        }
    })

}

</script>