@extends('admin.app') 

@section('content')

<section class="content-header">
    <h1>Daily Attendance Report</h1>
    <ol class="breadcrumb">
        <li><a href="/admin"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Daily 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>Emp Name</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Remark</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($attendanceRequests as $request)
                                    <tr>
                                        <td class="name">{!! $request->user->name !!}</td>
                                        <td class="in_time">{!! $request->date !!}</td>
                                        <td class="in_time">{!! $request->status !!}</td>
                                        <td class="out_time">{!! $request->remark !!}</td>
                                        <td>
                                            @if($request->status == 'pending')
                                            <a href="/admin/attendance/request/{{$request->id}}/approve" class="btn btn-primary"><i class="fa fa-ok"></i> Aprove</a>
                                            <a href="/admin/attendance/request/{{$request->id}}/approve" class="btn btn-danger"><i class="fa fa-cancel"></i> Reject</a>
                                            @endif
                                             <a href="/admin/attendance/{{$request->user_id}}/view/{{$request->date}}" class="btn btn-info"><i class="fa fa-eye"></i> Details</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