Untitled

<!DOCTYPE html>
<html>
<head>
    <style>
        ul {
            list-style-type: none;
            padding-left: 5px;
            padding-right: 5px;
            border-bottom: 1px solid #aaaaaa;
            overflow: hidden;
        }
        li {

        }
        .list {
            width: 15%;
            display: inline-block;
            vertical-align: top;
        }
        .edits {
            width: 40%;
            display: inline-block;
            vertical-align: top;
            border-left: 1px solid #aaaaaa;
        }
        .file {
            width: 45%;
            display: inline-block;
            vertical-align: top;
        }
        a:link {
            color: #000;
            text-decoration: none;
        }
        a:visited {
            color: #000;
            text-decoration: none;
        }
        a:hover {
            background-color: white;
        }
        a:active {
            background-color: whitesmoke;
        }
    </style>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<?php
$db = pg_connect("host=localhost port=5432 dbname=testdb user=postgres password=borispg");
if (!$db) die(date("G:i:s") . " Could not connect to database.");
$pgsql_all = pg_query($db, "SELECT * FROM files WHERE approved = 'false'");
if (!$pgsql_all) die(date("G:i:s") . " Failed to fetch rows from database.");
$rows = pg_fetch_all($pgsql_all);
?>
<div class="list">
    <ul>
        <?php
        foreach ($rows as $row) {
            $file_name = $row['file_name'];
            $guid = $row['file_guid'];
            ?><li><a href="#" onclick="passGUID()"><?php echo $file_name?></a></li><?php
        }
        ?>
    </ul>
</div>
<div class="edits" id="edits">
    <?php
    echo $file_name;
    echo '<br>';
    echo $guid;
    echo '<br>';
    ?>
</div>
<div class="file" id="file">

</div>

<script>
    function passGUID() {
        //Pass GUID to #edits and #file for display
        //REMOVE
    }
</script>

</body>
</html>