control
/
artFi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta 
        name="viewport" 
        content="width=device-width, initial-scale=1"
    >
    <!-- Boostrap CSS Localbase -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/style.css">
    <!-- Boostrap JS Localbase -->
    <script src="static/js/jquery-3.3.1.slim.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/style.js"></script>
    
    <title>
        {% block title %}artFi{% endblock %}
    </title>

    <link 
        rel = "icon" 
        href = "static/templates/web_icon.png" 
        type = "image/x-icon"
    >
</head>
    
<body>
    <nav class="navbar fixed-top navbar-expand-sm bg-white navbar-dark">
    <a class="navbar-brand" href="/"><img src="static/templates/navbar_icon.png" alt="web_icon" id="logo" width="60"/></a></a>      
        <!-- Search Function for search Art-->
        <ul class="navbar-nav">
            {% if user.is_authenticated %} <!-- shows only if user is logged in -->
            <li class="nav-item">
                <a type="button" class="btn btn-light a-font" href="/">Market</a>
                <a type="button" class="btn btn-light a-font" href="/create_art">Create Art</a>
            </li>
        </ul>
        <ul class="navbar-nav-right">
            <li class="nav-item">
                <a type="button" class="btn btn-light a-font" href="/profile">Profile</a>
                <a type="button" class="btn btn-light a-font navbar-colour" href="/logout">Logout</a>
            </li>
        </ul>
        {% else %}
            <li class="nav-item">
                <a type="button" class="btn btn-light a-font" class="nav-link" href="/">Market</a>
            </li>
        </ul>
        <ul class="navbar-nav-right">
            <li class="nav-item">
                <a type="button" class="btn btn-light a-font navbar-colour" href="/register">Register</a>
                <a type="button" class="btn btn-light a-font navbar-colour" href="/login">Login</a>
            </li>
        </ul>
        {% endif %}
        </ul>
        <div>
            <form action="search" class="input-group navbar-nav-middle flash_message_size">
                <input type="text" class="form-control" placeholder="Search Art">
                <div class="input-group-append">
                    <button class="btn btn-secondary" type="button">
                        <i class="fa fa-search">Search</i>
                    </button>
                </div>
            </form>
        </div>
    </nav>
    <!-- For Flash Errors to User -->
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        {% for category, message in messages %}
            {% if category == 'error' %}
            <div class="alert alert-danger alter-dismissable fade show flash.message_z-index", role="alert">
                {{ message }}
                <button type="button" class="close" data-dismiss="alert">
                    <span aria-hidden="true">&times;</span> <!-- fancy button styling-->
                </button>
            </div>
            {% else %}
            <div class="alert alert-success alter-dismissable fade show flash.message_z-index", role="alert">
                {{ message }}
                <button type="button" class="close" data-dismiss="alert">
                    <span aria-hidden="true">&times;</span> <!-- fancy button styling-->
                </button>
            </div>
            {% endif %}
        {% endfor %}
    {% endif %}
    {% endwith %}
    
    {% block content %}
    {% endblock %}
</body>
</html>