<!DOCTYPE html>
<html lang="en">
<head>
    {% include "head.html" %}
</head>
<body>
    {% include "navbar.html" %}
    <main class="content px-3 py-4">
        <div class="container-fluid">
            <div class="form_req mb-3">        
                <h3 class="fw-bold fs-4 my-3">Registration
                </h3>
                {% with messages = get_flashed_messages(with_categories=true) %}
                    {% if messages %}
                        <div class="alert alert-danger">
                            {% for category, message in messages %}
                                {{ message }}
                            {% endfor %}
                        </div>
                    {% endif %}
                {% endwith %}
                <div class="row">
                    <div class="col-5">
                        <form method="post" action="/addprsn_submit">
                            <div class="mb-3">
                              <label for="id" class="form-label">Id</label>
                              <input type="text" class="form-control" id="txtnbr" name="txtnbr" maxlength="6" minlength="6" required placeholder="Masukan Nomer Identitas">
                            </div>
                            <div class="mb-3">
                              <label for="name" class="form-label">Nama</label>
                              <input type="text" class="form-control" id="txtname" name="txtname" required placeholder="Masukan Nama Lengkap">
                            </div>
                            <div class="mb-3">
                                <label for="name" class="form-label">Divisi</label>
                                <select class="form-select" name="optskill" id="optskill" required>
                                    <option selected>Pilih divisi</option>
                                    <option value="Aktivasi">Aktivasi</option>
                                    <option value="Pemeliharaan">Pemeliharaan</option>
                                    <option value="Pemasaran/Penjualan">Pemasaran/Penjualan</option>
                                </select>
                            </div>
                            <button type="submit" value="Next" class="btn btn-primary">Next</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
    crossorigin="anonymous"></script>
</body>
</html>
