@extends('webview.menset.main')

<!-- prettier-ignore -->
@push('style')
<link rel="stylesheet" href="{{ route('menset-mobile.home.css') }}" />
@endpush

<!-- prettier-ignore -->
@section('content')
<div class="card">
    <!-- prettier-ignore -->
    <a href="{{ route('menset-mobile.page.pembaruan-dokumen') }}" class="btn-notification">
        <div>12 Dokumen perlu diperbarui</div>
        <!-- prettier-ignore -->
        <img alt="angle-right" src="{{ asset('asset-webview/menset/icons/angle-right-red.png')}}" height="18" width="18">
    </a>
    <div class="task-container">
        <div class="header">Tugas</div>
        <div class="body">
            <div class="box">
                <div class="box-header">Progress VEAT</div>
                <div class="box-body">
                    <div class="item-label">
                        Proses pengecekan aset yang harus kamu selesaikan.
                    </div>
                    <div class="item-content">
                        <h1>60%</h1>
                        <p>1.754/2.394 aset</p>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="box-header">QR Code Assets</div>
                <div class="box-body">
                    <div class="item-label">
                        Terdapat aset yang belum di labeli.
                    </div>
                    <div class="item-content">
                        <h1>348</h1>
                        <p>Aset belum di verifikasi</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="service-container">
        <div class="header">Layanan</div>
        <div class="body">
            <!-- prettier-ignore -->
            <a href="{{ route('menset-mobile.page.data-aset') }}" class="service-item">
                <div class="service-frame">
                    <!-- prettier-ignore -->
                    <img alt="building-icon" src="{{ asset('asset-webview/menset/icons/building-icon.png') }}" height="24" width="24">
                </div>
                <div class="service-label">Data Aset</div>
            </a>
            <!-- prettier-ignore -->
            <a href="#" class="service-item">
                <div class="service-frame">
                    <!-- prettier-ignore -->
                    <img alt="camera-icon" src="{{ asset('asset-webview/menset/icons/camera-icon.png') }}" height="24" width="24">
                </div>
                <div class="service-label">Upload Foto</div>
            </a>
            <a href="#" class="service-item">
                <div class="service-frame">
                    <!-- prettier-ignore -->
                    <img alt="notice-icon" src="{{ asset('asset-webview/menset/icons/notice-icon.png') }}" height="24" width="24">
                </div>
                <div class="service-label">Lapor Kondisi</div>
            </a>
        </div>
    </div>
    <div class="information-container">
        <div class="header">Informasi Aset</div>
        <div class="body">
            <div class="information-item">
                <!-- prettier-ignore -->
                <img alt="landmark-icon" src="{{ asset('asset-webview/menset/icons/landmark-icon.png')}}" height="32" width="32">
                <h6>Lahan</h6>
                <p>18 data lahan</p>
                <h1>12.039 Ha</h1>
            </div>
            <div class="information-item">
                <!-- prettier-ignore -->
                <img alt="office-icon" src="{{ asset('asset-webview/menset/icons/office-icon.png')}}" height="32" width="32">
                <h6>Bangunan</h6>
                <p>Informasi bangunan</p>
                <h1>12 Unit</h1>
            </div>
            <div class="information-item">
                <!-- prettier-ignore -->
                <img alt="workspace-icon" src="{{ asset('asset-webview/menset/icons/workspace-icon.png')}}" height="32" width="32">
                <h6>Perlengkapan</h6>
                <p>Informasi perlengkapan</p>
                <h1>11.394</h1>
            </div>
        </div>
    </div>
</div>
@endsection

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

    $(document).ready(function () {
        $(window).scrollTop(0);

        window.$NAVIGATION_BOTTOM.css("opacity", 1);
    });
</script>
@endpush