@extends('layouts.cannavaro.master')

@section('header')
<script src="{!! asset('fullcalendar/lib/moment.min.js') !!}"></script>
<script src="{!! asset('fullcalendar/fullcalendar.min.js') !!}"></script>
<link rel="stylesheet" type="text/css" href="{!! asset('fullcalendar/fullcalendar.min.css') !!}">
@stop

@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('company') || Auth::user()->hasRole('supplier'))
<div class="row">

    <div class="col-lg-12">
        <ul class="list-inline">
            <!--li><strong>Petunjuk :</strong></li-->
            <li><span class='label label-success'>Setuju Terima</span></li>
            <li><span class='label label-warning'>Menunggu Setuju Terima</span></li>
            <li><span class='label label-default'>Batal</span></li>
            <li><span class='label label-info'>Tolak Tawaran</span></li>
            <li><span class='label label-danger'>Tidak Respon</span></li>
        </ul>
    </div>

    <div class="col-lg-12">
        <div class="table-responsive">
        {!! $calendar->calendar() !!}
        {!! $calendar->script() !!}
        </div>
    </div>

    <!--div class="col-lg-3">
        <div class="box">
        <div class="box-body">
            <div class="news-widget">
                <h2><span class="bg-green">Permohonan 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') }}"> 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">Permohonan 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') }}"> Pembangunan </a> </h5>
                <div style="clear:both;"></div>
            </div>
        </div>
        </div>
    </div-->

</div>

@endif


@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);
                $('.pct_robaru_operasi').append(data.pct_robaru_operasi);
                $('.pct_robaru_pembangunan').append(data.pct_robaru_pembangunan);
                $('.pct_needlpo_operasi').append(data.pct_needlpo_operasi);
                $('.pct_needlpo_pembangunan').append(data.pct_needlpo_pembangunan);
                $('.director_lulus').append(data.director_lulus);
                $('.fin_invoice_operasi').append(data.fin_invoice_operasi);
                $('.fin_invoice_pembangunan').append(data.fin_invoice_pembangunan);

            }
        });

    } 

	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