<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>William MAGAUD - {% block title %}Portfolio{% endblock %}</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    {# <link rel="stylesheet" href="/css/argon-dashboard.min.css"> #}
    <link rel="stylesheet" href="/css/argon-dashboard.min.css">
    <link rel="stylesheet" href="/css/style.css">
    {% block stylesheets %}{% endblock %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
  <!-- Sidenav -->
  <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light" id="sidenav-main">
    <div class="container-fluid">
      <!-- Toggler -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Brand -->
      <a class="navbar-brand pt-0" href="/">
        <img src="/img/logowm.svg" class="navbar-brand-img" alt="...">
      </a>
      <!-- Collapse -->
      <div class="collapse navbar-collapse" id="sidenav-collapse-main">
        <!-- Collapse header -->
        <div class="navbar-collapse-header d-md-none">
          <div class="row">
            <div class="col-6 collapse-brand">
              <a href="./index.html">
                <img src="./assets/img/brand/blue.png">
              </a>
            </div>
            <div class="col-6 collapse-close">
              <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
                <span></span>
                <span></span>
              </button>
            </div>
          </div>
        </div>
        <!-- Navigation -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="{{ path('portfolio_data_index') }}">
              Articles
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{{ path('portfolio_media_index') }}">
              Médias
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{{ path('portfolio_category_index') }}">
              Catégories
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Main content -->
  <div class="main-content">
    <!-- Top navbar -->
    <nav class="navbar navbar-expand-md navbar-dark" id="navbar-main">
        <!-- Brand -->
        <a class="h4 mb-0 text-uppercase d-none d-lg-inline-block" href="{{ path('admin') }}">Admin</a>
        <!-- User -->
        <a class="btn btn-outline-dark ml-auto" href="{{ path('logout') }}">Se déconnecter</a>
    </nav>
    <!-- Page content -->
    <div class="container pb-5">
      <h3>{% block h %}{% endblock %}</h3>
	    <div class="mt-4"></div>
      {% block body %}{% endblock %}
    </div>
  </div>
  <script src="/js/bootstrap.bundle.min.js"></script>
  <script src="/js/argon-dashboard.min.js"></script>
</body>

</html>