<!DOCTYPE html>                                                                   
<html lang="en" data-theme="dark">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Required meta tags always come first -->
  <title>
    TMT
  </title>
  {% load static %}
  <link rel="stylesheet" href="{% static 'css/main.css' %}">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
</head>
<body>
<div>

  <div class="drawer drawer-mobile">
    <input class="drawer-toggle" type="checkbox">
    <div class="drawer-content flex flex-col">
      <div class="navbar flex justify-between bg-base-100  z-10 shadow-md">
      </div>

      <!-- main -->
      <div class="flex-1 overflow-y-auto pt-8 px-6  bg-base-200">
        <div class="card w-full p-6 bg-base-100 shadow-xl mt-2">
          {% block content %}
          {% endblock %}
        </div>
      </div>


    </div>

    <div class="drawer-side ">
      <label class="drawer-overlay"></label>
      <ul class="menu  pt-2 w-80 bg-base-100 text-base-content">
        <li class="mb-2 font-semibold text-xl">
            <a href="/app/welcome"><img class="mask mask-squircle w-10" src="https://tailwind-dashboard-template-dashwind.vercel.app/logo192.png" alt="DashWind Logo">
            TMT-OLP</a>
        </li>
        <li class=""><a class="font-normal" href="/"><i class="fa-solid fa-fan text-[2rem] text-green-500 animate-spin"></i>Course</a></li>
      </ul>
    </div>

  </div> <!-- end-drawer -->

  <footer class="footer items-center p-4 bg-neutral text-neutral-content">
    <div class="items-center grid-flow-col">
      <p>Copyright © 2023 - All right reserved</p>
    </div> 
  </footer>

</div>


</body>
</html>
