{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<title>Seer | Help & Support</title>
	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12">
	    				<h2 class="topHead">Help & Support</h2>
	    				<p>Welcome to Lorem Ipsum Admin Dashboard</p>
	    			</div>	    			
	    		</div>
	    		<div class="row help-support mt-3">
                    <div class="col-12 col-xl-6 col-md-6">
                        <div class="sup-box shadow card h-100 p-4">
                            {% if sup_obj.seer_user %}
                            <p><strong>Email: </strong>{{sup_obj.seer_user.email}}</p>
                            {% elif sup_obj.fortune_teller %}
                            <p><strong>Email: </strong>{{sup_obj.fortune_teller.email}}</p>
                            {%endif%}
                            <p><strong>Subject: </strong>{{sup_obj.title}}</p>
                            <p><strong>Date: </strong>{{sup_obj.created_at| date:"d M  Y"}}</p>
                            <p><strong>Message: </strong>{{sup_obj.message}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-xl-6 col-md-6">
                        <div class="sup-box shadow card h-100 p-4">
                          <p><strong>Admin Message: </strong>{{sup_obj.reply|striptags}}</p>
                            <p><strong>Reply Date: </strong>{{sup_obj.reply_date | date:"d M  Y"}}</p>
                            <p><strong>Status: </strong>Complete</p>

                        </div>
                    </div>
            	</div>
	    	</div>
	    </div>	

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

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


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