@extends('webview.menset.main')

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

<!-- prettier-ignore -->
@section('content')
<div class="header">
    <button id="btn-back" type="button" class="btn-link">
        <!-- prettier-ignore -->
        <img alt="left-white" src="{{ asset('asset-webview/menset/icons/left-white.png') }}" height="24" width="24">
        <span>Pembaruan Dokumen</span>
    </button>
</div>
<div class="card">
    <div class="box-item">
        <div class="item-icon item-home">
            <!-- prettier-ignore -->
            <img alt="house-blue" src="{{ asset('asset-webview/menset/icons/house-blue.png') }}" width="22" height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">Pajak Bumi Bangunan</h6>
            <p class="inter-font">Nama Gedung</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-1</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-license">
            <!-- prettier-ignore -->
            <img alt="card-purple" src="{{ asset('asset-webview/menset/icons/card-purple.png') }}" width="22"
                height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">STNK</h6>
            <p class="inter-font">Nomor Polisi, Type Kendaraan</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-2</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-home">
            <!-- prettier-ignore -->
            <img alt="house-blue" src="{{ asset('asset-webview/menset/icons/house-blue.png') }}" width="22" height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">Pajak Bumi Bangunan</h6>
            <p class="inter-font">Nama Gedung</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-3</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-home">
            <!-- prettier-ignore -->
            <img alt="house-blue" src="{{ asset('asset-webview/menset/icons/house-blue.png') }}" width="22" height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">Pajak Bumi Bangunan</h6>
            <p class="inter-font">Nama Gedung</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-4</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-license">
            <!-- prettier-ignore -->
            <img alt="card-purple" src="{{ asset('asset-webview/menset/icons/card-purple.png') }}" width="22"
                height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">STNK</h6>
            <p class="inter-font">Nomor Polisi, Type Kendaraan</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-5</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-home">
            <!-- prettier-ignore -->
            <img alt="house-blue" src="{{ asset('asset-webview/menset/icons/house-blue.png') }}" width="22" height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">Pajak Bumi Bangunan</h6>
            <p class="inter-font">Nama Gedung</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-6</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-home">
            <!-- prettier-ignore -->
            <img alt="house-blue" src="{{ asset('asset-webview/menset/icons/house-blue.png') }}" width="22" height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">Pajak Bumi Bangunan</h6>
            <p class="inter-font">Nama Gedung</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-7</div>
    </div>
    <div class="box-item">
        <div class="item-icon item-license">
            <!-- prettier-ignore -->
            <img alt="card-purple" src="{{ asset('asset-webview/menset/icons/card-purple.png') }}" width="22"
                height="22">
        </div>
        <div class="item-label">
            <h6 class="inter-font">STNK</h6>
            <p class="inter-font">Nomor Polisi, Type Kendaraan</p>
            <p class="inter-font">Kecamatan, Kab/Kota</p>
        </div>
        <div class="item-alert inter-font">Dalam Waktu H-8</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", 0);

        const $BtnBack = $("#btn-back");

        $BtnBack.click(function () {
            window.history.back();
        });
    });
</script>
@endpush