{% include 'header.twig' %}


{% if settings['ticket_system'] == 1 %}

<div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
      <!-- Main variables *content* -->
       <div id="block_107"><div class="block-bg"><div class="bg-image"></div></div><div class="container"><div class="text-block-with-card ">
    <div class="row">
        <div class="col-12">
            <div class="component_card_1">
                <div class="card">
       
		
            <div class="text-block__description">
                                                    <p class="text-center"><span style="text-align: CENTER"><span style="font-size: 14px"><span style="text-transform: uppercase">Important Instructions Please do not open more than one ticket for one problem Most support tickets are answered within 1 - 2 hours and sometimes it can take up to 6 hours for us to respond, depending on the tickets overload. Explain your problem well and attach the Order ID if possible Thank you for your patience and we will reply to you as soon as possible</span></span></span></p>
                                            </div>
                </div>
            </div>
        </div>
    </div></div></div></div>
                            
                            
                            <div id="block_86">
    <div class="text-block ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-block__description">
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
                            
                            <p><br></p>
                            
      <div id="block_69">

  <div class="totals ">
    <div class="bg"></div>
    <div class="divider-top"></div>
    <div class="divider-bottom"></div>
    <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="component_card_1">
                        <div class="card">
                            <div class="text-block__description">

      {% if error %}
        <div class="alert alert-dismissible alert-danger {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% elseif success %}
        <div class="alert alert-dismissible alert-success {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}


        <div class="well">
          <form method="post" action="tickets">
            <div class="form-group">
              <label for="subject" class="control-label">{{ lang['tickets.subject'] }}</label>
              
<select  type="text" class="form-control" id="subject" name="subject">
                                  {% for subjects in orders %}
                   <option value"{{ subjects['subject'] }}">{{ subjects['subject'] }}</option>
                  {% endfor %}
                              </select>
           </div>
            <div class="form-group">
              <label for="message" class="control-label">{{ lang['tickets.message'] }}</label>
              <textarea class="form-control" rows="7" id="message" name="message">{{ data['message'] }}</textarea>
            </div>
            <button type="submit" class="btn btn-block btn-big-primary">{{ lang['tickets.button'] }}</button>
                                </div>
                            </div>
                         </form>
                      </div>
                   </div>
                </div>
            </div>
        </div>
    </div>
</div>
      {% endif %}
</br>
                    <div class="text-block-with-button__description">
                                                    <p class="text-center"><span style="text-align: CENTER"><strong style="font-weight: bold">UPLOAD IMAGE. COPY AND SEND LINK ON MESSAGE BELOW</span></p>
                                            </div>
                
            
           
      <div class="row">
                <div class="col-12">
                    <div class="text-block-with-button__button component_button_link">
                       <div class="">
                           <a class="btn btn-big-primary" target="_blank" href="https://prnt.sc/">
                                                                  <p>Upload Image</p>
                                                          </a>
                       </div>
                    </div>
                </div>
            </div>
        
<style>
.text-block-with-button__button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
</style>
      <div id="block_69">

  <div class="totals ">
    <div class="bg"></div>
    <div class="divider-top"></div>
    <div class="divider-bottom"></div>
    <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="component_card_1">
                        <div class="card">
                            <div class="text-block__description">
                                
                                        <div class="">
                                            <form action="/tickets" method="get" id="history-search">
                                                <div class="input-group">
                                                    <input type="text" name="search" class="form-control" value="" placeholder="Search tickets">
                                                    <div class="input-group-append component_button_search">
                                                        <button class="btn btn-big-primary" type="submit">
                                                            <span class="fas fa-search"></span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                    </div>
                     <p><br></p> 
                    <div class="row">
                        <div class="col">
                            <div class="tickets-list__margin-table">
                                <div class="table-bg component_table ">
                                    <div class="table-wr table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Subject</th>
                                                <th>Status</th>
                                                <th class="nowrap">Last update</th>
                                            </tr>
                                            </thead>
                                            <tbody>

              {% for ticket in ticketList %}
                <tr>
                  <td>{{ ticket['ticket_id'] }}</td>
                  {% if ticket["support_new"] == 2 %}
                    <td><a href="tickets/{{ ticket['ticket_id'] }}"><strong>{{ ticket['subject'] }}</strong></a></td>
                  {% else %}
                    <td><a href="tickets/{{ ticket['ticket_id'] }}">{{ ticket['subject'] }}</a></td>
                  {% endif %}
                  <td><span class="badge badge-success">{{ ticket['status'] }}</td>
                  <td><span class="nowrap">{{ ticket['lastupdate_time'] }}</span></td>
                </tr>
              {% endfor %}
</td>
            </tbody>
          </table>
        </div>
      </div>
  </div>
</div> </div></div>
</div></div></div>
</div></div>
</div></div>
{% if pagination["count"] > 1 %}
        <ul class="pagination">

          {% if pagination["current"] != 1 %}
            <li>
              <a href="tickets/{{ id }}/{{ pagination["previous"] }}{% if search %}?search={{ search }}{% endif %}" aria-label="Previous">
                <span aria-hidden="true">«</span>
              </a>
            </li>
          {% endif %}

          {% set r, l = 3, 3 %}

          {% if pagination['current'] == 1 %}
            {% set r = 7 %}
          {% endif %}

          {% if pagination['current'] == 2 %}
            {% set r = 5 %}
          {% endif %}

          {% if pagination['current'] >= pagination['count'] %}
            {% set l = 5 %}
          {% endif %}

          {% for page in 1..pagination["count"] %}
            {% if page >= (pagination['current']-l) and page <= (pagination['current']+r) %}
              <li{% if page == pagination['current'] %} class="active" {%endif%}><a href="tickets/{{ id }}/{{ page }}{% if search %}?search={{ search }}{% endif %}">{{ page }}</a></li>
            {%endif%}
          {% endfor %}

          {% if pagination['current'] < pagination['count'] %}
            <li>
              <a href="ticket/{{ id }}/{{ pagination['next'] }}{% if search %}?search={{ search }}{% endif %}" aria-label="Next">
                <span aria-hidden="true">»</span>
              </a>
            </li>
          {% endif %}

        </ul>
      {% endif %}

    
  
 
{% if contentText2 %}
{{ contentText2 }}
{% endif %}




<div id="block_81">
    <div class="tickets-list">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row tickets-list__alignment">
                


    </div></div></div>    </div>
</div></div>



  
 <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
 
		</div>



</div></div>
<div style="margin-top:40px;" class="wrapper-content__footer">

    
     </div>
{% include 'footer.twig' %}