@component('layouts.app')
@section('title','Dashboard')
@section('ContentMenu','Dashboard')

@section('subHeader')
<x-sub-header />
@endsection

@section('content')
<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
    <div class="form-group form-group-xs row">
        <label class="col-1 col-form-label">Hari & Tanggal</label>
        <div class="col-2">
            <span class="form-control-plaintext text-danger" id="textDateNow">12 Juni 2020</span>
        </div>
    </div>

    {{--Total Master Data--}}
    <div class="row">
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Jumlah Window </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountWindows"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Jumlah Layanan </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountService"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Jumlah Program </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountProgram"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Jumlah Sektor </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountSector"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Total Review--}}
    <div class="row">
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Pengajuan Review Berita </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextReviewNews"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Pengajuan Review Kisah </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextReviewStory"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Pengajuan Review Blog </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextReviewBlog"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Total Disetujui--}}
    <div class="row">
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Total Berita Disetujui </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextApproveNews"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Total Kisah Disetujui </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextApproveStory"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title"> Total Blog Disetujui </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextApproveBlog"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Total Publish--}}
    <div class="row">
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Berita Publish </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextNewsPublish"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Kisah Publish</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextStoryPublish"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Blog Publish</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextBlogPublish"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Chart Berita & Kisah--}}
    <div class="row">
        <div class="col-xl-12">
            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                            Grafik Berita, Kisah & Blog
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <canvas id="monthNews" style="height: 300px;"></canvas>
                </div>
            </div>
        </div>
    </div>

    {{--Total Users--}}
    <div class="row">
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Jumlah Kontributor </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountContributor"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Jumlah Reviewer</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountReviewer"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Jumlah Publisher</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountPublisher"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Total User CMS</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountUsers"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Total Event--}}
    <div class="row">
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Jumlah Event </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountEvent"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Event Berjalan </h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountEventRunning"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="kt-portlet">
                <div class="kt-portlet__body  kt-portlet__body--fit">
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title">Event Selanjutnya</h4>
                            </div>
                            <span class="kt-widget24__stats kt-font-brand" id="TextCountEventNext"> 0 </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--Chart Event--}}
    <div class="row">
        <div class="col-xl-12">
            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                            Grafik Acara Tahun {{date('Y')}}
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <canvas id="monthEvent" style="height: 300px;"></canvas>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{asset('app/build/dashboard.js')}}" type="text/javascript"></script>
@endsection
@endcomponent