{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->

	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12">
	    				<h2 class="topHead">Lifestyle Questions</h2>
	    				<p>Welcome to Lorem Ipsum Admin Dashboard</p>
	    			</div>
	    			<div class="col-xl-12 col-10">
					 <form action="lifestyle-questions-list" method="get">
            			{% csrf_token %}
	    				<div class="d-flex align-items-center justify-content-between">
	    					<div class="d-flex align-items-center">
								<div class="search home position-relative">
									<input type="text" name="search" id="search" value="{% if search_post %}{{search_post}}{% endif %}" placeholder="Type in to search ..">
									<div class="search-icons">
										<button type="button" class="search-icn-btn">
											<i class='bx bx-search'></i>
										</button>
									</div>
								</div>
						      	<div class="search-btn px-4">
						      		<button type="submit" class="search-btn">Search</button>
						      	</div>
	    					</div>
		    				<div>	    						
	    						<a href="/add-lifestyle-question" class="add-btn">Add Questions</a>
	    					</div>
	    				</div>
						</form>
	    			</div>
	    		</div>
	    		<div class="row new-user-table bookings mt-3">
	    			<div class="col-12 col-md-12">
	    				<div class="card dashboard-card">
	    					<div class="table-users">
	    						<div class="table-responsive w-100">          
					              <table class="table w-100">
					                <thead>
					                  <tr>
					                    <th>Question</th>
					                    <th>Created Date</th>
					                    <th>Action</th>
					                  </tr>
					                </thead>
					                <tbody>
									{% for question in ques_obj %}
					                <tr>
					                    <td>{{question.question_title}}</td>
					                    <td>{{question.created_at}}</td>
					                    <td>
					                      <div class="action-btns">
					                        <a href="/edit-lifestyle-question/{{question.id}}" class="block-icon"><img src="/static/admin/images/edit.png"></a>
					                      </div>
					                    </td>
					                </tr>
					                {% endfor %}	                
					                </tbody>
					              </table>        
					            </div>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="row ">
	    			<div class="col-12">
	    				<div class="pagi mt-5">
	    							 {% if ques_obj %}
									<div class="demo-inline-spacing pagi">
										<div class="pagination justify-content-center">
										<nav aria-label="Page navigation">
										<ul class="pagination">
										{% if ques_obj.has_previous %}
										<li><a href="?page={{ ques_obj.previous_page_number }}">&laquo;</a></li>
										{% else %}
										<li class="disabled"><a class="page-link" href="#"><i class="bx bx-chevron-left"></i></a></li>
										{% endif %}
										{% for i in ques_obj.paginator.page_range %}
										{% if ques_obj.number == i %}
										<li><span><a href="#" class="page-link active">{{ i }} </a></span></li>
										{% else %}
										<li><a class="page-link" href="?page={{ i }}">{{ i }}</a></li>
										{% endif %}
										{% endfor %}
										{% if ques_obj.has_next %}
										<li><a class="page-link" href="?page={{ ques_obj.next_page_number }}">&raquo;</a></li>
										{% else %}
										<li class="disabled"><a href="#" class="page-link"><i class="bx bx-chevron-right"></i></a></li>
										{% endif %}
										</ul>
										</nav>
										</div>
									</div>
							{% endif %}
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>

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

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


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