{% extends "index.html"%} {% block content%}
<div class="card">
  <div class="card-header text-light bg-gradient-danger">
    <h3>Tambah Data Member</h3> </div>
  <hr>
  <div class="card-body">
    <div class="card-body col-sm-5">
    <form method="post" action="{% url 'createmember'%}" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="form-group row">
          <label class="col-4 col-form-label" for="nama">Nama</label> 
          <div class="col-8">
            <input id="nama" name="nama" placeholder="Masukan nama" type="text" class="form-control" required="required">
          </div>
        </div>
        <div class="form-group row">
          <label for="alamat" class="col-4 col-form-label">Alamat</label> 
          <div class="col-8">
            <input id="alamat" name="alamat" placeholder="Masukan  alamat" type="text" class="form-control" required="required">
          </div>
        </div> 
        <div class="form-group row">
          <label for="email" class="col-4 col-form-label">Email</label> 
          <div class="col-8">
            <input id="email" name="email" placeholder="Masukan email" type="email" class="form-control" required="required">
          </div>
        </div> 
        <hr>
        <button type="submit" name="submit" class="btn btn-primary align-items-center">Insert</button>
      </form>
    </div>
  </div>  
</div>
{% endblock content%}