{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<title>Seer | Edit Hobby</title>
	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12">
	    				<h2 class="topHead">Edit Hobby</h2>
	    				<p>Welcome to Lorem Ipsum Admin Dashboard</p>
	    			</div>	    			
	    		</div>
	    		<div class="row new-user-table bookings mt-3">
	    			<div class="col-12 col-md-12">
	    				<div class="card dashboard-card px-0">
	    					<!-- <div class="top-card">
	    						<p class="f-18">Hobbies</p>	    						
	    					</div> -->
	    					<div class="add-hobbies px-4">
								<form action="/edit-hobbies/{{hobbies_obj.id}}" method="POST" id='add-hooby'>
									{% csrf_token %}
	    							<div class="row g-3 align-items-center justify-content-center">				  
									  <div class="col-10">
									  	<label class="col-form-label">Hobby Name</label>
									    <input type="text" placeholder="Hobby Name" name="hobby_name" id="hobby_name" class="form-control" value="{{hobbies_obj.hobby}}">
									  </div>
									  <div class="col-10">
											<div class="save-btn text-center mt-4">
												<button type="submit" class="save-btn">Update Hobby</button>
										    </div>
										</div>
									</div>
	    						</form>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>	

<!-- end of html code -->
{%endblock%}

{%block js%}
<!-- js code -->


<!-- end of js -->
{% endblock %}