{% extends 'hexabox/elements/layouts/admin.html' %}
{% load static %}
        
{% block additional_css %}
{% endblock %}		
{% block content %}

			<div class="container-fluid p-0 mw-100">
			
				<div class="row g-0">

					<!-- Start - Chat -->
                    <div class="col-xl-12">
                        <div class="card overflow-hidden full-chatbox-wrapper mb-0 h-auto border-0 rounded-0 shadow-none">
                            <div class="card-body p-0">
								<div class="row gx-0">
									<div class="col-xl-3 col-lg-5 chat-border chat-left-area">
										<div class="p-3 border-bottom d-flex justify-content-between align-items-center">
											<div class="d-flex">
												<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-sm rounded-circle" alt="">
												<div class="ms-2">
													<h6 class="mb-0">Elijah James</h6>
													<small class="d-flex align-items-center">Olivia Grace</small>
												</div>	
											</div>
											<a href="javascript:void(0);" class="btn btn-square btn-primary light btn-sm">
												<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
													<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3389 6.35305L16.8202 5.45298C16.3814 4.69138 15.4089 4.42864 14.6463 4.86564V4.86564C14.2832 5.07949 13.85 5.14017 13.4422 5.03428C13.0344 4.92839 12.6855 4.66464 12.4723 4.30118C12.3352 4.07016 12.2616 3.80704 12.2588 3.53841V3.53841C12.2711 3.10773 12.1087 2.69038 11.8083 2.38143C11.508 2.07249 11.0954 1.89826 10.6646 1.89844H9.61956C9.19745 1.89843 8.79274 2.06664 8.49498 2.36583C8.19722 2.66502 8.03096 3.07053 8.03299 3.49264V3.49264C8.02048 4.36415 7.31038 5.06405 6.43879 5.06396C6.17016 5.06117 5.90703 4.98749 5.67601 4.85038V4.85038C4.91336 4.41339 3.94091 4.67612 3.5021 5.43772L2.94527 6.35305C2.50699 7.1137 2.76615 8.08555 3.52498 8.52697V8.52697C4.01823 8.81174 4.32209 9.33803 4.32209 9.90759C4.32209 10.4771 4.01823 11.0034 3.52498 11.2882V11.2882C2.76711 11.7267 2.50767 12.6961 2.94527 13.4545V13.4545L3.47158 14.3622C3.67719 14.7332 4.02215 15.007 4.43014 15.1229C4.83813 15.2389 5.27551 15.1875 5.6455 14.9801V14.9801C6.00921 14.7678 6.44264 14.7097 6.84943 14.8185C7.25622 14.9274 7.60268 15.1942 7.81178 15.5598C7.94889 15.7908 8.02257 16.0539 8.02536 16.3225V16.3225C8.02536 17.203 8.73911 17.9167 9.61956 17.9167H10.6646C11.5421 17.9168 12.2546 17.2076 12.2588 16.3302V16.3302C12.2567 15.9067 12.424 15.5001 12.7234 15.2006C13.0229 14.9012 13.4295 14.7339 13.853 14.736C14.121 14.7431 14.383 14.8165 14.6157 14.9495V14.9495C15.3764 15.3878 16.3482 15.1287 16.7897 14.3698V14.3698L17.3389 13.4545C17.5514 13.0896 17.6098 12.655 17.501 12.247C17.3922 11.839 17.1252 11.4912 16.7592 11.2806V11.2806C16.3931 11.07 16.1261 10.7222 16.0173 10.3142C15.9085 9.90613 15.9669 9.47156 16.1794 9.10668C16.3177 8.86532 16.5178 8.66521 16.7592 8.52697V8.52697C17.5134 8.08579 17.772 7.11962 17.3389 6.36068V6.36068V6.35305Z" stroke-linecap="round" stroke-linejoin="round"/>
													<ellipse cx="10.1459" cy="9.90749" rx="2.1968" ry="2.1968" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
											</a>
										</div>
										<div class="p-3 bg-body">
											<div class="position-relative">
												<input type="text" class="form-control bg-light border-0 pe-5" placeholder="Search...">
												<a href="javascript:void(0);" class="btn btn-square btn-sm send-btn position-absolute end-0 top-50 translate-middle-y me-3">
													<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
														<circle cx="8.82495" cy="9.32491" r="6.74142" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
														<path d="M13.5137 14.3638L16.1568 16.9999" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
													</svg>
												</a>
											</div>
										</div>
										<div class="p-2 ic-scroll chat-users">
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Oliver Noah</h6>
													<span class="fs-13">Good morning!</span>
												</div>
												<div class="clearfix ms-auto">
													<small>1 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Amelia Rose</h6>
													<span class="fs-13">Got it!</span>
												</div>
												<div class="clearfix ms-auto">
													<small>2 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Elijah James</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Isabella Claire</h6>
													<span class="fs-13">I'm looking to spend</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar10.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">William Jasper</h6>
													<span class="fs-13">we have a great</span>
												</div>
												<div class="clearfix ms-auto">
													<small>1 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar9.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Harper Joy</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>2 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar8.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Alexander Finn</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar7.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Emily Kate</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar6.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Jackson Miles</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>1 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Evelyn Hope</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>2 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Henry Mason</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Scarlett Elise</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>5 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
													<span class="fa fa-circle text-success position-absolute bottom-0 end-0 border border-2 border-white rounded-circle fs-8"></span>
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Liam Risher</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>1 MIN</small>
												</div>
											</div>
											<div class="d-flex align-items-center p-2 bg-action-light rounded">
												<div class="d-inline-block position-relative">
													<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" alt="" class="rounded-circle avatar avatar-sm">
												</div>
												<div class="clearfix ms-2">
													<h6 class="fs-13 mb-0 fw-semibold">Isabella Claire</h6>
													<span class="fs-13">Welcome back</span>
												</div>
												<div class="clearfix ms-auto">
													<small>2 MIN</small>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-5 col-lg-7 border-start flex-column d-flex">
										<div class="d-flex justify-content-between p-3 border-bottom">
											<div class="d-flex">
												<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-sm rounded-circle" alt="">
												<div class="ms-2">
													<h6 class="mb-0">Oliver Noah </h6>
													<small class="d-flex align-items-center"><i class="fa-solid fa-circle text-success me-1 fs-8"></i> online</small>
												</div>	
											</div>
											<div class="clearfix">
												<a href="javascript:void(0);" class="btn btn-square btn-success btn-sm ms-1">
													<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
														<path d="M18.3333 14.0999V16.5999C18.3343 16.832 18.2867 17.0617 18.1937 17.2744C18.1008 17.487 17.9644 17.6779 17.7934 17.8348C17.6224 17.9917 17.4205 18.1112 17.2006 18.1855C16.9808 18.2599 16.7478 18.2875 16.5167 18.2666C13.9523 17.988 11.4892 17.1117 9.32498 15.7083C7.31151 14.4288 5.60443 12.7217 4.32499 10.7083C2.91663 8.53426 2.04019 6.05908 1.76665 3.48325C1.74583 3.25281 1.77321 3.02055 1.84707 2.80127C1.92092 2.58199 2.03963 2.38049 2.19562 2.2096C2.35162 2.03871 2.54149 1.90218 2.75314 1.80869C2.9648 1.7152 3.1936 1.6668 3.42499 1.66658H5.92499C6.32941 1.6626 6.72148 1.80582 7.02812 2.06953C7.33476 2.33324 7.53505 2.69946 7.59165 3.09992C7.69717 3.89997 7.89286 4.68552 8.17499 5.44158C8.2871 5.73985 8.31137 6.06401 8.24491 6.37565C8.17844 6.68729 8.02404 6.97334 7.79998 7.19992L6.74165 8.25825C7.92795 10.3445 9.65536 12.072 11.7417 13.2583L12.8 12.1999C13.0266 11.9759 13.3126 11.8215 13.6243 11.755C13.9359 11.6885 14.26 11.7128 14.5583 11.8249C15.3144 12.107 16.0999 12.3027 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6912 18.3333 14.0999Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
													</svg>
												</a>
												<a href="javascript:void(0);" class="btn btn-square btn-primary btn-sm ms-1">
													<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
														<path d="M19.561 1.172C19.4256 1.08045 19.2699 1.02347 19.1074 1.00604C18.945 0.988603 18.7807 1.01125 18.629 1.072L14.954 2.542C14.8449 1.83596 14.4875 1.19201 13.946 0.726018C13.4045 0.260026 12.7144 0.00258053 12 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V11C0 11.7956 0.316071 12.5587 0.87868 13.1213C1.44129 13.6839 2.20435 14 3 14H12C12.7143 13.9975 13.4042 13.7402 13.9457 13.2744C14.4872 12.8086 14.8447 12.1649 14.954 11.459L18.629 12.929C18.7807 12.9896 18.945 13.0121 19.1075 12.9946C19.27 12.977 19.4257 12.9199 19.561 12.8282C19.6962 12.7365 19.807 12.6131 19.8835 12.4687C19.9601 12.3244 20.0001 12.1634 20 12V2C20 1.83663 19.96 1.67573 19.8835 1.53139C19.807 1.38705 19.6962 1.26365 19.561 1.172ZM12 12H3C2.73478 12 2.48043 11.8946 2.29289 11.7071C2.10536 11.5196 2 11.2652 2 11V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H12C12.2652 2 12.5196 2.10536 12.7071 2.29289C12.8946 2.48043 13 2.73478 13 3V11C13 11.2652 12.8946 11.5196 12.7071 11.7071C12.5196 11.8946 12.2652 12 12 12ZM18 10.523L15 9.323V4.677L18 3.477V10.523Z" fill="white"/>
													</svg>
												</a>
											</div>
										</div>
										<div class="p-3 chatbox-wrapper">
											<div class="chatbox-content ic-scroll">
												<span class="chat-date">27 Feb 2024</span>
												<div class="chat-content-left">
													<div class="message-item">
														<div class="bubble">Good morning!</div>    
														<div class="bubble"> I'm looking for a new laptop</div>     
														<div class="message-time">10:30 am</div>    
													</div>
												</div>
												<div class="chat-content-right">
													<div class="message-item">
														<div class="bubble">Good morning!</div>    
														<div class="bubble">Of course, we have a great selection of laptops.</div>     
														<div class="message-time">10:30 am</div>    
													</div>
												</div>
												<div class="chat-content-left">
													<div class="message-item">
														<div class="bubble">I'm looking to spend around $800 to $1,000.</div>    
														<div class="message-time">10:30 am</div>    
													</div>
												</div>
												<span class="chat-date">Today</span>
												<div class="chat-content-right">
													<div class="message-item">
														<div class="bubble"> Got it!</div>    
														<div class="bubble">We have several options that would suit your needs. Let me show you a few models that match your criteria.</div>
														<div class="message-time">10:30 am</div>    
													</div>
												</div>
											</div>
											<div class="chatbox-footer">
												<div class="input-wrapper">
													<input type="text" class="form-control form-control-lg bg-light border-0" style="padding-right: 120px;" placeholder="Hello honey risher...">
													<a href="javascript:void(0);" class="btn btn-primary send-btn position-absolute end-0 top-50 translate-middle-y me-1">
														Send <i class="fa-solid fa-paper-plane"></i>
													</a>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-4 border-start">
										<hr class="d-block m-0 d-xl-none">
										<div class="p-3">
											<h5>Media</h5>
											<div class="d-flex flex-wrap gap-2">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar7.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar9.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar10.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar8.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar6.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" alt="">
												<img class="avatar rounded-1" src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" alt="">
											</div>
										</div>
										<div class="p-3">
											<h5>Files</h5>
											<div>
												<div class="row g-1">
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/google-docs1.png' %}" height="35" alt="" class="mb-2">
															<h6 class="mb-0 fs-14">index.html</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/play-button1.png' %}" height="35" alt="" class="mb-2">
															<h6 class="mb-0 fs-14">video.mp4</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/music-notes1.png' %}" height="35" alt="" class="mb-2">
															<h6 class="mb-0 fs-14">songs.mp4</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/pdf.png' %}" alt="" height="35" class="mb-2">
															<h6 class="mb-0 fs-14">document.pdf</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/music-notes1.png' %}" height="35" alt="" class="mb-2">
															<h6 class="mb-0 fs-14">songs.mp3</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
													<div class="col-xxl-4 col-xl-6 col-lg-3 col-sm-4 col-6">
														<a href="javascript:void(0);" class="text-center px-2 py-3 bg-action-primary rounded text-body d-block">
															<img src="{% static 'hexabox/images/chat/google-docs1.png' %}" height="35" alt="" class="mb-2">
															<h6 class="mb-0 fs-14">screenshot.png</h6>
															<small>3 Items December 27th, 2021 04:56 AM - 10.0 MB</small>
														</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Chat -->

                </div>
				
            </div>

{% endblock %}

{% block additional_js %}

{% endblock %}