<!-- Coded by L1ghtM3n@protonmail.com -->
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Vulturi | Cookie converter</title>
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='images/favicon.png') }}"/>

    <link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/materialize.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/material-icons.css') }}" rel="stylesheet">
    
    <script src="{{ url_for('static', filename='js/converter.js') }}"></script>
    <script src="{{ url_for('static', filename='js/materialize.js') }}"></script>
    
  </head>
  <body>
    
    <!-- Account Dropdown Structure -->
    <ul id="account_dropdown" class="dropdown-content">
      <li><a href="#"><span class="material-icons mi">admin_panel_settings</span> Logged as: {{ username }}</a></li>
      <li><a href="settings"><span class="material-icons mi">settings</span> Account settings</a></li>
      <li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
    </ul>

    <!-- DESKTOP NAVBAR -->
    <nav class="black" style="padding: 0px 10px; position: fixed; z-index: 2;">
        <div class="nav-wrapper">
            <a href="#" class="brand-logo">
              <span class="material-icons md-36 mi">visibility</span> Vulturi</a>

            <a href="#" class="sidenav-trigger" data-target="mobile-nav">
                <span class="material-icons mi">menu</span>
            </a>
           
            <ul class="right hide-on-med-and-down ">
              <li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
              <li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
              <li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
              <li><a href="#" class="dropdown-trigger" data-target="account_dropdown"><span class="material-icons mi">account_circle</span> Account</a></li>
            </ul> 
        </div>
    </nav>

    <!-- MOBILE NAVBAR -->
    <ul class="sidenav" id="mobile-nav">
      <li><a href="dashboard"><span class="material-icons mi">dashboard</span> Dashboard</a></li>
      <li><a href="statistics"><span class="material-icons mi">pie_chart</span> Statistics</a></li>
      <li><a href="converter"><span class="material-icons mi">settings_input_svideo</span> Cookie converter</a></li>
      <li><a href="settings"><span class="material-icons mi">settings</span> Settings</a></li>
      <li><a href="api/logout"><span class="material-icons mi">exit_to_app</span> Log off</a></li>
    </ul>


    <div class="row" style="position: relative; top: 80px; width: 100%; height: 60%;">
        <div class="col s12 m6">
          <div class="grey darken-4 card hoverable">
            <div class="card-content">
                <!-- NETSCAPE COOKIES TEXT AREA -->
                <div class="row" style="min-height: 50%;">
                    <form class="col s12">
                      <div class="row">
                        <div class="input-field col s12">
                          <textarea id="netscape_cookies" onchange="RunConverter();" class="white-text materialize-textarea"></textarea>
                          <label for="netscape_cookies">Netscape cookies format</label>
                        </div>
                      </div>
                    </form>
                  </div>
            </div>
          </div>
        </div>

        <div class="col s12 m6">
          <div class="grey darken-4 card hoverable">
            <div class="card-content">
                <!-- JSON COOKIES TEXT AREA -->
                <div class="row" style="min-height: 50%;">
                    <form class="col s12">
                      <div class="row">
                        <div class="input-field col s12">
                          <textarea id="json_cookies" class="white-text materialize-textarea"></textarea>
                          <label for="json_cookies">Json cookies format</label>
                        </div>
                      </div>
                    </form>
                  </div>
            </div>
          </div>
        </div>

    </div>
               

    </body>
</html>
