{% extends "bootstrap/base.html" %}
{% block title %}Read TI Later{% endblock %}

{% block styles %}
{{super()}}
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
{% endblock %}

{% block navbar %}
<div id="navbar" class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="navbar-brand">Read TI Later</div>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" href="{{ url_for('index') }}">My List</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ url_for('archived') }}">Archived</a>
            </li>
        </ul>
        <form class="form-inline ml-auto">
            <a class="btn btn-primary" href="/logout" role="button">Logout</a>
        </form>
    </div>        
</div>
{% endblock %}

{% block content %}
<div class="wrapper">
    <!-- Sidebar -->
    <div id="sidebar">
        {% include "fragments/sidebar.j2" %}
    </div>

    <!-- Page Content -->
    <div id="content">
        <div>
            <p style="text-align: center;">Would you rather save on the go? Try our bookmarklet!</p>
            <code>
                javascript:(function(){var%20url%20=%20location.href;var%20otherWindow=window.open('about:blank','_blank');otherWindow.opener=null;otherWindow.location='https://read.technicalincompetence.club/add?close=1&url='+encodeURIComponent(url);})();
            </code>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
{% endblock %}