{% include 'header.twig' %}




<style>
    
    
    
    
    
    
    .ticket_message_admin_wraper .message__admin__side {
  width: 100%;
  background: #4d4d4d;
  color: #fff;
  padding: 10px;
  border-radius: 17px;
}
    
    
    
    
    
</style>









            <main class="main_content">
                <div class="container-fluid">
    <div class="row">
      <div class="col-lg-8 col-md-8 col-12">
        <div class="card card_type_2 mb-4">
          <div class="card-header">
            <ul class="nav nav-pills" id="pills-tab" role="tablist">
              <li class="nav-item" role="presentation">
                <button class="nav-link active" id="pills-profile-tab" data-bs-toggle="pill"
                  data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                  aria-selected="false">
                  <span class="text">
                   {{ messageList['ticket']['subject'] }}
                  </span>
                </button>
              </li>
            </ul>
          </div>
								
      {% if error %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if success %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}

      

              {% if messageList %}
                {% for message in messageList %}
                  {% if message["support"] == 1 %}
<div class="ticket-dialog__body component_ticket_messages">
                      <div class="col-md-12">
                        <div class="ticket-dialog__row  ticket-dialog__row-admin">
                            	<div class="l">
                            	    
                            	    
                            	    
                            	              <div class="card-body">
                                                <div class="row  mb-3">
              <div class="col-md-3"></div>
          
                <div class="ticket_message_user_wraper">
                  <div class="avatar">
                    <img src="https://cdn.smmsun.com/images/profile1.png" class="img-fluid" alt="avatar">
                  </div>
                            	    
                            	    
                            	    
                            	    
                            	    
                            	    <div class="ticket-message message__user__side">
                            	    <div class="message">{{ message["message"] }}</div>
                
                                            <div class="info text-end">
                                                <div class="ticket-dialog__row-bottom-name">{{ user["username"] }}</div>
                                                 <small>{{ message["time"] }} </small>
                    </div>
                  </div>
                </div>
              </div>
            </div>
                  {% elseif message["subject"] %}
                  {% else %}
                    
							  <div class="card-body pt-3 pb-3">
								  <div class="schat-body">
									<div class="schat-chat-body">
									  <div class="schat-body-content">
										<ul class="chat">																		  										                                            <li class="user">
												<div class="l">
												    
												    <div class="ticket-message message__admin__side">
                                            <div class="message">{{ message["message"] }}</div>
                                                        <p>
                                                 <small>Support </small>
                                                <small>{{ message["time"] }} </small>
                                            </div>
                                        </div>
                                                                    </div>
                            
                  {% endif %}

                {% endfor %}
              {% endif %}
            


  
                        <div class="row">
              <div class="col-md-12">
                <form  method="post" action="">
                                    <div class="form-group panel-border-top">	
                    <form method="post" action="tickets/{{ messageList['ticket']['ticket_id'] }}">
								      
																		  <div class="schat-msg-input">
										<textarea id="message" rows="5" class="form-control" name="message"></textarea>
										</div>
										                  <div class="form-group">
                    <div class="tickets-uploader" data-rtl="false"
                      data-lang-button-attach="Attach files"
                      data-lang-file-format-incorrect="Invalid file format"
                      data-lang-file-size-incorrect="File is too large (limit 5 MB)">
                          </div>
                  </div>
										<button type="submit" class="btn btn-primary w-100">Submit</button>
                </form>
              </div>
            </div>
                      </div>
        </div>
      </div>


				
				
	
				


{% include 'footer.twig' %}
