@extends('layouts.container')
@section('title', 'Selamat Datang di Aplikasi Kolegium IPD Cabang')
@section('css')
    <link href="{{asset('/engine/adminLTE/dist/css/skins/skin-black.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('/engine/iCheck/flat/blue.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.min.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{asset('/engine/jquery/themes/admin-theme/jquery-ui.theme.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('body-class', 'skin-black')
@section('content')
	<div class="row">
		<div class="col-md-6">
			<div class="small-box bg-red-gradient">
				<div class="inner">
					<h3>&nbsp;</h3>
					<p>Cek Status</p>
				</div>
				<div class="icon">
					<i class="fa fa-bank"></i>
				</div>
				<a href="{{ URL::route('caridokter-all') }}" target="_blank" class="small-box-footer">
					More info <i class="fa fa-arrow-circle-right"></i>
				</a>
			</div>
		</div>
		<div class="col-md-6">
			<div class="small-box bg-yellow-gradient">
				<div class="inner">
					<h3>&nbsp;</h3>
					<p>Website</p>
				</div>
				<div class="icon">
					<i class="fa fa-mail-reply"></i>
				</div>
				<a href="https://kolegiumipd.org" target="_blank" class="small-box-footer">
					More info <i class="fa fa-arrow-circle-right"></i>
				</a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="box box-danger">
				<div class="box-header">
					<h3 class="box-title">Data Sertifikat Expired</h3>
					<div class="box-tools pull-right">
						<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
						</button>
					</div>
				</div>
				<div class="box-body no-padding" style="height: 300px; overflow: auto">
					<table class="table">
						<thead>
						<tr>
							<th style="width: 10px">#</th>
							<th>Nama (sesuai STR/ijasah)</th>
							<th class="col-md-4 text-center">No. Sertifikat</th>
							<th class="col-md-3 text-center">Tanggal Expired</th>
						</tr>
						</thead>
						<tbody id="data_spesialis_expired">
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			<div class="box box-primary">
				<div class="box-header ui-sortable-handle">
					<i class="ion ion-clipboard"></i>
					<h3 class="box-title">Resume Angka SKP terakhir diupdate</h3>
					<div class="box-tools pull-right"></div>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<ul class="validasi-list todo-list ui-sortable">
						<li>Loading...</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="box box-primary">
				<div class="box-header ui-sortable-handle">
					<i class="ion ion-clipboard"></i>
					<h3 class="box-title">Dokter Spesialis/Subspesialis terakhir diupdate</h3>
					<div class="box-tools pull-right"></div>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<ul class="dokter-list todo-list ui-sortable">
						<li>Loading...</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('js')
    <script src="{{asset('/engine/iCheck/icheck.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/fastclick/fastclick.min.js') }}"></script>
    <script src="{{asset('/engine/slimScroll/jquery.slimscroll.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('/engine/chartjs/chart.min.js') }}"></script>
	<script src="{{asset('/engine/jquery/js/jquery-ui.min.js') }}"></script>
	<script src="{{asset('/engine/multiSelect/js/jquery.multi-select.js') }}" type="text/javascript"></script>
	<script src="{{asset('/engine/multiSelect/js/jquery.quicksearch.js') }}" type="text/javascript"></script>
	<script>
		function doctor_updated() {
            $('.dokter-list').empty();
            $.getJSON('{{ URL::route('dashboard-lastupdateddoctor') }}', function($data) {
                $.each($data, function(index, value) {
                    $('.dokter-list').append('<li><span class="ui-sortable-handle"><i class="fa fa-ellipsis-v"></i><i class="fa fa-ellipsis-v"></i></span><span class="text">' + value.no_registrasi + ' ' + value.biodata_dokter.biodata.nama_lengkap + '</span><br /><small class="label label-info"><i class="fa fa-clock-o"></i> ' + ((value.migrate) ? 'Spesialis' : 'Sub Spesialis') + '</small> <small class="label label-danger"><i class="fa fa-clock-o"></i> ' + value.updated_at + '</small><div class="tools">' + ((value.migrate) ? '<a href="{{ URL::route('pendaftaranspesialis-edit-form', '') }}/' + value.id_register_sp + '">' : '<a href="{{ URL::route('subspesialispendaftaran-edit-form', '') }}/' + value.id_register_sp + '">') + '<i class="fa fa-edit"></i></a></div></li>');
            	});
			});
		}

        function validasi_updated() {
            $('.validasi-list').empty();
            $.getJSON('{{ URL::route('dashboard-lastupdatedvalidasi') }}', function($data) {
                $.each($data, function(index, value) {
                    $('.validasi-list').append('<li><span class="ui-sortable-handle"><i class="fa fa-ellipsis-v"></i><i class="fa fa-ellipsis-v"></i></span><span class="text">' + value.register_np_a.no_registrasi + ' ' + value.biodata_dokter.biodata.nama_lengkap + '</span><br /><small class="label label-info"><i class="fa fa-clock-o"></i> ' + ((value.register_np_a.migrate !== '0') ? 'Spesialis' : 'Sub Spesialis') + '</small> <small class="label label-success"><i class="fa fa-clock-o"></i> ' + ((value.tanggal_terbit === '0000-00-00') ? 'Sudah diverifikasi' : 'Request Verifikasi') + '</small> <small class="label label-danger"><i class="fa fa-clock-o"></i> ' + value.updated_at + '</small></li>');
                });
            });
        }

		$(function() {
		    setTimeout(doctor_updated, 3210);
            setTimeout(validasi_updated, 3210);
            $.ajax({
				'url': '{{ URL::Route('dashboard-expired') }}',
				'method': 'POST',
				'data' : { '_method': 'PUT' }
			}).done(function(e) {
				$.each(e, function($index, $value) {
					var $date = new Date($value['expired']);
					$('#data_spesialis_expired').append('<tr><td style="width: 10px">' + ($index+1) + '.</td><td>' + $value['biodata_dokter']['biodata']['nama_lengkap'] + '</td><td class="col-md-4 text-center">' + $value['sertifikat_expired'] + '</td><td class="col-md-3 text-center">' + $date.getDate() + '-' + ($date.getUTCMonth()+1) + '-' + $date.getFullYear() + '</td></tr>')
				});
			});
		})
	</script>
@endsection