{% extends "base.html" %}

{% block title %} UI Forms {% endblock %} 

<!-- Specific CSS goes HERE -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

    <!-- [ Main Content ] start -->
    <div class="pcoded-main-container">
        <div class="pcoded-wrapper">
            <div class="pcoded-content">
                <div class="pcoded-inner-content">
                    <!-- [ breadcrumb ] start -->
                    <div class="page-header">
                        <div class="page-block">
                            <div class="row align-items-center">
                                <div class="col-md-12">
                                    <div class="page-header-title">
                                        <h5 class="m-b-0"></h5>
                                    </div>
                                    <ul class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="/dashboard"><i class="feather icon-home"></i></a></li>
                                        <li class="breadcrumb-item"><a href="/user_display">Users</a></li>
                                        <li class="breadcrumb-item"><a href="">Edit User</a></li> 
                                    </ul>
                                    <div class="page-header-title">
                                        <h5 style="text-align: center" class="m-b-10">Edit User</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- [ breadcrumb ] end -->
                    <div class="main-body">
                        <div class="page-wrapper">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                </div>
                                                <div class="col-md-4">
                                                    <form id="edit-form" method="POST">
                                                    <label>Username</label>                                  
                                                    <div class="input-group mb-4">
                                                        <input type="text" name="username" placeholder="Username" value="{{ user.username }}" class="form-control" required><br>
                                                    </div>
                                                    <label>Email</label>
                                                    <div class="input-group mb-4">
                                                        <input type="email" name="email" placeholder="Email" value="{{ user.email }}" class="form-control" required><br>
                                                    </div>
                                                    <div style="text-align: center">
                                                        <input class="btn btn-primary shadow-2 mb-4" type="submit" value="Submit">
                                                    </div>
                                                    </form>
                                                </div>
                                                <div class="col-md-4">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}{% endblock javascripts %}
