<!DOCTYPE html>
<html lang="en" oncontextmenu="return false" onselectstart="return false">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3.0</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
        <!-- Login Page -->
        <div class="login-container" id="loginPage">
            <h1>Arvind Tree Login</h1>   
            <input type="text" placeholder="Username" id="username" required><br>
            <input type="password" placeholder="Password" id="password" required><br>
            <small><p class="error-massage" id="errorMsg"></p></small>
            <button onclick="login()">Login</button>
        </div>

        <!-- Main Page -->
    <div class="main-container" id="mainPage">
        <div class="arvind-tree-header">
            <button class="fullscreen" id="fullscreenBtn" onclick="toggleFullscreen()">Go Fullscreen</button>
            <button class="logout" id="logoutBtn" onclick="logoutBtn()">Logout</button>
        </div>
        <div class="nav">
            <button onclick="showSection('documents')">My Documents</button>
            <button onclick="showSection('first-year')">1st Year</button>
            <button onclick="showSection('second-year')">2nd Year</button>
            <button onclick="showSection('final-year')">Final Year</button>
        </div>

        <div class="welcome-message-div">
            <div class="welcome-message" id="welcomeMessage">
            Welcome, <span id="userNameDisplay"></span>! You're successfully logged in.
            </div>
        </div>

        <div class="section" id="documents">
            <h2>My Document's</h2>
            <div class="buttons-container" id="doc-buttons">
                <button onclick="openLink('https://drive.google.com/file/d/1xiJVDmHmEMkAaIr_Snidr6kdtjISpcl9/view?usp=drive_link')">Aadhar card</button>
                <button onclick="openLink('https://drive.google.com/file/d/1zNzmEqfSI7u454LiPMTJ3RrgWKKVRV6i/view?usp=drive_link')">PEN Card</button>
                <button onclick="openLink('https://drive.google.com/file/d/1RWQnRDIhFShCQy0GVDMhRgLA9SmJFUAo/view?usp=drive_link')">Driving Licence</button>
                <button onclick="openLink('https://drive.google.com/file/d/1CRxD_5SuksUWXH_kk_Td1J_J-dSnNanJ/view?usp=drive_link')">Voter ID Card</button>
                <button onclick="bank()">Bank Account</button>
                <button onclick="openLink('https://drive.google.com/file/d/1BmgCkA8WnK4OrgbE4zZ5nBAtJTaqKGFy/view?usp=drive_link')">10th Marksheet</button>
                <button onclick="openLink('https://drive.google.com/file/d/1csiiI4PLnVTP9KqZgv_F4RXcqlCxousp/view?usp=drive_link')">12th Marksheet</button>
                <button onclick="openLink('https://drive.google.com/file/d/13pzcuRZAdx1xRzkOd1EKOnf5-FpHR6K5/view?usp=drive_link')">Samagra ID</button>
                <button onclick="openLink('https://drive.google.com/file/d/1ospK7GFDfG-SWeRO4NCRTXoUKT3oOV03/view?usp=drive_link')">Income Certificate</button>
                <button onclick="openLink('https://drive.google.com/file/d/1JCburR4TmyJ2V9Gq4SbH7E7JeGa-Xez7/view?usp=drive_link')">Caste Certificate</button>
                <button onclick="openLink('https://drive.google.com/file/d/1e-E70I4FIPL0PvbGuIlp9sd1YgL6q_jZ/view?usp=drive_link')">Nivas Pramaan Patr</button>
                <button onclick="openLink('https://drive.google.com/file/d/1toYtlmkngwtaqmp9F0Dad3UL2w9XnX2w/view?usp=drive_link')">Ayushman Card</button>
                <button onclick="openLink('https://drive.google.com/file/d/1nHPzwCLJ6-47wnyUoOTPTAkNBF6BhI3i/view?usp=drive_link')">E-Shram Card</button>
                <button onclick="openLink('https://drive.google.com/file/d/1RRD7kFz7c2Z7_aFoDpygL68hLxVJeceZ/view?usp=drive_link')">Vaccine Certificate</button>
                <button onclick="openLink('https://drive.google.com/file/d/1lp-s7icXJdD8EDxQ2g9XFVKdXKUjFOsH/view?usp=drive_link')">Blood Certificate</button>
            </div>
        </div>

        <div class="section" id="first-year">
            <h2>1st Year Document's</h2>
            <div class="buttons-container" id="first-year-buttons">
                <button onclick="openLink('https://drive.google.com/file/d/1GM_TIIiYA4a17JhG09zjCDTadaF2IRbY/view?usp=drive_link')">1st Year Marksheet</button>
                <button onclick="openLink('https://drive.google.com/file/d/1ubTinp-IYg06rWGx1GO025KKgYopxK-7/view?usp=drive_link')">5183₹ Payment Slip</button>
                <button onclick="openLink('https://drive.google.com/file/d/1fm7i-04LCkqoOCAQUk_y_bqcZT-8BT0Z/view?usp=drive_link')">Migration Certificate</button>
                <button onclick="openLink('https://drive.google.com/file/d/1qymPMS3jhNOkUccPbn-Zn_z1DyCLQYIq/view?usp=drive_link')">Online Admission, Admitted</button>
                <button onclick="openLink('https://drive.google.com/file/d/1XROZHmzlewu-oLITmWRV_EY-iWl2m6sV/view?usp=drive_link')">MPTAAS Profile</button>
                <button onclick="openLink('https://drive.google.com/file/d/19qFeYJIU5DwuBKXcvn_JObtvEl4Qvspp/view?usp=drive_link')">ABC Id</button>
            </div>
        </div>

        <div class="section" id="second-year">
            <h2>2nd Year Document's</h2>
            <div class="buttons-container" id="second-year-buttons">
                <button onclick="openLink('https://drive.google.com/file/d/1zj_yhReU2tAWClh2n40je5drHWBQc3F7/view?usp=drive_link')">2ad year payment 5183 recipe</button>
                <button onclick="openLink('https://drive.google.com/file/d/1AhJWXWcSiwT5COPpr1PWN8zasfXxexRT/view?usp=drive_link')">2ad Year scollership ship</button>
                <button onclick="openLink('https://drive.google.com/file/d/1_xWaYWpqCIdDKK35WXKkN5q_4JF5wV-d/view?usp=drive_link')">Admit card</button>
                <button onclick="openLink('https://drive.google.com/file/d/1rFOhLU7U8B7VOOoDOZFulEu6eODN8K_I/view?usp=drive_link')">Pramoted 2ad Year 530 ru receipt</button>
                <button onclick="openLink('https://drive.google.com/file/d/1opsM5LreFBq0FeaulD-EPqRmzuTfJUcD/view?usp=drive_link')">SUPP Business Statistics</button>
            </div>
        </div>

        <div class="section" id="final-year">
            <h2>Final Year Document's</h2>
            <div class="buttons-container" id="final-year-buttons">
                <button onclick="openLink('https://drive.google.com/file/d/1S6ZnPFLp-owZN9RBgT6mxzxtJn1BKGKl/view?usp=drive_link')">B.com 3rd Year receipt 5183</button>
                <button onclick="openLink('https://drive.google.com/file/d/1h9m-YXttB1GCP2NRFhnRAYNOcYfgj-An/view?usp=drive_link')">Promotion Final Year 530 receipt</button>
                <button onclick="openLink('https://drive.google.com/file/d/1_4EN1gFMn7yjMwVB0MJ-1Bsn97kYVn23/view?usp=drive_link')">Scholarship Form</button>
            </div>
        </div>
    </div>
    <script src="v3.js"></script>
</body>
</html>