shared.php

<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shared with me - Google Drive</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
        <div class="header-left">
            <div class="header-logo" onclick="window.location.href='index.php'">
                <svg width="40" height="40" viewBox="0 0 40 40">
                    <path fill="#4285F4" d="M22.56 12.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h8.13c.85 0 1.54-.63 1.54-1.41z"/>
                    <path fill="#34A853" d="M26.28 16.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h11.85c.85 0 1.54-.63 1.54-1.41z"/>
                    <path fill="#FBBC04" d="M28.6 20.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h14.17c.85 0 1.54-.63 1.54-1.41z"/>
                    <path fill="#EA4335" d="M26.28 24.25c0-.78-.69-1.41-1.54-1.41H12.89c-.85 0-1.54.63-1.54 1.41s.69 1.41 1.54 1.41h11.85c.85 0 1.54-.63 1.54-1.41z"/>
                </svg>
            </div>
            <span class="header-title">Drive</span>
        </div>
        <div class="header-right">
            <div class="header-icon"><span class="material-icons">help_outline</span></div>
            <div class="header-icon"><span class="material-icons">settings</span></div>
            <div class="header-icon"><span class="material-icons">apps</span></div>
            <div class="header-icon"><span class="material-icons">account_circle</span></div>
        </div>
    </div>
    <div class="sidebar">
        <div class="new-button" onclick="window.location.href='index.php'">
            <span class="material-icons">add</span>
            <span>New</span>
        </div>
        <ul class="sidebar-menu">
            <li class="sidebar-item" onclick="window.location.href='index.php?view=my-drive'">
                <span class="material-icons">folder</span><span>My Drive</span>
            </li>
            <li class="sidebar-item active" onclick="window.location.href='shared.php'">
                <span class="material-icons">people</span><span>Shared with me</span>
            </li>
            <li class="sidebar-item" onclick="window.location.href='index.php?view=recent'">
                <span class="material-icons">access_time</span><span>Recent</span>
            </li>
            <li class="sidebar-item" onclick="window.location.href='index.php?view=starred'">
                <span class="material-icons">star</span><span>Starred</span>
            </li>
            <li class="sidebar-item" onclick="window.location.href='index.php?view=trash'">
                <span class="material-icons">delete</span><span>Trash</span>
            </li>
        </ul>
        <div class="storage-info">
            <div class="storage-text">Storage</div>
            <div class="storage-bar"><div class="storage-used" style="width: 0%;"></div></div>
            <div class="storage-text">0 GB of 15 GB used</div>
        </div>
    </div>
    <div class="main-content">
        <div class="empty-state">
            <span class="material-icons">people_outline</span>
            <h2>Nothing shared yet</h2>
            <p>Files and folders others share with you will show up here</p>
        </div>
    </div>
</body>
</html>