{% extends 'base.html' %}
{% load static %}
{% block title %}
<title>Placeholder</title>
{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'assets/vendors/mdi/css/materialdesignicons.min.css' %}">
<link rel="stylesheet" href="{% static 'assets/vendors/css/vendor.bundle.base.css' %}">
<link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
<link rel="shortcut icon" href="{% static 'assets/images/favicon.png' %}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

{% endblock %}
{% block content %}
<div class="container-scroller">
{% include 'customer_header.html' %}
<div class="container-fluid page-body-wrapper">
{% include 'customer_sidebar.html' %}
<div class="main-panel  jobs-all jobs-2">
<div class="content-wrapper notification all-chats">

  <div class="page-header justify-content-center">
               <h3 class="page-title  text-sec">Tickets</h3>
  </div>

 <div class="col-md-8 offset-md-2 grid-margin ">
               <div class="container">
                  <div class="row">

<div class="messaging">
      <div class="inbox_msg">
       
        <div class="mesgs">
          <div class="msg_history">
            <div class="incoming_msg">
              
              <div class="received_msg">
                <div class="received_withd_msg">
                  <p>Test which is a new approach to have all
                    solutions</p>
                  <span class="time_date"> 11:01 AM    |    June 9</span></div>
              </div>
            </div>
            <div class="outgoing_msg">
              <div class="sent_msg">
                <p>Test which is a new approach to have all
                  solutions</p>
                <span class="time_date"> 11:01 AM    |    June 9</span> </div>
            </div>
            <div class="incoming_msg">
              
              <div class="received_msg">
                <div class="received_withd_msg">
                  <p>Test, which is a new approach to have</p>
                  <span class="time_date"> 11:01 AM    |    Yesterday</span></div>
              </div>
            </div>
            <div class="outgoing_msg">
              <div class="sent_msg">
                <p>Apollo University, Delhi, India Test</p>
                <span class="time_date"> 11:01 AM    |    Today</span> </div>
            </div>
            <div class="incoming_msg">
              
              <div class="received_msg">
                <div class="received_withd_msg">
                  <p>We work directly with our designers and suppliers,
                    and sell direct to you, which means quality, exclusive
                    products, at a price anyone can afford.</p>
                  <span class="time_date"> 11:01 AM    |    Today</span></div>
              </div>
            </div>
            
          </div>
          <div class="type_msg">
            <div class="input_msg_write">
              <input type="text" class="write_msg" placeholder="Type a message" />
              <button class="msg_send_btn" type="button"><i class="mdi mdi-send menu-icon" aria-hidden="true"></i></button>
            </div>
          </div>
        </div>
      </div>
      
      
      
      
    </div>



</div>
</div>

</div>


   <!-- <div class="col-md-12 grid-margin ">
      <div class="page-header ">
         <h3 class="section-title "> Ticket Number : {{ticketnumber}}
      </div> -->
     <!--  {% csrf_token %}
      <textarea id = "user-complaint-new-message"></textarea>
      <span class="customerjobid" hidden>{{customerjobid}}</span>

        <button type="button" id="raise-ticket-submit-btn" class="btn btn-gradient-primary btn-rounded btn-fw">Submit</button> -->
     
<!--    </div> -->
   


</div>
{% include 'customer_footer.html' %}
{% endblock %}
{% block js %}
<!--     // <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
   // <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
<script src="{% static 'js/placeorder.js' %}"></script>
<script src="{% static 'assets/vendors/js/vendor.bundle.base.js' %}"></script>
<script src="{% static 'assets/vendors/chart.js/Chart.min.js' %}"></script>
<script src="{% static 'assets/js/off-canvas.js' %}"></script>
<script src="{% static 'assets/js/hoverable-collapse.js' %}"></script>
<script src="{% static 'assets/js/misc.js' %}"></script>
<script src="{% static 'assets/js/dashboard.js' %}"></script>
<script src="{% static 'assets/js/todolist.js' %}"></script>
<script src="{% static '/js/customer/customerjobraiseticket.js' %}"></script>
{% endblock %}