@extends('layouts.app')
@section('pageTitle', 'Dashboard')
@section('content')
@include('notify')
    <!-- Page header -->
    <div class="page-header page-header-default">
        <div class="page-header-content">
            <div class="page-title padd-all-10">
                <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Home</span> - Dashboard</h4>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="alert alert-warning alert-styled-left marg-bot-10">
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span><span class="sr-only">Close</span></button>
            <span class="text-semibold">Warning!</span> Bagi pengguna browser Chrome di Android, untuk akses yang lebih cepat pastikan fitur Data Saver anda di-set OFF
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="panel panel-white marg-bot-10">
                    <div class="panel-heading padd-all-10"><h6 class="panel-title">Absensi Bulan Ini</h6></div>
                    <div class="panel-body padd-all-10">
                        <div class="form-horizontal">
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Hadir (Tepat Waktu)</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->hadir_tepat_waktu}}</div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Hadir (Terlambat)</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->hadir_terlambat}}</div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Izin</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->izin}}</div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Sakit (Ada Surat)</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->sakit_ada_surat}}</div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Off</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->off}}</div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                                <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Tidak Hadir</div>
                                <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$month->alfa}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-white marg-bot-10">
                    <div class="panel-heading padd-all-10"><h6 class="panel-title">Absensi 90 Hari Terakhir</h6></div>
                    <div class="panel-body padd-all-10">
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Hadir (Tepat Waktu)</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->hadir_tepat_waktu}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Hadir (Terlambat)</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->hadir_terlambat}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Izin</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->izin}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Sakit (Ada Surat)</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->sakit_ada_surat}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Off</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->off}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Tidak Hadir</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{$ninety_days->alfa}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-white marg-bot-10">
                    <div class="panel-heading padd-all-10"><h6 class="panel-title">Review Manajemen</h6></div>
                    <div class="panel-body padd-all-10">
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Penilaian</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{(!empty($penilaian->status)?$penilaian->status:'-')}}</div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 no-padding" style="display: flex;">
                            <div class="col-lg-8 col-md-8 col-xs-8 no-padding" style="float: left;">Catatan</div>
                            <div class="col-lg-4 col-md-4 col-xs-4 text-right" style="float: right;">{{(!empty($penilaian->note)?$penilaian->note:'-')}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    

    <!-- /page header -->
@endsection