@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">
    @if (isset($status))
    <div class="pad margin no-print">
        <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
            <ul>
                @foreach ($status['messages'] as $m)
                    <li>{{$m}}</li>
                @endforeach
            </ul>
        </div>
    </div>
    @endif

    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title"> Attendance Summary</h3>
                </div><!-- /.box-header -->
                 <div class="box-body">
                    @if (isset($attendanceSummary) && $attendanceSummary)
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <table class="table table-bordered table-striped" style="width: 100%;">
                                    <tr>
                                        <th>Date</th>
                                        <td>{{$attendanceSummary->date}}</td>
                                        <th>Status</th>
                                        <td>{{$attendanceSummary->status}}</td>
                                    </tr>
                                    <tr>
                                        <th>In Time</th>
                                        <td>{{$attendanceSummary->in_time OR '--'}}</td>
                                        <th>Out Time</th>
                                        <td>{{$attendanceSummary->out_time OR '--'}}</td>
                                    </tr>
                                    <tr>
                                        <th>Working Hours</th>
                                        <td>{{$attendanceSummary->working_hours OR 0}} Hrs.</td>
                                        <th>Attendance Type</th>
                                        <td>{{$attendanceSummary->type}}</td>
                                    </tr>
                                    <tr>
                                        <th>Remark</th>
                                        <td>{{$attendanceSummary->remark OR '--'}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    @endif
                     <div class="panel panel-default">
                        <div class="panel-body">
                            <legend>In and Outs</legend>
                            <table class="table table-bordered table-striped" style="width: 100%;">
                                <thead>
                                    <tr>
                                    <th>Type</th>
                                    <th>time</th>
                                    <th>remark</th>
                                    <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($attendances as $attendance)
                                    <tr>
                                        <td class="name">{!! $attendance->type !!}</td>
                                        <td class="in_time">{!! $attendance->created_at !!}</td>
                                        <td class="remark">{!! $attendance->remark ? $attendance->remark : '-' !!}</td>
                                        <td>
                                            <a target="_blank" href="http://maps.google.com/maps?q={{$attendance->latitude}},{{$attendance->longitude}}" class="btn btn-info"><i class="fa fa-map"></i> Location</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() {
       
    });
</script>
@stop