@extends('template')

@section('title')
    HRIS | HUT Pegawai
@stop

@section('top_script')
    @include('notifikasi::layouts.top_script')
@stop

@section('content')
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a href="{{ url('home') }}"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#">Notifikasi</a></li>
        <li class="active">HUT Pegawai</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom: 10px">
        <h5 class="m-b-none"><strong>DAFTAR HUT PEGAWAI</strong> HARI INI</h5>
        <span style="font-size: 11px">Fitur untuk melihat daftar pegawai yang berulang tahun hari ini</span>
    </div>
    <section class="panel panel-success table-keluarga">
        <header class="panel-heading font-bold">
            DAFTAR PEGAWAI
            <i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i>
        </header>
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="hut-daftar" class="table table-striped m-b-none" width="100%"  style="font-size: 11px">
                <thead>
                    <tr>
                        <th class="text-center">NIP</th>
                        <th class="text-center">NAMA</th>
                        <th class="text-center">BAGIAN</th>
                        <th class="text-center">JABATAN</th>
                        <th class="text-center">TTL</th>
                        <th class="text-center">TELEPON</th>
                        <th class="text-center">AKSI</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </section>
</section>
@stop

@section('bottom_script')
    @include('notifikasi::layouts.bottom_script')
@stop