@extends('admin.app') 

@section('content')

<section class="content-header">
    <h1>Attendance Report</h1>
    <ol class="breadcrumb">
        <li><a href="/admin"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">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">
                        <div class="box-body">
                            <table class="table table-bordered table-striped" style="width: 100%;">
                                <thead>
                                    <tr>
                                    <th>Date</th>
                                    <th>IN Time</th>
                                    <th>Out Time</th>
                                    <th>Work Hours</th>
                                    <th>Status</th>
                                    <th>Type</th>
                                    <th>remark</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($attendances as $attendance)
                                    <tr>
                                        <td>{!! $attendance->date !!}</td>
                                        <td>{!! $attendance->in_time !!}</td>
                                        <td>{!! $attendance->out_time !!}</td>
                                        <td>{!! $attendance->working_hours !!}</td>
                                        <td>{!! $attendance->status !!}</td>
                                        <td>{!! $attendance->type !!}</td>
                                        <td class="remark">{!! $attendance->remark ? $attendance->remark : '-' !!}</td>
                                        <td>
                                            <a href="/admin/attendance/{{$attendance->user_id}}/view/{{$attendance->date}}" class="btn btn-info"><i class="fa fa-eye"></i> View</a>
                                            <a href="/admin/attendance/{{$attendance->id}}/regularize" class="btn btn-success iframe"><i class="fa fa-check"></i> Regularize</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">
    $(document).ready(function() {
        $(".iframe").colorbox({
            iframe: true,
            width: "80%",
            height: "80%",
            onClosed: function () {
                window.location.reload();
            }
        });
    });
</script>
@stop