@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>

<!--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')

<script type="text/javascript">

	$(document).ready(function() {

        // $('.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);

	});

	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