{% 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: #EBF0F9;
        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 {
        text-decoration: none;
    }
    .sup-box {
        padding: 20px;
        background-color: #fff;
        height: 200px;
        border-radius: .25rem;
    }
</style>
<title>Kila Kolis | Help & Support</title>
<div class="content-wrapper">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="support-view">
            <a style="color: #fff;text-decoration: none;padding: 10px 20px;display: inline-block;position: relative;border-radius: 5px;" href="/help-and-support-list" class="back-btn bgdark">Back</a>

            <!-- <div class="heading-top shadow">
                <h2 class="f-20 bold mb-0">Help & Support</h2>
            </div> -->
            <div class="heading-box mt-4">
                <div class="row">
                    <div class="col-12 col-xl-6 col-md-6">
                        <h6 class="title">User Generated Support</h6>
                        <div class="sup-box shadow">
                            <p><strong>Email: </strong> <span>{{sup_obj.user.email}}</span></p>
                            <p><strong>Subject: </strong><span>{{sup_obj.title}}</span></p>
                            <p><strong>Date: </strong><span>{{sup_obj.start_date| date:"d M  Y"}}</span></p>
                            <p><strong>Message: </strong><span>{{sup_obj.description}}</span></p>
                        </div>
                    </div>
                    <div class="col-12 col-xl-6 col-md-6">
                        <h6 class="title">Support Reply</h6>
                        <div class="sup-box shadow">
                            <p><strong>Admin Message: </strong><span>{{sup_obj.reply|striptags}}</span></p>
                            <p><strong>Reply Date: </strong><span>{{sup_obj.reply_date | date:"d M  Y"}}</span></p>
                            <p><strong>Status: </strong><span>Complete</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /.container-fluid -->

{% endblock %}