chat.html

<div>	
	<input type="checkbox" id="show-hide-chat" class="input__hidden">

	<input type="checkbox" id="show-chat-content" class="input__hidden">

	<input type="checkbox" id="show-chat-section-1" class="input__hidden">

	<input type="checkbox" id="show-chat-section-2" class="input__hidden">

	<label id="show-chat" for="show-hide-chat" class="chat__button mr-auto text-white link__main font-bold bg-blue py-2 px-4 hover:bg-blue-dark hover:text-gray shadow-lg text-2xl" > 
	
		<i class="mdi mdi-message-text-outline"></i>
	</label>
	<div id="chat-main" class="text-sm chat__main overflow-hidden rounded align-middle bg-white shadow-lg " chatwindow="true" >
		
		<div id="chat__header_bg" class="bg-grey-darkest">
			{% include 'chat-header.html' %}
			{% include 'chat-header-sec-1.html' %}
			{% include 'chat-header-sec-2.html' %}			
		</div>
		{% include 'chat-content-1.html' %}
		{% include 'chat-content-2.html' %}

		{% include 'chat-section-1.html' %}
		{% include 'chat-section-2.html' %}

		{% include 'chat-footer.html' %}
							
	</div>
</div>