@extends('layouts.cannavaro.master')

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="{{ URL::to('home') }}"><span></span>Panel Utama</a>
    </li>
</ol>
@stop

@section('content')

<div class="alert alert-info">
    <button data-dismiss="alert" class="close" type="button">×</button>
    <span class="entypo-info-circled"></span>
    <strong>{{ __('Admin::base.welcome') }}</strong>&nbsp;&nbsp;{{ Auth::user()->name }}.
</div>

@if(Auth::user()->hasRole('deptdirector') || Auth::user()->hasRole('vicedirector') || Auth::user()->hasRole('director'))
<!--div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">Menunggu Kelulusan</span></h2>
                <i class="fa fa-check-double"></i>
                <h4 class="text-green countdiv director_lulus">0</h4>
                <h5> 
                    @if(Auth::user()->hasRole('deptdirector'))
                    <a href="{{ route('proses.permohonan.lulus') }}"> Tindakan </a> 
                    @endif
                    @if(Auth::user()->hasRole('vicedirector'))
                    <a href="{{ route('proses.permohonan.lulus2') }}"> Tindakan </a> 
                    @endif
                    @if(Auth::user()->hasRole('director'))
                    <a href="{{ route('proses.permohonan.lulus3') }}"> Tindakan </a> 
                    @endif
                </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div-->
@endif 

@if(Auth::user()->hasRole('finance') || Auth::user()->hasRole('financept'))
<div class="row">

    @if(Auth::user()->detail->unit->parent_id == 0)
    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Invoice Lengkap</span></h2>
                <i class="fa fa-file-invoice"></i>
                <h4 class="text-yellow countdiv fin_invoice_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/1/6') }}?datastatus=F"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Invoice Lengkap</span></h2>
                <i class="fa fa-file-invoice"></i>
                <h4 class="text-yellow countdiv fin_invoice_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/2/6') }}?datastatus=F"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>
    @else
    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Invoice Lengkap</span></h2>
                <i class="fa fa-file-invoice"></i>
                <h4 class="text-yellow countdiv fin_invoice_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/2/6') }}?datastatus=F"> Permohonan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>
    @endif

</div>
@endif

@if(Auth::user()->hasRole('reviewer') || Auth::user()->hasRole('preparer'))
@if(Auth::user()->detail->unit->parent_id == 0)
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">RO Baru</span></h2>
                <i class="fa fa-folder-open"></i>
                <h4 class="text-green countdiv pct_robaru_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/1') }}?datastatus=S"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">RO Baru</span></h2>
                <i class="fa fa-folder-open"></i>
                <h4 class="text-green countdiv pct_robaru_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/2/1') }}?datastatus=S"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">Dalam Semakan</span></h2>
                <i class="fa fa-tasks"></i>
                <h4 class="text-red countdiv pct_dlmsemakan_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/2') }}?datastatus=P"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">Dalam Semakan</span></h2>
                <i class="fa fa-tasks"></i>
                <h4 class="text-red countdiv pct_dlmsemakan_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/2/2') }}?datastatus=P"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-aqua">Perlu Pengemaskinian</span></h2>
                <i class="fa fa-edit"></i>
                <h4 class="text-aqua countdiv pct_updatero_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/1') }}?datastatus=U"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-aqua">Perlu Pengemaskinian</span></h2>
                <i class="fa fa-edit"></i>
                <h4 class="text-aqua countdiv pct_updatero_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/2/1') }}?datastatus=U"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-blue">Perlu Sedia LPO</span></h2>
                <i class="fa fa-file-upload"></i>
                <h4 class="text-blue countdiv pct_needlpo_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/1/3') }}?datastatus=H"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-blue">Perlu Sedia LPO</span></h2>
                <i class="fa fa-file-upload"></i>
                <h4 class="text-blue countdiv pct_needlpo_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/2/3') }}?datastatus=H"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Pengesahan Invoice</span></h2>
                <i class="fa fa-file-signature"></i>
                <h4 class="text-yellow countdiv pct_sahinv_operasi">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/5') }}?datastatus=M"> Operasi </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Pengesahan Invoice</span></h2>
                <i class="fa fa-file-signature"></i>
                <h4 class="text-yellow countdiv pct_sahinv_pembangunan">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/2/5') }}?datastatus=M"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
@else
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">RO Baru</span></h2>
                <i class="fa fa-folder-open"></i>
                <h4 class="text-green countdiv pct_robaru_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/1') }}?datastatus=S"> Semak </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">Dalam Semakan</span></h2>
                <i class="fa fa-tasks"></i>
                <h4 class="text-red countdiv pct_dlmsemakan_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/2') }}?datastatus=P"> Semak </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-aqua">Perlu Pengemaskinian</span></h2>
                <i class="fa fa-edit"></i>
                <h4 class="text-aqua countdiv pct_updatero_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/1') }}?datastatus=U"> Kemaskini </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-blue">Perlu Sedia LPO</span></h2>
                <i class="fa fa-file-upload"></i>
                <h4 class="text-blue countdiv pct_needlpo_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistfin/11/1/3') }}?datastatus=H"> Proses </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-yellow">Pengesahan Invoice</span></h2>
                <i class="fa fa-file-signature"></i>
                <h4 class="text-yellow countdiv pct_sahinv_wilayah">0</h4>
                <h5> <a href="{{ URL::to('permohonan/globallistpct/10/1/5') }}?datastatus=M"> Pengesahan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
@endif

@endif

@if(Auth::user()->hasRole('admin') || Auth::user()->hasRole('reviewer') || Auth::user()->hasRole('preparer') || Auth::user()->hasRole('finance') || Auth::user()->hasRole('financept') || Auth::user()->hasRole('approver') || Auth::user()->hasRole('assetofficer') || Auth::user()->hasRole('officer'))
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">Menunggu Sokongan Penyelia</span></h2>
                <i class="fa fa-check-circle"></i>
                <h4 class="text-green countdiv pemohon_sokongan_penyelia">0</h4>
                <h5> <a href="{{ route('proses.permohonan') }}"> Permohonan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-aqua">Perlu Pengemaskinian Semula</span></h2>
                <i class="fa fa-edit"></i>
                <h4 class="text-aqua countdiv pemohon_kemaskini_semula">0</h4>
                <h5> <a href="{{ route('proses.permohonan') }}"> Permohonan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">LPO Sedia Untuk Pembekal</span></h2>
                <i class="fa fa-file-export"></i>
                <h4 class="text-red countdiv pemohon_lpo_sedia">0</h4>
                <h5> <a href="{{ route('proses.permohonan') }}"> Permohonan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-blue">Perlu Pengemaskinian Invoice</span></h2>
                <i class="fa fa-edit"></i>
                <h4 class="text-blue countdiv pemohon_kemaskini_invoice">0</h4>
                <h5> <a href="{{ route('proses.permohonan') }}"> Permohonan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>
    
</div>
@endif

@if(Auth::user()->hasRole('approver'))
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">Perlu Sokongan</span></h2>
                <i class="fa fa-check-circle"></i>
                <h4 class="text-red countdiv penyokong_sokongan_penyelia">0</h4>
                <h5> <a href="{{ route('proses.permohonan.sokong') }}"> Tindakan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
@endif


@if(Auth::user()->hasRole('assetofficer'))
<div class="row">

    <div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-red">Perlu Sokongan Permohonan Aset</span></h2>
                <i class="fa fa-check-circle"></i>
                <h4 class="text-red countdiv aset_sokongan_aset">0</h4>
                <h5> <a href="{{ route('proses.permohonan.asetalih') }}"> Tindakan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div>

</div>
@endif


@if(Auth::user()->hasRole('superadmin') || Auth::user()->hasRole('admin') || Auth::user()->hasRole('deptdirector') || Auth::user()->hasRole('vicedirector') || Auth::user()->hasRole('director') || Auth::user()->hasRole('reviewer') || Auth::user()->hasRole('preparer') || Auth::user()->hasRole('finance') || Auth::user()->hasRole('financept'))
<div class="row">    
    <div class="col-lg-6">
        <div class="box bg-transparent">
            <div class="box-body">
            {!! $chart->html() !!}
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="box bg-transparent">
            <div class="box-body">
            {!! $pie->html() !!}
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="box">
            <div class="box-body">
            {!! $chart2->html() !!}
            </div>
        </div>
    </div>
    <!--div class="col-lg-6">
        <div class="box">
            <div class="box-body">

                <canvas id="marksChart" width="600" height="400"></canvas>

            </div>
        </div>
    </div-->
    <!--div class="col-lg-6">
        <div class="box">
            <div class="box-body">
                <table class="table table-bordered table-striped cf">
                    <thead class="cf">
                        <tr>
                            <th rowspan="2" class="text-center">Bulan</th>
                            <th rowspan="2" class="text-center">Jumlah RO</th>
                            <th colspan="4" class="numeric text-center">Prestasi Masa (Hari)</th>
                        </tr>
                        <tr>
                            <th class="numeric">Min</th>
                            <th class="numeric">Max</th>
                            <th class="numeric">Average</th>
                            <th class="numeric">Median</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Jan</td>
                            <td class="text-center">20</td>
                            <td class="numeric text-right">2</td>
                            <td class="numeric text-right">51</td>
                            <td class="numeric text-right">11.7</td>
                            <td class="numeric text-center">7</td>
                        </tr>
                    </tbody>
                </table>                
            </div>
        </div>
    </div-->
</div>
@endif

@if(in_array(Auth::user()->id,[46,355]))
<!--div class="col-lg-3">
    <div class="content-bg">
    <div class="content-icon">
        <a data-toggle="tooltip" title="{{ (Globe::baseconf('config_email_notification')==1) ? 'Nyahaktif Notifikasi Emel' : 'Aktifkan Notifikasi Emel' }}" class="btn btn-xs {{ (Globe::baseconf('config_email_notification')==1) ? 'fa-danger' : 'fa-success' }} dom_activeemail" data-status="{{ Globe::baseconf('config_email_notification') }}" value="{{ route('admin.updateemailstatus',Globe::baseconf('config_email_notification')) }}">
            <i class="fa {{ (Globe::baseconf('config_email_notification')==1) ? 'fa-check bg-green' : 'fa-times bg-red' }}"></i>
        </a>
        <h2 class="{{ (Globe::baseconf('config_email_notification')==1) ? 'text-green' : 'text-red' }}">{{ (Globe::baseconf('config_email_notification')==1) ? 'AKTIF' : 'TIDAK AKTIF' }}</h2>
        <p><font color="black">Tetapan Notifikasi Emel</font></p>
        <p>
            <a data-toggle="tooltip" title="Aktifkan Notifikasi Emel" class="btn btn-xs {{ (Globe::baseconf('config_email_notification')==1) ? 'fa-danger' : 'fa-success' }} dom_activeemail" data-status="{{ Globe::baseconf('config_email_notification') }}" value="{{ route('admin.updateemailstatus',Globe::baseconf('config_email_notification')) }}"> {{ (Globe::baseconf('config_email_notification')==1) ? 'Nyahaktif' : 'Aktifkan' }}</a>
        </p>
    </div>
    </div>
</div-->
@endif
<!--div class="col-lg-6">
    <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">Today</span></h2>
                <i class="fontello-shop-1"></i>
                <h4 class="text-green">832</h4>
                <h5>SALES</h5>
                <div style="clear:both;">
                    
                </div>
            </div>
        </div>
    </div>
</div-->

<!--div class="col-lg-12 announcementdiv">
    <div class="box">
        <div class="box-header">
            <div class="pull-right box-tools">

                <span class="box-btn" data-widget="collapse"><i class="fa fa-minus"></i>
                </span>
                <span class="box-btn" data-widget="remove"><i class="fa fa-times"></i>
                </span>
            </div>
            <h3 class="box-title"><i class="fa fa-bullhorn"></i> 
                <span>Makluman</span>
            </h3>
        </div>
        <div class="box-body" style="display: block;">
            
            <table id="responsive-example-table" class="table table-striped large-only">
                <tbody class="announcementtr">
                </tbody>
            </table>
            
        </div>
    </div>
</div-->

<!--div class="col-lg-6 announcementdiv">
    <div class="box">
        <div class="box-header">
            <div class="pull-right box-tools">
                <span class="box-btn bg-green"><i class="fa fa-bullhorn"></i>
                </span>

            </div>
            <div class="media direction">
                <span class="pull-left">
                    <i class="media-object fontello-chart-alt-outline"></i>
                </span>
                <div class="media-body">
                    <h3 style="margin:-2px 0 0" class="media-heading">MAKLUMAN</h3>
                    <h4>Trans Studio, Kiara Condong</h4>
                    <span class="pull-right"></span>
                </div>
            </div>
        </div>
        <div class="box-body no-padding">
            <ul class="list-unstyled newsticker" style="height: 400px; overflow: hidden;">  
                <li class="bg-red" style="margin-top: 00px;">
                    <ul class="list-unstyled jalur-nest">
                        <li>
                            "Happy brithday to you hunny"
                        </li>
                        <li>
                            <i class="fa fa-google-plus"></i>
                            <i class="fontello-chronograph"></i>&nbsp;&nbsp;11 Menit 24 Detik
                        </li>
                    </ul>
                </li>  
            </ul>
        <br>
        <br>
        </div>
    </div>
</div-->




@stop 

@section('footer')

<!-- 
{!! Charts::scripts() !!}
-->

@if(Auth::user()->hasRole('superadmin') || Auth::user()->hasRole('admin') || Auth::user()->hasRole('deptdirector') || Auth::user()->hasRole('vicedirector') || Auth::user()->hasRole('director') || Auth::user()->hasRole('reviewer') || Auth::user()->hasRole('preparer') || Auth::user()->hasRole('finance') || Auth::user()->hasRole('financept'))
<!--script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script-->
<script type="text/javascript" src="https://cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/2.1.2/all/gauge.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.10.1/chartist.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<script type="text/javascript" src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">google.charts.load('current', {'packages':['corechart', 'gauge', 'geochart', 'bar', 'line']})</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.7/highcharts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.7/js/modules/offline-exporting.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highmaps/5.0.7/js/modules/map.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highmaps/5.0.7/js/modules/data.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/mapdata/custom/world.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.6/raphael.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.2/justgage.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.6/raphael.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/2.8.0/plottable.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.0.1/progressbar.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.6.2/echarts.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.2/amcharts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.2/serial.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.2/plugins/export/export.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.2/themes/light.js"></script>

{!! $chart->script() !!}
{!! $pie->script() !!}
{!! $chart2->script() !!}
@endif
<!-- -->

<script type="text/javascript">

	$(document).ready(function() {

        countDataPermohonan();

        var marksCanvas = document.getElementById("marksChart");

        var marksData = {
          labels: ["English", "Maths", "Physics", "Chemistry", "Biology", "History"],
          datasets: [{
            label: "Student A",
            backgroundColor: "rgba(200,0,0,0.2)",
            data: [65, 75, 70, 80, 60, 80]
          }, {
            label: "Student B",
            backgroundColor: "rgba(0,0,200,0.2)",
            data: [54, 65, 60, 70, 70, 75]
          }]
        };

        var radarChart = new Chart(marksCanvas, {
          type: 'radar',
          data: marksData
        });

        /*var ctx = document.getElementById('chLine').getContext('2d');
        var chart = new Chart(ctx, {
            // The type of chart we want to create
            type: 'line',

            // The data for our dataset
            data: {
                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
                datasets: [{
                    label: 'My First dataset',
                    backgroundColor: 'rgb(255, 99, 132)',
                    borderColor: 'rgb(255, 99, 132)',
                    data: [0, 10, 5, 2, 20, 30, 45]
                }]
            },

            // Configuration options go here
            options: {}
        });*/

                /*var ctx = document.getElementById('chLine').getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
                datasets: [{
                    label: '# of Votes',
                    data: [12, 19, 3, 5, 2, 3],
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(255, 206, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(255, 159, 64, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 99, 132, 1)',
                        'rgba(54, 162, 235, 1)',
                        'rgba(255, 206, 86, 1)',
                        'rgba(75, 192, 192, 1)',
                        'rgba(153, 102, 255, 1)',
                        'rgba(255, 159, 64, 1)'
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                }
            }
        });*/

               /* var chartData = {
                    labels: ["S", "M", "T", "W", "T", "F", "S"],
                    datasets: [{
                        data: [589, 445, 483, 503, 689, 692, 634],
                    },
                    {
                        data: [639, 465, 493, 478, 589, 632, 674],
                    }]
                };

                var chLine = document.getElementById('chLine');
                console.log(chLine);
        if (chLine) {
          new Chart(chLine, {
          type: 'line',
          data: chartData,
          options: {
            scales: {
              yAxes: [{
                ticks: {
                  beginAtZero: false
                }
              }]
            },
            legend: {
              display: false
            }
          }
          });
        }*/

        // $('.announcementdiv').hide();

        // $.ajax({
        //     url: '{{ URL::to("data/announcement/getannoucementdashboard") }}',
        //     type: 'get',
        //     dataType: 'json',
        //     success:function(data) {
        //         //console.log(data);
        //         if(data.length > 0){
        //             var color = '';
        //             var jabatandesc = '';
        //             $.each(data, function(i, item) {
        //                 //console.log(i);
        //                 console.log(item);
        //                 if(item.announcement_label == 2){
        //                     color = '#0000CD';
        //                 }else if(item.announcement_label == 3){
        //                     color = '#FF0000';
        //                 }else{ //1
        //                     color = '#008000';
        //                 }
        //                 if(item.jabatan_desc != null){
        //                     jabatandesc = '[ '+item.jabatan_desc+' ]';
        //                 }
        //                 $('tbody').append('<tr><td class="container"><b>'+item.staffname+' '+jabatandesc+' [ '+item.updatedate+' ]</b><br><br><b><font color="'+color+'">'+item.announcement_subject+'</font></b><br>'+item.announcement_desc+'</td></tr>');
        //             });

        //             $('.announcementdiv').show();
        //         }
        //     }
        // });

		setInterval(function(){
	        $('blink').each(function() {
	            $(this).toggle();
	        }); }, 
		800);

		setInterval(function(){
			//getEmergencyCount();
		},10000);


	});

    $('.dom_activeemail').on('click', function() {
    
        var url = $(this).attr('value');
        var status = $(this).data('status');
        var titlemsg = '';
        var textmsg = '';
        var confirmbtntext = '';
        if(status == '1'){ 
            titlemsg = 'Anda pasti untuk nyahaktif?';
            textmsg = '';
            confirmbtntext = 'Ya, nyahaktif!';
        }else{ 
            titlemsg = 'Anda pasti untuk aktifkan?';
            textmsg = '';
            confirmbtntext = 'Ya, aktifkan!';
        }

        swal({
            title: titlemsg,
            text: textmsg,
            type: 'warning',
            showCancelButton: true,
            cancelButtonText: 'Tidak',
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: confirmbtntext,
          
            preConfirm: function() {
                return new Promise(function(resolve) {

                 window.location.href = url;

                });
            },

        }).then(function () {
            swal(
                '{{ __("Admin::base.deleted") }}!',
                '{{ __("Admin::base.deletedtext") }}.',
                'success'
            )
        });

    });

    function countDataPermohonan(){

        $.ajax({
            url: '{{ URL::to("permohonan/ajaxCountPermohonanDashboard") }}',
            type: 'get',
            dataType: 'json',
            success:function(data) {
                
                console.log(data);
                $('.countdiv').empty();
                $('.pemohon_sokongan_penyelia').append(data.pemohon_sokongan_penyelia);
                $('.pemohon_kemaskini_semula').append(data.pemohon_kemaskini_semula);
                $('.pemohon_lpo_sedia').append(data.pemohon_lpo_sedia);
                $('.pemohon_kemaskini_invoice').append(data.pemohon_kemaskini_invoice);
                $('.penyokong_sokongan_penyelia').append(data.penyokong_sokongan_penyelia);
                $('.aset_sokongan_aset').append(data.aset_sokongan_aset);
                $('.pct_robaru_operasi').append(data.pct_robaru_operasi);
                $('.pct_robaru_pembangunan').append(data.pct_robaru_pembangunan);
                $('.pct_dlmsemakan_operasi').append(data.pct_dlmsemakan_operasi);
                $('.pct_dlmsemakan_pembangunan').append(data.pct_dlmsemakan_pembangunan);
                $('.pct_updatero_operasi').append(data.pct_updatero_operasi);
                $('.pct_updatero_pembangunan').append(data.pct_updatero_pembangunan);
                $('.pct_needlpo_operasi').append(data.pct_needlpo_operasi);
                $('.pct_needlpo_pembangunan').append(data.pct_needlpo_pembangunan);
                $('.pct_sahinv_operasi').append(data.pct_sahinv_operasi);
                $('.pct_sahinv_pembangunan').append(data.pct_sahinv_pembangunan);
                $('.director_lulus').append(data.director_lulus);
                $('.fin_invoice_operasi').append(data.fin_invoice_operasi);
                $('.fin_invoice_pembangunan').append(data.fin_invoice_pembangunan);

                //wilayah
                $('.pct_robaru_wilayah').append(data.pct_robaru_wilayah);
                $('.pct_dlmsemakan_wilayah').append(data.pct_dlmsemakan_wilayah);
                $('.pct_updatero_wilayah').append(data.pct_updatero_wilayah);
                $('.pct_needlpo_wilayah').append(data.pct_needlpo_wilayah);
                $('.pct_sahinv_wilayah').append(data.pct_sahinv_wilayah);
                $('.fin_invoice_wilayah').append(data.fin_invoice_wilayah);

            }
        });

    } 

	function getEmergencyCount(){

		//$('#emergencycount').empty();

		$.ajax({
            url: '{{ URL::to("resident/emergency/count") }}',
            type: 'get',
            dataType: 'json',
            success:function(data) {
            	$('#emergencycount').empty();
                if(data=='0'){
                	$('#emergencycount').append(data);
                }else{
                	$('#emergencycount').append('<blink>'+data+'</blink> Case(s)');
                }

            }
        });

	}

</script>
@stop