{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}


<style type="text/css">
a.back-btn::before {
    font-weight: 900;
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
}
.heading-top {
    background-color: #b06b1a;
    padding: 18px;
    border-radius:.25rem;
    display: flex;
    justify-content: space-between;
    margin: 30px 0 20px;
}
.heading-top a,
.heading-top  h2.f-20.mb-0 {
    color: #fff;
    text-decoration: none;
}
.sup-box {
    padding: 20px;
    background-color: #fff;

    border-radius: .25rem;
}
.support-view input#Subject {
    width: 100%;
}
.support-view form input {
    margin-bottom: 20px;

    }
.support-view form textarea,
.support-view form input {
 font-size: 14px;
    border: 1px solid #DFDFDF !important;
    padding: 6px 10px;
        border-radius: 3px;
}
.sup-box  h5 {
    margin-bottom: 20px;
}
.support-view form label {
    font-size: 14px;
    text-transform: uppercase;
}
.support-view input[type="submit"] {
    width: 100%;
    max-width: 110px;
    background: #b06b1a;
    color: #fff;
    border: 1px solid #b06b1a !important;
    margin-bottom: 0;
}
</style>

<title>Manimaran | Help & Support</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="support-view">
            <a style="background-color: #b06b1a; color: #fff;text-decoration: none;padding: 10px 20px;display: inline-block;position: relative;border-radius: 5px;" href="/help-and-support-list" class="back-btn">Back</a>

            <div class="heading-top shadow">
                <h2 class="f-20 mb-0">Help & Support</h2>
                <a href="#">View Message</a>
            </div>
            <div class="heading-box">
                <div class="row">
                    <div class="col-12 col-xl-5 col-md-5">
                        <div class="sup-box shadow">
                            <p><strong>Email: </strong>{{help.user.email}}</p>
                            <p><strong>Subject: </strong>{{help.title}}</p>
                            <p><strong>Date: </strong>{{help.start_date| date:"d M  Y"}}</p>
                            <p><strong>Message: </strong>{{help.description}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-xl-7 col-md-7">
                        <div class="sup-box shadow">
                            <h5>Send Reply</h5>
                                <form action="/send-reply-help-support/{{help.id}}" id="send-support" method="Post">
                                {% csrf_token %}
                                  <label for="lname">Email</label><br>
                                  <input type="email" id="Email" name="email" placeholder="test@gmail.com" value="{{help.user.email}}" readonly><br>
                                  <label for="lname">Subject</label><br>
                                  <input type="text" id="Subject" name="subject" placeholder="test" value="{{help.title}}" readonly><br>
                                  <label for="lname">Message</label>
                                  <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="reply"></textarea><br>
                                  <div class="text-center"><input type="submit" value="Submit"></div>
                                </form>
                        </div>
                    </div>
            </div>
            </div>

            </div>
    </div>
</div>
<!-- /.container-fluid -->

{% endblock %}