{{define "content"}}
<div class="app-shell">
    <main class="page active">
        <div class="card card-app">
            <div class="card-body">
                <h1 class="h3 mb-3 font-weight-normal">Update User</h1>
                <form method="POST" action="/admin/update-user">
                    <input type="hidden" name="csrf_token" value="{{.CSRF}}">
                    <input type="hidden" name="Id" id="Id" value="{{.Data.Id}}">
                    <div class="form-group mb-3">
                        <label for="firstname" class="form-label">First Name</label>
                        <input type="text" class="form-control" id="firstname" name="firstname" value="{{.Data.FirstName}}" placeholder="Enter first name" required>
                    </div>
                    <div class="form-group mb-3">
                        <label for="lastname" class="form-label">Last Name</label>
                        <input type="text" class="form-control" id="lastname" name="lastname" value="{{.Data.LastName}}" placeholder="Enter last name" required>
                    </div>
                    <div class="form-group mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" readonly id="email" name="email" value="{{.Data.Email}}" placeholder="Enter email address" required>
                    </div>
                    <div class="form-group mb-3">
                        <label for="name" class="form-label">Role</label>
                        <select class="form-control" id="role" name="role" required>
                            <option value="SA" {{if eq .Data.Role "SA"}}selected{{end}}>SA</option>
                            <option value="Admin" {{if eq .Data.Role "Admin"}}selected{{end}}>Admin</option>
                            <option value="User" {{if eq .Data.Role "User"}}selected{{end}}>User</option>
                        </select>
                    </div>
                    <button class="btn btn-lg btn-primary btn-block" type="submit" id="btnCreateUser">Save User</button>
                    {{if .Errors}}
                        <div class="alert alert-danger mt-3">
                            {{range .Errors}}
                                <p>{{.}}</p>
                            {{end}}
                        </div>
                    {{end}}
                </form>
        </div>
    </main>
</div>
{{end}}