<!DOCTYPE html>
<html>
    <head>
        <title>Your Team | Xpecto</title>
        <link href="./css/preload.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="./css/navbar" />
        <link
            rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        />
        <!-- CSS only -->
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
            crossorigin="anonymous"
        />
        <!-- <style>
            body {
                padding-top: 70px;
            }
        </style> -->
    </head>
    <body>
        <div class="bg"></div>
        <div class="home">
            <section class="showcase">
                <header>
                    <h2 class="logo">Xpecto '22</h2>
                    <div class="toggle"></div>
                </header>
                <div class="overlay"></div>

                <div class="container">
                    <div
                        class="p-4 mx-auto text-center"
                        style="max-width: 100%"
                    >
                        <h1 class="text-primary text-center">
                            <span class="fa fa-team"></span> Team - <%=
                            team.name %>
                        </h1>
                    </div>
                    <div class="bg-white p-4" style="max-width: 100%">
                        Team Name = <%= team.name %>
                        <br />
                        Team Id = <%= team._id %>
                        <br />
                        Event Name = <%= team.event %>
                        <br />
                        Leader Id = <%= team.teamLeader %>
                        <br />
                        Team Members = <%= team.members %>
                        <br />
                        Creation Time = <%= team.createdAt %>
                        <br />
                        <a href="/generateInviteCode?team=<%= team._id %>">Generate New Invite Code</a>
                        <% if (inviteCode) {%>
                        <br />
                        InviteCode = <%= inviteCode %>
                        <br />
                        ValidUpto = <%= validUpto %>
                        <% } %>
                        <a href="/deleteTeam?team=<%= team._id %>&event=<%= team.event %>">Delete Team</a>
                    </div>
                </div>
            </section>
            <%- include('../partials/navbar_menu.ejs') %>
        </div>

        <script src="./js/script.js" type="text/javascript"></script>
    </body>
</html>
