<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" type="image/x-icon" href="/images/ecoBuddy_x32.png"


    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- Bootstrap theme -->
    <link href="/css/bootstrap-theme.css" rel="stylesheet">
    <link href="/css/my-style.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link href="/css/bootstrap-icons.css" rel="stylesheet">

    <title>Ecobuddy - <?php echo $view->pageTitle; ?></title>
</head>

<nav class="navbar navbar-expand-lg p-0 m-2 border rounded-2">
    <div class="container-fluid">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <a class="navbar-brand" href="/index.php"><img id="navIcon" class="img-thumbnail bg-transparent border-3 border-success border-opacity-25 rounded my-1 me-2" height="64px" width="64px" src="/images/ecoBuddy_x64.png" alt=""/><span class="pt-5 mb-auto">Ecobuddy</span></a>
        <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="/index.php">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
            </ul>
            <form class="row m-0 me-2 align-content-center align-content-center align-items-center" role="search" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
                <div class="col">
                    <div class="form-floating input-group">
                        <select name="filter" class="form-select border-3 border-success-subtle" id="filter">
                            <option selected></option>
                            <option value="1">Title</option>
                            <option value="2">Category</option>
                            <option value="0">Status</option>
                            <option value="3">Description</option>
                            <option value="4">Street Name</option>
                            <option value="5">County</option>
                            <option value="6">Town</option>
                            <option value="7">Postcode</option>
                            <option value="8">Contributor</option>
                        </select>
                        <span class="input-group-text bi bi-filter-circle bg-success-subtle border-0 rounded-end" id="filter"></span>
                        <label for="filter">Column Filter</label>
                    </div>
                </div>
                <div class="col">
                    <div class="form-floating input-group">
                        <input class="form-control border-3 border-success-subtle" id="search" type="search" name="applyFilters" aria-label="Search">
                        <span class="input-group-text bg-success-subtle border-0 rounded-end" id="search">
                            <button class="btn bg-light bg-success-subtle" type="submit"><span class="bi bi-search"></span></button>
                        </span>
                        <label for="search">Search</label>
                    </div>
                </div>
            </form>
            <div class="me-2 ms-2">
                <div class="col-sm" id="loginStatus">
                    <?php

                    if ($view->loginError) {
                        require_once('Views/template/loginError.phtml');
                    }
                    if(!$view->user->isLoggedIn()) {
                        require_once('Views/template/loginModal.phtml');
                    }
                    if($view->user->isLoggedIn()) {
                        require_once('Views/template/logoutButton.phtml');
                    }
                    ?>
                </div>
            </div>
        </div>
    </div>
</nav>
<body role="document">

<div class="container-fluid">
    <?php /*require_once("sidebar.phtml");*/?>
    <div class="col" id="content">



