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

      <!--Content body start-->
      <title>Beni | Help & Support</title>
      <div class="content-body">

        <div class="container-fluid mt-3">
          <div class="top-btn-back">
            <a href="/help-support-list" class="btn btn-primary"> < Back </a>
          </div>
            <div class="row page-titles mx-0">
                <div class="col">
                    <h2 class="fs-32 mb-0">Help & Support</h2>
                </div>
              
            </div>
         
            <div class="row mt-4 help-rw">
                <div class="col-12 col-md-4">
                    <div class="card user-message-detail-card p-4">
                        <div class="user-message-detail">
                            <p><b>Email: </b>{{help.user.email}}</p>
                            <p><b>Subject: </b>{{help.title}}</p>
                            <p><b>Date: </b>{{help.start_date| date:"d M  Y"}}</p>
                            <p class="mb-0"><b>Message: </b>{{help.description}}</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-8">
                   <div class="card send-rply-card p-4">
                    <form action="/send-support-message/{{help.id}}" id="send-support" method="Post" role="form" style="border:0" class="mb-0" novalidate="novalidate">
                        {% csrf_token %}
                        <div class="send-rply-form">
                            <h4>Send Reply :</h4>
                              <div class="row mb-3">
                                   <div class="col-sm-6"> 
                                    <label class="col-form-label" for="basic-default-email">Email</label>
                                    <div class="col-form-input">
                                      <div class="input-group input-group-merge">
                                      <input type="text" class="form-control" placeholder="jhon@gmail.com" value="{{help.user.email}}" name="email">
                                    </div>
                                    <label id="email-error" class="error" for="email"></label>
                                  </div>
                              </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-12"> 
                                  <label class="col-form-label" for="subject">Subject</label>
                                  <div class="col-form-input">
                                    <input type="text" class="form-control" id="subject" name="subject" value="{{help.title}}" placeholder="subject">
                                  </div>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-sm-12"> 
                                  <label class="col-form-label">Message</label>
                                  <div class="col-form-input">
                                    <textarea class="ckeditor" type="texteditor" name="reply" id="content" style="
                                    display: block;width: 100%;height: 100px;"></textarea>
                                  </div>
                                </div>
                            </div>
                            <div class="mt-3 text-center">
                                <button type="submit" class="btn btn-primary me-2">Send</button>
                              
                            </div>
                          </div>
                        </form>
                      </div>
                </div>
            </div>
        </div>
    </div>
      <!--Content body end-->






{% endblock %}