@extends('admin.app') 

@section('content')

<section class="content-header">
    <h1>Monthly Attendance Report</h1>
    <ol class="breadcrumb">
        <li><a href="/admin"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Monthly Attendance Report</li>
    </ol>
    <br>
</section>
<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="row">
                    <div class="col-md-12">
                        <form name="reports_form" id="reports_form" role="form" method="get" action="">
                            <div class="box-header">
                                
                                <div  style="float:right;">
                                    Select Month: <input type=text name="month" class="datepicker" data-date-format="yyyy-mm" value='{{$month}}'>
                                </div>
                            </div>
                        </form>
                        <div class="box-body">
                            <table class="table table-bordered table-striped" style="width: 100%;">
                                <thead>
                                    <tr>
                                    <th>Name</th>
                                    <th>Total Days</th>
                                    <th>Presents</th>
                                    <th>Half Days</th>
                                    <th>Leaves</th>
                                    <th>Abesents</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($users as $id => $user)
                                    <tr>
                                        <td class="name">{!! $user['name'] !!}</td>
                                        <td>{!! $user['totalDays'] !!}</td>
                                        <td>{!! $user['presents'] !!}</td>
                                        <td>{!! $user['halfDays'] !!}</td>
                                        <td>{!! $user['leaves'] !!}</td>
                                        <td>{!! $user['absents'] !!}</td>
                                        <td>
                                            <a href="/admin/attendance/{{$id}}/month/{{$month}}/view" class="btn btn-primary"><i class="fa fa-eye"></i> View</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                <br><br>
            </div><!-- /.box -->
        </div><!--/.col (left) -->
    </div>   <!-- /.row -->
</section>

@stop

@section('styles')
            
<link rel="stylesheet" href="/assets/plugins/timepicker/bootstrap-timepicker.min.css" type='text/css'>
@stop

@section('scripts')

<script src="/assets/plugins/timepicker/bootstrap-timepicker.min.js"></script>
<script type="text/javascript">
    $(".datepicker").datepicker().on('changeDate', function (ev) {
        $( "#reports_form" ).submit();
    });
    $(document).ready(function() {
        
        $(".timepicker").timepicker({
            showMeridian: false,
            showInputs: false
        });

    });

</script>
@stop