{% extends 'book/base.html' %}
{%block content%}

<div class="row">
    <div class ="col-sm-4">
    <h4 class="text-center alert alert-info">Add New Book</h4>
    <form action ="" method="POST">
{% csrf_token %}
{{form.as_p}}
<input type="submit"  class="btn btn-success"  value="Add">
</form>
    </div>



<div class="col-sm-8">
<h4 class="text-center alert alert-info">Show Book Data</h4>
{%if stu%}
<h4>Table Data</h4>
        <table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">ID</th>
      <th scope="col">Book Name</th>
      <th scope="col">Author</th>
      <th scope="col">Price</th>
      <th scope="col">Action</th>
    </tr>
  </thead>
  <tbody>
  {%for st in stu%}
    <tr>
      <th scope="row">{{st.id}}</th>
      <td>{{st.bookname}}</td>
      <td>{{st.author}}</td>
      <td>{{st.price}}</td>
      <td>
      <a href="{% url 'updatedata' st.id %}" class="btn btn-warning btn-sm">Edit</a>
        <form action="{% url 'deletedata' st.id %}" method="post" class="d-inline">
        {% csrf_token %}
        <input type="submit" class="btn btn-danger" value="Delete" >
        </form>
      </td>
     
    </tr>
    {%endfor%}
  </tbody>
</table>
{% else %}
<h4 text-center alert alert-warning>No Records found</h4>
{% endif %}
</div>

</div>
{%endblock content%}
<!--Book Data-->