@extends('template')

@section('title')
    HRIS | Tunjangan Anak 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">Tunjangan Anak</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom: 10px">
        <h5 class="m-b-none"><strong>DAFTAR PENERIMA</strong> TUNJANGAN ANAK</h5>
        <span style="font-size: 11px">Fitur untuk melihat daftar penerima tunjangan anak yang melebihi batas umur</span>
    </div>
    <section class="panel panel-success table-keluarga">
        <header class="panel-heading font-bold">DAFTAR ANAK <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="anak-daftar" class="table table-striped m-b-none" width="100%"  style="font-size: 11px">
                <thead>
                    <tr>
                        <th class="text-center">PEGAWAI</th>
                        <th class="text-center">NAMA</th>
                        <th class="text-center">TGL LAHIR</th>
                        <th class="text-center">UMUR (Thn)</th>
                        <th class="text-center">TUNJANGAN</th>
                        <th class="text-center">BPJS</th>
                        <th class="text-center">ASKOM</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