<?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">
                                    <div class="form-group col-md-4" id="single_data">
                                        <input type="button" id="submit_data" class="btn btn-primary" value="Generate 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(){
    $("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_data',function(){
          var leaves=new Array();
          var k=0;
        for(var j=0;j<$(".leaves_date_array").length;j++)
        {
           
            if($($(".leaves_date_array")[j]).prop("checked") == true)
            {
              leaves[k]=$($(".leaves_date_array")[j]).val();
              k++;
            }
          
        }
       
        $.ajax({  
            type: "POST",  
            url: "json_test.php",  
            data: {'do':'Take','leaves':JSON.stringify(leaves)}, 
            dataType: "json",	
            beforeSend: function(){
                $("body").addClass("loading");
            },
            success: function(response) {
                alert(response);
            },
            complete:function(data){
                $("body").removeClass("loading");
            }
        });
    });
});
</script>