{{ extends "/base/base.jet" }}
{{ import "/components/table_component.jet" }}


{{ block mainContent() }}
    <h3>Edit user</h3>


    <div class="row">
        <form class="mb-5 col-4 ms-auto me-auto" method="post" action="{{ .currentPath }}">
            <div class="mb-3">
                <label class="form-label">First name</label>
                <input type="text" name="first-name" class="form-control" value="{{ user.FirstName }}" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Last name</label>
                <input type="text" name="last-name" class="form-control" value="{{ user.LastName }}" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Email</label>
                <input type="email" name="email" class="form-control" value="{{ user.Email }}" required>
            </div>

            <div class="d-flex">
                <a href="/users" class="btn btn-outline-secondary ms-auto me-2">
                    Cancel
                </a>
                <button type="submit" class="btn btn-success">
                    Save
                </button>
            </div>
        </form>
    </div>

{{ end }}