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

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

<!-- prettier-ignore -->
@section('content')
<div class="header">
    <!-- prettier-ignore -->
    <img alt="character-asset" src="{{ asset('asset-webview/hris/images/documents-asset.png') }}" height="137" width="154">
    <div class="header-information">
        <h4>File Manager</h4>
        <p>Terima kasih sudah selalu melakukan upgrade diri.</p>
    </div>
</div>
<div class="card">
    <div class="header">
        <h6>File Kamu</h6>
    </div>
    <div class="document-container">
        <a href="#" class="list-item">
            <!-- prettier-ignore -->
            <img alt="pdf-icon" src="{{ asset('asset-webview/hris/icons/pdf.png') }}" height="30" width="30">
            <div class="list-label">
                <div class="list-title">Curiculum Vitae</div>
                <div class="list-subtitle">
                    <!-- prettier-ignore -->
                    <img alt="clock" src="{{ asset('asset-webview/hris/icons/clock.png') }}" height="14" width="14">
                    <span>update 23 April 2025</span>
                </div>
            </div>
            <!-- prettier-ignore -->
            <img class="action-image" alt="right-angle" src="{{ asset('asset-webview/hris/icons/right-angle.png') }}" height="24" width="24">
        </a>
        <a href="#" class="list-item">
            <!-- prettier-ignore -->
            <img alt="pdf-icon" src="{{ asset('asset-webview/hris/icons/pdf.png') }}" height="30" width="30">
            <div class="list-label">
                <div class="list-title">Ijazah</div>
                <div class="list-subtitle">
                    <!-- prettier-ignore -->
                    <img alt="clock" src="{{ asset('asset-webview/hris/icons/clock.png') }}" height="14" width="14">
                    <span>update 23 April 2025</span>
                </div>
            </div>
            <!-- prettier-ignore -->
            <img class="action-image" alt="right-angle" src="{{ asset('asset-webview/hris/icons/right-angle.png') }}" height="24" width="24">
        </a>
        <a href="#" class="list-item">
            <!-- prettier-ignore -->
            <img alt="pdf-icon" src="{{ asset('asset-webview/hris/icons/pdf.png') }}" height="30" width="30">
            <div class="list-label">
                <div class="list-title">Sertifikat K3</div>
                <div class="list-subtitle">
                    <!-- prettier-ignore -->
                    <img alt="clock" src="{{ asset('asset-webview/hris/icons/clock.png') }}" height="14" width="14">
                    <span>update 23 April 2025</span>
                </div>
            </div>
            <!-- prettier-ignore -->
            <img class="action-image" alt="right-angle" src="{{ asset('asset-webview/hris/icons/right-angle.png') }}" height="24" width="24">
        </a>
    </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