<%- include('./includes/header.ejs') %>
</head>
<body>
<%- include('./includes/navigation.ejs') %>
    <div class="container">
        <h1 class="text-center">
            Organization Registration
        </h1>
        <div class="row justify-content-md-center">
            <div class="col col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <form method="POST" action= "/organization/register" >
                            <div class="mb-3">
                                <label for="UserFname" class="form-label">Organization Name</label>
                                <input type="text" class="form-control" id="UserFname" name="orgname" required/>
                            </div>
                            <div class="mb-3">
                                <label for="country" class="form-label">Country</label>
                                <select class="form-select" aria-label="Country" id="country" name="country" required>
                                    <% for (country of  countries){ %>
                                        <option value="<%=country.name%>"><%=country.name%></option>
                                    <% } %>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="UserEmail" class="form-label">Email</label>
                                <input type="email" class="form-control" id="UserEmail" name="email" required/>
                            </div>
                            <div class="mb-3">
                                <label for="UserPass" class="form-label">Password</label>
                                <input type="password" class="form-control" id="UserPass" name="password" required/>
                            </div>
                            <button type="submit" class="btn btn-primary"> Register </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
   </div>
<%- include('./includes/footer.ejs') %>