<?php 
include ("include/makeSession.php");
$menu_string=mysqli_fetch_array(mysqli_query($con,"select * from admin where id='".$_SESSION["user_id"]."'"))['menuper'];
$menu_arr=explode(',',$menu_string);
if(!in_array('Attendance',$menu_arr)){
	header("location:index.php");
}
$_SESSION['page_name']="Attendance";
include('include/function.php');
include("include/header.php");
include("include/sidebar.php");

?>
<style>
    #loader{
        display:none;
        position:fixed;
        z-index:1000;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-image:url(images/uploads/loader.gif);
        background-position:50% 50%;
        background-color:rgba(255,255,255,0.6);
        background-repeat:no-repeat;
    }
    body.loading{
        overflow:hidden;
    }
    body.loading #loader{
        display:block;
    }
</style>
<div id="loader"></div>
<div class="content-wrapper">
    <section class="content-header">
        <h1> Attendance Form <small></small> </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Attendance Form</a></li>
        </ol> 
        <?php if(!empty($_SESSION['msg'])){
        $msg=$_SESSION["msg"];
        echo '<div class="col-md-8">
                <div class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                '.$msg.'
                </div>'; 
        $_SESSION["msg"]='';} ?>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-info">
                    <form method="post" action="action.php" name="addcategory" id="addcategory" enctype="multipart/form-data"  role="form">
                        <input type="hidden"  name="do" value="AutomatedAttendance" />
                        <input type="hidden"  name="doid" value="" />
                        <div class="box-header">
                            <h3 class="box-title"> Attendance Form <small></small></h3>
                            <!-- tools box -->
                            <div class="pull-right box-tools">
                                <button class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                            </div><!-- /. tools -->
                        </div><!-- /.box-header -->
                        <div class="box-body pad">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="form-group col-md-3">
                                        <label>Percentage Required</label>
                                        <input type="number" name="percentage" class="form-control" placeholder="Percentage Required" required />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-4">
                                        <label>Start *</label>                 
                                        <input name="start" value="<?php if(!empty($_REQUEST['upid'])){ echo $Row['start'];} else{ echo date('Y-m-d'); }?>" type="date" class="form-control" required>
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label>End *</label>                 
                                        <input name="end" value="<?php if(!empty($_REQUEST['upid'])){ echo $Row['end'];} else{ echo date('Y-m-d'); }?>" type="date" class="form-control" required>
                                    </div>
                                </div>
                                <div class="row leave_div">
                                    
                                </div>
                                <div class="row" style="margin-top:30px;">
                                    <div class="form-group col-md-12" id="single_data">
                                        <input type="button" id="submit_student" class="btn btn-primary" value="Student Attendance"/>
                                        <input type="button" id="submit_teacher" class="btn btn-primary" value="Teacher Attendance"/>
                                        <input type="button" id="submit" class="btn btn-primary" value="Combined Attendance"/>
                                        <input type="reset" value="Reset" class="btn btn-primary"/>  
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div><!-- /.box -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </section><!-- /.content -->
</div>
<?php include('include/footer.php');?>

<script>
$(document).ready(function(){
    $(".leave_div").on("click",".leaves_date_array,.leaves_date_array_lbl",function(){
        if($(this).prop("checked")==true){
            $(this).parent().next().children().prop("disabled",false);
            $(this).parent().next().next().children().prop("disabled",false);
            $(this).parent().next().next().children().prop("checked",true);
        }else{
            $(this).parent().next().children().prop("disabled",true);
            $(this).parent().next().next().children().prop("disabled",true);
            $(this).parent().next().children().prop("checked",false);
            $(this).parent().next().next().children().prop("checked",false);
        }
    });
    $(".leave_div").on("click",".wo,.wo_lbl",function(){
        var checkBoxes = $(this).parent().next().children();
        checkBoxes.prop("checked", !checkBoxes.prop("checked"));
    });
    $(".leave_div").on("click",".hd,.hd_lbl",function(){
        var checkBoxes = $(this).parent().prev().children();
        checkBoxes.prop("checked", !checkBoxes.prop("checked"));
    });
    $("input[name='start'],input[name='end']").change(function(){
        var start=$("input[name='start']").val();
        var end=$("input[name='end']").val();
        $.ajax({  
            type: "POST",  
            url: "json_attendance.php",  
            data: {'do':'LeaveDates','start':start,'end':end}, 
            dataType: "json",
            beforeSend: function(){
                $("body").addClass("loading");
            },
            success: function(response) {
                $(".leave_div").html(response);
            },
            complete:function(data){
                $("body").removeClass("loading");
            }
        });
        $(".leave_div").html();
    });
    $("#single_data").on('click','#submit',function(){
        var start=$("input[name='start']").val();
        var end=$("input[name='end']").val();
        var percentage=parseInt($("input[name='percentage']").val());
        s=new Date(start);
        e=new Date(end);
        var timeDiff = e.getTime() - s.getTime();
	    var DaysDiff = timeDiff / (1000 * 3600 * 24)+1;
        if(!percentage>0){
            alert("Percentage cannot be empty");
            $("input[name='percentage']").val(0);
        }else{
            var leaves=new Array();
            var wos=new Array();
            for(var j=0,k=0;j<$(".leaves_date_array").length;j++)
            {
                if($($(".leaves_date_array")[j]).prop("checked") == true)
                {
                  leaves[k]=$($(".leaves_date_array")[j]).val();
                  if($($(".wo")[j]).prop("checked") == true){
                    wos[k]="wo";
                  }else{
                      wos[k]="hd";
                  }
                  k++;
                }
            }
            $.ajax({  
                type: "POST",  
                url: "json_attendance.php",  
                data: {'do':'Take','start':start,'end':end,'percentage':percentage,'leaves':JSON.stringify(leaves),'wos':JSON.stringify(wos)}, 
                dataType: "json",	
                beforeSend: function(){
                    $("body").addClass("loading");
                },
                success: function(response) {
                    if(response.status==1){
                        alert(percentage+"% Attendance Generated!");
                    }else{
                        alert("OPERATION FAILED!!!\nFollowing Dates Already Recorded: \n"+response.status);
                    }
                },
                complete:function(data){
                    $("body").removeClass("loading");
                }
            });
        }
    });
    $("#single_data").on('click','#submit_student',function(){
        var start=$("input[name='start']").val();
        var end=$("input[name='end']").val();
        var percentage=parseInt($("input[name='percentage']").val());
        s=new Date(start);
        e=new Date(end);
        var timeDiff = e.getTime() - s.getTime();
	    var DaysDiff = timeDiff / (1000 * 3600 * 24)+1;
        if(!percentage>0){
            alert("Percentage cannot be empty");
            $("input[name='percentage']").val(0);
        }else{
            var percentage=$("input[name='percentage']").val();
            var leaves=new Array();
            var wos=new Array();
            for(var j=0,k=0;j<$(".leaves_date_array").length;j++)
            {
                if($($(".leaves_date_array")[j]).prop("checked") == true)
                {
                  leaves[k]=$($(".leaves_date_array")[j]).val();
                  if($($(".wo")[j]).prop("checked") == true){
                    wos[k]="wo";
                  }else{
                      wos[k]="hd";
                  }
                  k++;
                }
            }
            $.ajax({  
                type: "POST",  
                url: "json_attendance.php",  
                data: {'do':'TakeStudent','start':start,'end':end,'percentage':percentage,'leaves':JSON.stringify(leaves),'wos':JSON.stringify(wos)}, 
                dataType: "json",	
                beforeSend: function(){
                    $("body").addClass("loading");
                },
                success: function(response) {
                    // alert(response);
                    console.log(response);
                    if(response.status==1){
                        alert(percentage+"% Attendance Generated!");
                    }else{
                        alert("OPERATION FAILED!!!\nFollowing Dates Already Recorded: \n"+response.status);
                    }
                },
                complete:function(data){
                    $("body").removeClass("loading");
                }
            });
        }
    });
    $("#single_data").on('click','#submit_teacher',function(){
        var start=$("input[name='start']").val();
        var end=$("input[name='end']").val();
        var percentage=parseInt($("input[name='percentage']").val());
        s=new Date(start);
        e=new Date(end);
        var timeDiff = e.getTime() - s.getTime();
	    var DaysDiff = timeDiff / (1000 * 3600 * 24)+1;
        if(!percentage>0){
            alert("Percentage cannot be empty");
            $("input[name='percentage']").val(0);
        }else{
            var percentage=$("input[name='percentage']").val();
            var leaves=new Array();
            var wos=new Array();
            for(var j=0,k=0;j<$(".leaves_date_array").length;j++)
            {
                if($($(".leaves_date_array")[j]).prop("checked") == true)
                {
                  leaves[k]=$($(".leaves_date_array")[j]).val();
                  if($($(".wo")[j]).prop("checked") == true){
                    wos[k]="wo";
                  }else{
                      wos[k]="hd";
                  }
                  k++;
                }
            }
            $.ajax({  
                type: "POST",  
                url: "json_attendance.php",  
                data: {'do':'TakeTeacher','start':start,'end':end,'percentage':percentage,'leaves':JSON.stringify(leaves),'wos':JSON.stringify(wos)}, 
                dataType: "json",	
                beforeSend: function(){
                    $("body").addClass("loading");
                },
                success: function(response) {
                    if(response.status==1){
                        alert(percentage+"% Attendance Generated!");
                    }else{
                        alert("OPERATION FAILED!!!\nFollowing Dates Already Recorded: \n"+response.status);
                    }
                },
                complete:function(data){
                    $("body").removeClass("loading");
                }
            });
        }
    });
});
</script>