@extends('akun.layout')

@push('stylesheet')
@endpush

@section('content_search')
@endsection

@section('content_header')
    <div class="B1tEqd">
        <a x_data-toggle="modal" x_data-href="#ProfileModal" href="{{ route('akun.info') }}">
            <img alt="image" class="img-fluid rounded-circle preview-avatar" 
            src="{{ 
            (   file_exists( 'avatar/'.strtolower( trim(Auth::user()->userid) ).'.jpg') ) ? 
                asset('avatar/'.strtolower( trim(Auth::user()->userid) ).'.jpg') :
                asset('avatar/user-pdam.png')
            }}" style="width:128px; height:128px;"/>
        </a>
    </div>
    <h1 class="x7WrMb">Welcome, {{ Session('hris_pegawai_nama') }}</h1>
    <div class="cmSWBc">Aplikasi Sistem Informasi Kelola Data {{ config('custom.aplikasi') }}</div>
@endsection

@section('content_body')
    @if(Auth::check())
    <section class="dQBdyc">
        <div class="wJpH8c">
            <article class="GIxHAe gd0DBb">
                <div class="  XLK0Od">
                    <div class="ahh38c">
                        <div class="ugt2L iDdZmf">
                            <div>
                                <div class="N5YmOc kJXJmd">
                                    <header class="mSUZQd">
                                        <div class="jbRlDc">
                                            <h2 class="fnfC4c">Informasi Akun</h2>
                                            <div class="ISnqu">
                                                <div>Data Informasi User, berisi nama, username beserta perubahan Password</div>
                                            </div>
                                        </div>
                                        <div class="CljqTd">                                        
                                            <div class="fxHFgc">
                                                <figure class="HJOYV HJOYVi12" style="width:96px;height:96px;">
                                                    <img class="YPzqGd" src="https://www.gstatic.com/identity/boq/accountsettingsmobile/dataandpersonalization_icon_96x96_cdb6dff2e31ed6745ece4662231bfd48.png">
                                                </figure>
                                            </div>
                                        </div>
                                    </header>
                                </div>
                            </div>
                        </div>
                        <div class="ugt2L ul8zCc aK2X8b t97Ap">
                            <div class="cv2gi" role="presentation">
                                <div class="Q5jTGb"></div>
                            </div>
                            <div class="VfPpkd-ksKsZd-XxIAqe">
                                <a href="{{ route('akun.info') }}" class="VZLjze Wvetm I6g62c N5YmOc kJXJmd">
                                    <div class="mtfBU">Kelola data akun anda</div>
                                </a></div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
        <div class="wJpH8c">
            <article class="GIxHAe gd0DBb">
                <div class="  XLK0Od">
                    <div class="ahh38c">
                        <div class="ugt2L iDdZmf">
                            <div>
                                <div class="N5YmOc kJXJmd">
                                    <header class="mSUZQd">
                                        <div class="jbRlDc">
                                            <h2 class="fnfC4c">IT Support</h2>
                                            <div class="ISnqu">
                                                <div>Berisi Data Permohonan Layanan {{ config('custom.aplikasi') }} Anda</div>
                                            </div>
                                        </div>
                                        <div class="CljqTd">
                                            <div class="fxHFgc">
                                                <figure class="HJOYV HJOYVi14 p-2" style="width:96px;height:96px;">
                                                    <img class="YPzqGd" src="{{ asset('global_assets/images/icon/designer_96.png') }}">
                                                </figure>
                                            </div>
                                        </div>
                                    </header>
                                </div>
                            </div>
                        </div>
                        <div class="ugt2L ul8zCc aK2X8b t97Ap">
                            <div class="cv2gi" role="presentation">
                                <div class="Q5jTGb"></div>
                            </div>
                            <div class="VfPpkd-ksKsZd-XxIAqe" >
                                <a href="{{ route('task.index') }}" class="VZLjze Wvetm I6g62c N5YmOc kJXJmd">
                                    <div class="mtfBU">Monitoring data permohonan Anda</div>
                                </a></div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
        <div class="wJpH8c">
            <article class="GIxHAe gd0DBb">
                <div class="  XLK0Od">
                    <div class="ahh38c">
                        <div class="ugt2L iDdZmf">
                            <div>
                                <div class="N5YmOc kJXJmd">
                                    <header class="mSUZQd">
                                        <div class="jbRlDc">
                                            <h2 class="fnfC4c">Performance</h2>
                                            <div class="ISnqu">
                                                <div>Berisi Data Performance Kinerja Layanan {{ config('custom.aplikasi') }}</div>
                                            </div>
                                        </div>
                                        <div class="CljqTd">
                                            <div class="fxHFgc">
                                                <figure class="HJOYV HJOYVi14 p-2" style="width:96px;height:96px;">
                                                    <img class="YPzqGd" src="{{ asset('global_assets/images/icon/analytics_96.png') }}">
                                                </figure>
                                            </div>
                                        </div>
                                    </header>
                                </div>
                            </div>
                        </div>
                        <div class="ugt2L ul8zCc aK2X8b t97Ap">
                            <div class="cv2gi" role="presentation">
                                <div class="Q5jTGb"></div>
                            </div>
                            <div class="VfPpkd-ksKsZd-XxIAqe" >
                                <a href="{{ route('kpi.index') }}" class="VZLjze Wvetm I6g62c N5YmOc kJXJmd">
                                    <div class="mtfBU">Performance Layanan IT</div>
                                </a></div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
        <div class="d-none wJpH8c zpCp3">
            <article class="GIxHAe">
                <div class="  XLK0Od XAdKte">
                    <div class="ahh38c">
                        <div class="ugt2L">
                            <div>
                                <div class="N5YmOc kJXJmd">
                                    <header class="mSUZQd">
                                        <div class="jbRlDc">
                                            <h2 class="ISnqu">
                                                <div>Hanya Anda yang dapat melihat setting user Anda. Anda mungkin juga ingin meninjau pengaturan Anda untuk Aplikasi yang paling sering Anda gunakan. Kami menjaga data Anda pribadi dengan aman.</div>
                                            </h2>
                                        </div>
                                        <div class="CljqTd">
                                            <style nonce="">
                                                .HJOYVi20 {
                                                    width: 48px;
                                                    height: 48px;
                                                }
                                            </style>
                                            <figure class="HJOYV HJOYVi20" aria-hidden="true"><img class="YPzqGd" src="https://www.gstatic.com/identity/boq/accountsettingsmobile/privacypolicy_icon_48x48_0a9fd77820564aed2e74f410ec577314.png" srcset="https://www.gstatic.com/identity/boq/accountsettingsmobile/privacypolicy_icon_96x96_351d6ca1c27e84c7d2bceaa39e3dcf6d.png 2x, https://www.gstatic.com/identity/boq/accountsettingsmobile/privacypolicy_icon_144x144_a3537a9f47783e5cba6633fe4a174076.png 3x, https://www.gstatic.com/identity/boq/accountsettingsmobile/privacypolicy_icon_192x192_9449079cd232d4eb8e10e7cc9f7f2cb0.png 4x" data-atf="false" data-iml="973.0149999995774"></figure>
                                        </div>
                                    </header>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </section>
    @endif    
@endsection

@push('scripts')
	<script type="text/javascript">    
	$(document).ready(function() {		
        $('#panel_toggle').on('click', function (e) {
                var $target = $(this),
                    slidingSpeed = 150;
                e.preventDefault();
                $target.closest('.glue-expansion-panel').toggleClass('glue-is-expanded');
                $target.closest('.glue-expansion-panel').toggleClass('glue-is-collapsed');
                if( $target.closest('.glue-expansion-panel').hasClass("glue-is-expanded") ){
                    $target.closest('.glue-expansion-panel').find('.glue-expansion-panel-content').attr('style','height: auto;');
                }
                else {
                    $target.closest('.glue-expansion-panel').find('.glue-expansion-panel-content').attr('style','height: 0px;');
                }
                $target.closest('.glue-expansion-panels').children('.glue-expansion-panel').nextAll().slideToggle(slidingSpeed);
        });
        $('form#searchInboxForm').on( 'submit', function (event) {
			event.preventDefault();
            if ( $('input#searchInbox').val() == "" ){
                // $('#flt-progress-indicator').fadeOut();
                // return false;
            }
			// table
			// .search( $('input#searchInbox').val() , true, false, false)
			// .draw();
            $('#flt-progress-indicator').fadeOut();
			return false;
		} );
	});
	</script>
@endpush