<!doctype html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Site de référence sur Trinh Cong Son. Actualité, biographie, chansons, paroles.">
  <meta name="keywords" content=" Amis Friends Trinh Cong Son songs albums art biography">
  <meta name="author" content="Cao Thien Phuoc">
  <title>{{page_title}}</title>
  <link rel="shortcut icon" href="{{request.static_url('tcs_site:static/favicon.ico')}}">
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github.min.css">
  <link rel="stylesheet" href="{{request.static_url('tcs_site:static/css/styles.min.css')}}" />
  <link rel="stylesheet" href="{{request.static_url('tcs_site:static/lightbox2/css/lightbox.css')}}" />
  <script src="{{request.static_url('tcs_site:static/js/jquery.min.js')}}"></script>
  <script src="{{request.static_url('tcs_site:static/js/bootstrap.bundle.min.js')}}"></script>
  <script src="{{request.static_url('tcs_site:static/js/simplebar.js')}}"></script>
  <script src="{{request.static_url('tcs_site:static/js/sidebarmenu.js')}}"></script>
  <script src="{{request.static_url('tcs_site:static/js/app.min.js')}}"></script>
  <script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.5/dist/index.bundle.min.js"></script>
</head>

<body>
  <!--  Body Wrapper -->
  <div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
    data-sidebar-position="fixed" data-header-position="fixed">
    <!-- Sidebar Start -->
    <aside class="left-sidebar">
      <!-- Sidebar scroll-->
      <div>
        <div class="brand-logo d-flex align-items-center justify-content-between">
          <div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
            <i class="ti ti-x fs-8"></i>
          </div>
        </div>
        <!-- Sidebar navigation-->
        <nav class="sidebar-nav scroll-sidebar" data-simplebar="">
          <ul id="sidebarnav">
           <li class="nav-small-cap">
              <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
              <span class="hide-menu text-danger">En Vietnamien</span>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='tieu-su') }}" aria-expanded="false">
                <span class="hide-menu">Đời và nhạc</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('blog', id=934, slug='bai-hat') }}" aria-expanded="false">
                <span class="hide-menu">Bài hát </span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('blog', id=211, slug='tap-nhac') }}" aria-expanded="false">
                <span class="hide-menu">Tập nhạc </span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('blog', id=672, slug='cd-va-k7') }}" aria-expanded="false">
                <span class="hide-menu">CD và K7 </span>
              </a>
            </li>
            <li class="nav-small-cap">
              <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
              <span class="hide-menu text-danger">In ENGLISH</span>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='life-music') }}" aria-expanded="false">
                <span class="hide-menu">The artist</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('section', topic='english', tag='songs-en') }}" aria-expanded="false">
                <span class="hide-menu">Songs</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="/blog/170/about-tcs-association-culturelle" aria-expanded="false">
                <span class="hide-menu">About</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='english') }}" aria-expanded="false">
                <span class="hide-menu">Topic</span>
              </a>
            </li>
            <li class="nav-small-cap">
              <span class="hide-menu text-danger">En FRANCAIS</span>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='vie-musique') }}" aria-expanded="false">
                <span class="hide-menu">L'artiste</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('section', topic='francais', tag='songs-fr') }}" aria-expanded="false">
                <span class="hide-menu">Chansons</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('section', topic='francais', tag='articles') }}" aria-expanded="false">
                <span class="hide-menu">Articles</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="/blog/192/a-propos-de-tcs-association-culturelle" aria-expanded="false">
                <span class="hide-menu">A propos</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='francais') }}" aria-expanded="false">
                <span class="hide-menu">Rubriques</span>
              </a>
            </li>
            <li class="nav-small-cap">
              <span class="hide-menu text-danger">A PROPOS</span>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('topic', topic='apropos') }}" aria-expanded="false">
                <span class="hide-menu">Qui sommes nous</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('blog', id=1, slug='mentions-legales') }}" aria-expanded="false">
                <span class="hide-menu">Mentions légales</span>
              </a>
            </li>
            <li class="sidebar-item">
              <a class="sidebar-link" href="{{ request.route_url('contact') }}" aria-expanded="false">
                <span class="hide-menu">Contact</span>
              </a>
            </li>
              {% if request.authenticated_userid %}
                <li class="nav-small-cap">
                  <span class="hide-menu text-danger">{{ request.authenticated_userid }}</span>
                </li>
                {% if request.authenticated_userid == 'admin' %}
                  <li class="sidebar-item">
                  <a class="sidebar-link" href="{{request.route_url('users')}}">
                        <i class="ti ti-users fs-6"></i></a>
                  </li>
                {% else %}
                  <li class="sidebar-item">
                  <a class="sidebar-link" href="{{request.route_url('user_edit', name=request.authenticated_userid)}}">
                      <i class="ti ti-key fs-6"></i> Modifier le mdp</a>
                  </li>              
                {% endif %}
                <li class="sidebar-item">
                <a class="sidebar-link" href="{{request.route_url('settings')}}">
                    <i class="ti ti-settings fs-6"></i> Paramètres</a>
                </li>              
                <li class="sidebar-item">
                <a class="sidebar-link" href="{{request.route_url('logout')}}">
                    <i class="ti ti-logout fs-6"></i> Se déconnecter</a>                  
                </li>              
              {% else %}
                <li class="sidebar-item">
                  <a class="sidebar-link" href="{{ request.route_url('login') }}" aria-expanded="false">
                    <span class="hide-menu"><i class="ti ti-login fs-7"></i></span>
                  </a>
                </li>
              {% endif %}
          </ul>
        </nav>
        <!-- End Sidebar navigation -->
      </div>
      <!-- End Sidebar scroll-->
    </aside>
    <!--  Sidebar End -->
    <!--  Main wrapper -->
    <div class="body-wrapper">
      <!--  Header Start -->
      <header class="app-header">
        <nav class="navbar navbar-expand-lg navbar-light">
          <ul class="navbar-nav">
            <li class="nav-item d-block d-xl-none">
              <a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
                <i class="ti ti-menu-2"></i>
              </a>
            </li>
            <li class="nav-item">
              <a href="{{ request.route_url('home') }}" class="text-nowrap logo-img">
                <img src="{{request.static_url('tcs_site:static/img/tcshome-logo.png')}}" alt="logo" />
              </a>
            </li>
          </ul>
          <div class="navbar-collapse justify-content-end px-0" id="navbarNav">
            <ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
              <li>
	                <a class="nav-link" href="{{ request.route_url('blog_search') }}" title="Recherche">
                  <i class="ti ti-search fs-7"></i></a>
              </li>
            </ul>  
          </div>
        </nav>
      </header>
      <!--  Header End -->
      <div class="container-fluid">
      <div class="py-2 text-center">
        <p>&nbsp;</p>
      </div>
       <!-- Display Page Title -->
        {% if page_title %}
          <h1>{{ page_title }}</h1>
        {% endif %}

        <p id="messages">
          {% for queue in ['', 'info', 'success', 'warning', 'danger'] %}
            {% for message in request.session.pop_flash(queue) %}
              <div class="alert alert-{{queue}} alert-dismissible">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
              </div>
            {% endfor %}
          {% endfor %}
        </p>

        <!-- display page content-->
        {% block content %}
          <p>No content</p>
        {% endblock content %}
        <br />
        <br />
      </div>

	    <!-- Footer -->
      <div class="py-6 px-6 text-center">
        <p class="mb-0 fs-4">© Copyright 2004-2006 by TCS-Association Culturelle</p>
      </div>
    </div>
  </div>

  <script src="{{request.static_url('tcs_site:static/lightbox2/js/lightbox.js')}}"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-039E2F6VYE"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-039E2F6VYE');
  </script>
  <script type="text/javascript" id="cookieinfo"
    src="//cookieinfoscript.com/js/cookieinfo.min.js"
    data-bg="#645862"
    data-fg="#FFFFFF"
    data-link="#F1D600"
    data-divlink="#FFFFFF"
    data-divlinkbg="#5CB85C"
    data-cookie="CookieInfoScript"
    data-text-align="left"
    data-close-text="J'ai compris!"
    data-linkmsg = "Mentions légales"
    data-moreinfo = "/blog/1/mentions-legales"
    data-message="Les cookies que nous utilisons sont nécessaires au bon fonctionnement du site. En continuant la visite, vous déclarez accepter leur utilisation.">
  </script>
</body>

</html>