<%- include('../../common/header') %> 
<%- include('../../common/side-bar') %>

<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
    <%- include('../../common/navbar') %>
    <div class="container-fluid py-4">
      <div class="row">
        <div class="col-xl-3 col-sm-3 mb-xl-0 mb-4">
        </div>
        <div class="col-xl-6 col-sm-6 mb-xl-0 mb-4">
          <div class="card">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
                  <h6 class="text-white text-capitalize ps-3">Add New Author</h6>
                </div>
              </div>
            <div class="card-body px-3 pb-2">
                  <form role="form" action="/authors/update/<%=author._id%>" method="post" enctype="multipart/form-data">
                    <div class="input-group input-group-outline mb-3">
                      <label class="form-label">Name</label>
                      <input type="text" class="form-control" name="name" value="<%=author.name%>" required>
                      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                    </div>
                    <div class="input-group input-group-outline mb-3">
                      <label class="form-label">Image</label>
                      <input type="file" style="opacity: 1;" class="form-control" name="image">
                    </div>
                    <div class="input-group input-group-outline mb-3">
                      <img src="../../author/<%=author.image%>" />
                    </div>
                    <div class="text-center">
                      <button type="submit" class="btn btn-lg bg-gradient-primary btn-lg mt-4 mb-0">Update</button>
                    </div>
                  </form>
         </div>
        </div>
        </div>
        </div>
    </div>
</main>


<%- include('../../common/footer') %> 