<%- include('./static/header') %>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/tailwind.min.css" integrity="sha512-y6ZMKFUQrn+UUEVoqYe8ApScqbjuhjqzTuwUMEGMDuhS2niI8KA3vhH2LenreqJXQS+iIXVTRL2iaNfJbDNA1Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/base.css" integrity="sha512-4MP2bln1wciK6s5shUwCOqFzVj/ye9U+yYQ0AnHExNUDcbOzMcBRsJvEq+vWqNuFpro/XwY1kmwd/ZUGFfsKTg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/base.min.css" integrity="sha512-4VB9GCwtWOJxNtYsvJ7qUjRCTtlHpBYKQwr5ae/GgAd/ti9SFx0yh/CmAAO2H8ymeRJxg1F578l+7FAz1DuKgA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/components.css" integrity="sha512-9BlWpvccUKhxv9Jzha/JN6P+4hrVmhka0a0tnjtuv+Ro/V8itR/f0FM28++8CiK2CQ/qXu56VzGoHpGT3dJTKg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/components.min.css" integrity="sha512-f6TS5CFJrH/EWmarcBwG54/kW9wwejYMcw+I7fRnGf33Vv4yCvy4BecCKTti3l8e8HnUiIbxx3V3CuUYGqR1uQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/tailwind-dark.css" integrity="sha512-Yt3PdSrCZnj7mhutv79VS3J9jTRowSZqLFQzuEBeNubDmAW8OScQpUprgvaFfpYs56D+bPLbuQ8KZAC0v5bg+g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/tailwind-dark.min.css" integrity="sha512-XNq2InU9g3bwTbdv41jQXIaKTItROto41g3jRHfOYlpCSb2O5FYBmyuuGj0gxlJbGOpKioZw/FImcU/BxIt6gg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap" rel="stylesheet">

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/pages/promocode.css" />
          <div class="flex flex-wrap justify-around my-4">
            <div class="m-2">
              <div class="component flex max-w-sm">
                <div class="bg-gray-100 shadow-sm rounded-lg">
                  <div class="bg-cover p-8 rounded-t-lg" style="background-image: url(&quot;https://cdn.glitch.com/6ebc0877-3e88-4c65-946a-70564c920033%2F20210808_230524.png?v=1628449719299&quot;);">
                    <div class="font-semibold text-gray-100 text-lg tracking-wide"></div>
                    <div class="font-black text-gray-100 text-2xl tracking-wide mb-10"></div>
                  </div>
                  <div class="px-8 py-6 relative">
                   <div class="absolute top-0 left-0 ml-8 transform -translate-y-1/2 h-20 w-20 bg-cover rounded-full border-2 border-gray-500" style="background-image: url(&quot;https://cdn.discordapp.com/avatars/<%=user.id%>/<%=user.avatar%>.gif&quot;);"></div>
                    <br>
                    <div class="mt-6">
                      <div class="uppercase mt-2 text-indigo-500 font-black text-2xl leading-none"><!-- <input name="promo" class="form-control" required></input> -->
                      <form class="w-full max-w-sm">
  <div class="flex items-center border-b border-teal-500 py-2">
    <input class="appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none negoPup promocode-greesy" type="text"  placeholder="Write Promocode" aria-label="Full name" name="promo">
  </div>
</form>
</div>
                    </div>
                    <div class="mt-6 text-gray-500 text-sm">If You Get an Error Contact the Moderators</div>
                  </div>
                  <div><button class="w-full border border-transparent rounded-b-lg font-semibold tracking-wide px-5 py-4 focus:outline-none focus:shadow-outline bg-indigo-500 text-gray-100 hover:bg-indigo-600 hover:text-gray-200">Use Promocode</button></div>
                </div>
              </div>
            </div>
            
          <br>
<br>
<br>
         
            
                 <br>
<br>

            <div class="m-2">
              <div class="component flex max-w-sm pt-16">
                <div class="w-full px-8 pb-8 shadow-lg rounded-lg bg-gray-100 text-center relative">
                  <div class="absolute top-0 left-0 right-0 ">
                    <div class="inline-block bg-indigo-200 rounded-full p-8 transform -translate-y-1/2"><svg class="w-6 text-indigo-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                        <line x1="3" y1="9" x2="21" y2="9"></line>
                        <line x1="9" y1="21" x2="9" y2="9"></line>
                      </svg></div>
                  </div>
                  <div class="mt-20 uppercase text-indigo-700 font-bold">Promo Codes You Used</div>
                  <div class="mt-6 text-sm text-gray-600"> 
                    <% if(fetchInventory){ %>
                    <% fetchInventory.forEach(x => { %>
                    <p class="text-info">Promocode: <%= x.code %></p>
                  
                    <br>
                    <p class="text-info">Usage Date: <%= x.usageDate %></p>
                     <br> <br>
 </div>
                   <br>
                   <br>
                  <% }) %>
                  <% }else{ %>
                    
                    <i class="fad fa-database"></i> Database Error : Not Found 

                  <% } %>
                  <!--<div class="mt-6"><a href="/blog?category=promocode&page=promo" class="uppercase font-bold border-b-2 text-indigo-500 border-indigo-200 hover:border-indigo-500 hover:text-indigo-600">Click For More Promo Codes</a></div>
                </div>-->
              </div>
            </div>