@extends('webview.menset.main')

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

<!-- prettier-ignore -->
@section('content')
<div class="header">
    <div class="left-container">
        <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>Riwayat VEAT</span>
        </button>
    </div>
</div>
<div class="card">
    <div class="box">
        <div class="box-content">
            <div class="box-header">
                <h1 class="box-title inter-font">VEAT 2024</h1>
                <img alt="gambar-12" src="{{ asset('asset-webview/menset/sample-assets/gambar-12.jpg')}}" height="97"
                    width="69">
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Tanggal</div>
                <div class="info-value inter-font">21 Jan 2023</div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Kondisi</div>
                <div class="info-value inter-font">Baik</div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Lokasi</div>
                <div class="info-value inter-font">Gedung Merah Putih</div>
            </div>
            <div class="info-row mt-24">
                <div class="info-label inter-font">Alamat</div>
                <div class="info-value inter-font">
                    Lorem ipsum dolor sit amet consectetur. In amet blandit quis in turpis. Diam.
                </div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">User</div>
                <div class="info-value inter-font">Lorem Ipsum</div>
            </div>
        </div>
    </div>
    <div class="box">
        <div class="box-content">
            <div class="box-header">
                <h1 class="box-title inter-font">VEAT 2025</h1>
                <img alt="gambar-12" src="{{ asset('asset-webview/menset/sample-assets/gambar-12.jpg')}}" height="97"
                    width="69">
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Tanggal</div>
                <div class="info-value inter-font">21 Jan 2023</div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Kondisi</div>
                <div class="info-value inter-font">Baik</div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">Lokasi</div>
                <div class="info-value inter-font">Gedung Merah Putih</div>
            </div>
            <div class="info-row mt-24">
                <div class="info-label inter-font">Alamat</div>
                <div class="info-value inter-font">
                    Lorem ipsum dolor sit amet consectetur. In amet blandit quis in turpis. Diam.
                </div>
            </div>
            <div class="info-row">
                <div class="info-label inter-font">User</div>
                <div class="info-value inter-font">Lorem Ipsum</div>
            </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.addClass("d-none");

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

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