{% 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">
                        <div class="sup-box shadow card h-100 p-4">
                            {% if help.seer_user %}
                            <p><strong>Email: </strong>{{help.seer_user.email}}</p>
                            {% elif help.fortune_teller %}
                            <p><strong>Email: </strong>{{help.fortune_teller.email}}</p>
                            {%endif%}
                            <p><strong>Subject: </strong>{{help.title}}</p>
                            <p><strong>Date: </strong>{{help.created_at}}</p>
                            <p><strong>Query: </strong>{{help.message}}</p>
                        </div>
                    </div>
            	</div>
                <form action="/help-support-send/{{help.id}}" method="POST" id="help-support-send">
                {% csrf_token %}
                <div class="row new-user-table bookings mt-5">
                    <div class="col-12 col-md-12">
                        <div class="card dashboard-card p-4">
                            <div class="top-card px-0">
                                <p class="f-18">Send Reply</p>                                
                            </div>
                            <div class="updateDetail row">                                
                                <div class="col-6">
                                    <label class="form-label">Email address*</label>
                                    <input type="email" class="form-control" name="email" {% if help.seer_user %} value="{{help.seer_user.email}}" {%else%} value="{{help.fortune_teller.email}}" {%endif%} readonly>
                                </div>  
                                <div class="col-6">
                                    <label class="form-label">Subject</label>
                                    <input type="text" class="form-control" name="subject" value="{{help.title}}" readonly>
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Reply</label>
                                     <textarea class="form-control" rows="5" name="reply"></textarea>
                                </div>
                                <div class="col-12 my-4 text-center">
                                    <button type="submit" class="send-btn">Send</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
	    	</div>
	    </div>	

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

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


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