<!-- 
expose component model to current view
e.g $arrDataFromDb = $comp_model->fetchData(); //function name
-->
@inject('comp_model', 'App\Models\ComponentsData')
<?php 
    $pageTitle = "Home"; // set dynamic page title
?>
@extends($layout)
@section('title', $pageTitle)
@section('content')
<div>
    <div  class="bg-light p-3 mb-3" >
        <div class="container-fluid">
            <div class="row ">
                <div class="col-md-12 comp-grid " >
                    <div class=" h5 font-weight-bold" >
                        Home
                    </div>
                    <hr />
                </div>
            </div>
        </div>
    </div>
    <div  class="mb-3" >
        <div class="container-fluid">
            <div class="row ">
                <div class="col-md-3 col-sm-4 comp-grid " >
                    <!--Include chart component-->
                    @include("pages.home-layanan-verifikator-hari-ini")
                </div>
                <div class="col-md-3 col-sm-4 comp-grid " >
                    <?php $rec_count = $comp_model->getcount_denpasarselatan();  ?>
                    <a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
                    <div class="row gutter-sm align-items-center">
                        <div class="col-auto" style="opacity: 1;">
                            <i class="fa fa-globe"></i>
                        </div>
                        <div class="col">
                            <div class="flex-column justify-content align-center">
                                <div class="title">Denpasar Selatan</div>
                                <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
                            </div>
                            <h2 class="value"><?php echo $rec_count; ?></h2>
                        </div>
                    </div>
                </a>
                <?php $rec_count = $comp_model->getcount_denpasartimur();  ?>
                <a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
                <div class="row gutter-sm align-items-center">
                    <div class="col-auto" style="opacity: 1;">
                        <i class="fa fa-globe"></i>
                    </div>
                    <div class="col">
                        <div class="flex-column justify-content align-center">
                            <div class="title">Denpasar Timur</div>
                            <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
                        </div>
                        <h2 class="value"><?php echo $rec_count; ?></h2>
                    </div>
                </div>
            </a>
            <?php $rec_count = $comp_model->getcount_denpasarbarat();  ?>
            <a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
            <div class="row gutter-sm align-items-center">
                <div class="col-auto" style="opacity: 1;">
                    <i class="fa fa-globe"></i>
                </div>
                <div class="col">
                    <div class="flex-column justify-content align-center">
                        <div class="title">Denpasar Barat</div>
                        <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
                    </div>
                    <h2 class="value"><?php echo $rec_count; ?></h2>
                </div>
            </div>
        </a>
        <?php $rec_count = $comp_model->getcount_denpasarutara();  ?>
        <a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
        <div class="row gutter-sm align-items-center">
            <div class="col-auto" style="opacity: 1;">
                <i class="fa fa-globe"></i>
            </div>
            <div class="col">
                <div class="flex-column justify-content align-center">
                    <div class="title">Denpasar Utara</div>
                    <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
                </div>
                <h2 class="value"><?php echo $rec_count; ?></h2>
            </div>
        </div>
    </a>
    <?php $rec_count = $comp_model->getcount_cetakkiaektppaket();  ?>
    <a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
    <div class="row gutter-sm align-items-center">
        <div class="col-auto" style="opacity: 1;">
            <i class="fa fa-globe"></i>
        </div>
        <div class="col">
            <div class="flex-column justify-content align-center">
                <div class="title">Cetak KIA e-KTP Paket</div>
                <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
            </div>
            <h2 class="value"><?php echo $rec_count; ?></h2>
        </div>
    </div>
</a>
<?php $rec_count = $comp_model->getcount_layanangsd();  ?>
<a class="animated zoomIn record-count alert alert-primary"  href='<?php print_link("#") ?>' >
<div class="row gutter-sm align-items-center">
    <div class="col-auto" style="opacity: 1;">
        <i class="fa fa-globe"></i>
    </div>
    <div class="col">
        <div class="flex-column justify-content align-center">
            <div class="title">Layanan GSD</div>
            <small class="">Sisa Blanko e-KTP WNI Hari Ini</small>
        </div>
        <h2 class="value"><?php echo $rec_count; ?></h2>
    </div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
@endsection
<!-- Page custom css -->
@section('pagecss')
<style>
</style>
@endsection
<!-- Page custom js -->
@section('pagejs')
<script>
    $(document).ready(function(){
    // custom javascript | jquery codes
    });
</script>
@endsection
