{% extends 'base.html' %}
{% block title %}Search{% endblock %}
{% block style %}
.body
{
  position: relative;
  top:180px;
  text-align: center;
  background-color: white;
  height: 55%;
  width: 800px;
  margin:0px auto;
  border:4px black solid;
}
.content
{
  display: flex;
}
.label-content
{
  position: absolute;
  left: 10%;
  top: 100px;
  width: 200px;
  text-align: right;
}
.input-content
{
  left: 40%;
  padding: 20px 20px;
  width: 100px;
  position: absolute;
  top: 80px;
}
input
{
  margin: 10px;
}
label
{
  display:inline-block;
  margin: 10px 0px;
  font-weight: 700;
}
{% endblock %}
{% block content %}
<div class="body">
<form action="" method="post">
            {% csrf_token %}
      <div class="content">
            <h1 style= "padding-left: 40px; width: 100%; display: inline-block; position: relative; font-size: 30px;">更新司機資料</h1>
            <div class="label-content">
            <label for="name">姓名:</label><br>
            <label for="area">所屬區域:</label><br>
            <label for="status">聘用狀態:</label><br>
            <label for="identity">身分:</label><br>
            <label for="ID">工號:</label><br>
            <label for="c-date">變動生效日期:</label><br>
            <label for="c-user">資料修改人員:</label><br>
            </div>
            <div class="input-content">
            <input type="text" name="name"  class="sc" ><br>
            <input type="text" name="area"  class="sc" ><br>
            <input type="text" name="status"  class="sc" ><br>
            <input type="text" name="identity"  class="sc" ><br>
            <input type="text" name="ID"  class="sc" ><br>
            <input type="date" name="c-date"  class="sc" ><br>
            <input type="text" name="c-user"  class="sc" value={{ user }}><br>
            <input type="submit" class="button" value="Update">
            <br><br>{{ var }}{{ time }}
            </div>
       </div>

</form>
</div>
{% endblock %}