@extends('admin.hris.mobile.main')

<!-- prettier-ignore -->
@push('style')
<!-- prettier-ignore -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="{{ route('hris-mobile.settings.css') }}" />
@endpush

<!-- prettier-ignore -->
@section('content')
<div class="header">
    <!-- prettier-ignore -->
    <img alt="character-asset" src="{{ asset('asset-webview/hris/images/settings-asset.png') }}" height="137" width="137">
    <div class="header-information">
        <h4>Pengaturan</h4>
        <p>Pastikan mengatur dengan aman..</p>
    </div>
</div>
<div class="card">
    <div class="header">
        <h6>Pengaturan Akun</h6>
    </div>
    <div class="body">
        <div class="action-container">
            <a href="#" class="action-item">
                <div class="image-container bg-pink">
                    <!-- prettier-ignore -->
                    <img alt="user-white" src="{{ asset('asset-webview/hris/icons/lock-white.png')}}" height="12" width="12">
                </div>
                <div class="label-text">Ubah Kata Sandi</div>
                <!-- prettier-ignore -->
                <img class="ml-auto" alt="right-angle" src="{{ asset('asset-webview/hris/icons/right-angle.png') }}" height="24" width="24">
            </a>
            <a href="#" class="action-item">
                <div class="image-container bg-blue">
                    <!-- prettier-ignore -->
                    <img alt="lock-white" src="{{ asset('asset-webview/hris/icons/user-white.png')}}" height="12" width="12">
                </div>
                <div class="label-text">Perbarui Profil Diri</div>
                <!-- prettier-ignore -->
                <img class="ml-auto" alt="right-angle" src="{{ asset('asset-webview/hris/icons/right-angle.png') }}" height="24" width="24">
            </a>
        </div>
        <div class="information-container">
            <h6>Informasi Akun</h6>
            <div class="item">
                <div class="item-title">Bahasa</div>
                <div class="item-subtitle">Bahasa Indonesia</div>
            </div>
            <div class="item">
                <div class="item-title">Versi Aplikasi</div>
                <div class="item-subtitle">V1.0.0</div>
            </div>
        </div>
        <!-- prettier-ignore -->
        <form method="post" action="{{ route('hris-mobile.logout') }}" class="d-inline-block">
            @csrf
            <button type="submit" class="btn btn-danger">Keluar</button>
        </form>
    </div>
</div>
@endsection

<!-- prettier-ignore -->
@push('script')
<!-- prettier-ignore -->
<script type="text/javascript">
    $(window).on("beforeunload", function () {
        $(window).scrollTop(0);
    });

    $(document).ready(function () {
        window.$BACKGROUND_ROOT.removeClass("d-none");
        $(window).scrollTop(0);
    });
</script>
@endpush