{% 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* -->
       <p><br></p> 
            <div id="block_43"><div class="block-bg"></div><div class="block-divider-top"><svg width="100%" height="100%" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M504.854,80.066c7.812,0,14.893,0.318,21.41,0.879 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07C413.517,107.295,434.056,80.066,504.854,80.066z M775.938,51.947c19.145,18.596,39.097,35.051,77.956,35.051c46.907,0,62.299-14.986,80.912-24.98 c-21.357-15.783-46.804-28.348-85.489-28.348C816.829,33.671,794.233,41.411,775.938,51.947z" fill-opacity=".3"/><path d="M1200.112,46.292c39.804,0,59.986,22.479,79.888,39.69v16.805 c-19.903-10.835-40.084-21.777-79.888-21.777c-72.014,0-78.715,43.559-147.964,43.559c-56.84,0-81.247-35.876-117.342-62.552 c9.309-4.998,19.423-8.749,34.69-8.749c55.846,0,61.99,39.617,115.602,39.617C1143.177,92.887,1142.618,46.292,1200.112,46.292z M80.011,115.488c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 c80.004,0,78.597-30.407,137.669-30.407c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.509-0.916,26.404-2.461 c-57.186-14.278-80.177-48.808-138.66-48.808C154.698,66.919,131.801,115.488,80.011,115.488z M526.265,80.945 c56.848,4.902,70.056,28.726,137.193,28.726c54.001,0,73.43-35.237,112.48-57.724C751.06,27.782,727.548,0,665.691,0 C597.381,0,567.086,45.555,526.265,80.945z" fill-opacity=".5"/><path d="M0,0v85.982c20.003,17.3,40.005,29.506,80.011,29.506c51.791,0,74.688-48.569,151.751-48.569 c58.482,0,81.473,34.531,138.66,48.808c43.096-8.432,63.634-35.662,134.433-35.662c7.812,0,14.893,0.318,21.41,0.879 C567.086,45.555,597.381,0,665.691,0c61.856,0,85.369,27.782,110.246,51.947c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.348c9.309-4.998,19.423-8.749,34.69-8.749c55.846,0,61.99,39.617,115.602,39.617 c58.08,0,57.521-46.595,115.015-46.595c39.804,0,59.986,22.479,79.888,39.69V0H0z"/></g></svg></div><div class="container"><div class="ticket-form">

      <div id="block_85">
                               <div class="col-lg-8 offset-lg-2">
                                <div class="faq-block__card">
                                    <div class="card" style="
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                ">
                                        <div class="faq-block__header collapsed" data-toggle="collapse" data-target="#faq-block-85-2" aria-expanded="false" aria-controls="#faq-block-85-2">
                                            <div class="faq-block__header-title">
                                                                                                    <h4><strong style="font-weight: bold">READ BEFORE CREATE TICKET!</strong></h4>
                                                                                            </div>
                                            <div class="faq-block__header-icon">
                                                <div class="style-text-dark faq-block__icon" style=""></div>
                                            </div>
                                        </div>
                                        <div class="faq-block__body collapse" id="faq-block-85-2">
                                            <div class="faq-block__body-description" style="padding-top: 8px">
                                                                                                    <p><strong style="font-weight: bold">FOR ORDERS SUPPORT</strong></p>
<p>Subject : Order</p>
<p>Message : Order ID and your request - &nbsp;refill, speed up, cancel</p>
<p><br></p>
<p><strong style="font-weight: bold">Example:</strong></p>
<p>Subject : Order</p>
<p>Message : 1234567 - please speed up</p>
<p><br></p>
<p><strong style="font-weight: bold">For multiple orders, please separate order ID's using comma</strong></p>
<p><strong style="font-weight: bold">Example :</strong></p>
<p>Subject : Order</p>
<p>Message : 234567,234568,234569,234560 - Speed up</p>
<p><em style="font-style: italic">FOR FAST SUPPORT PLEASE ALWAYS SEND YOUR ORDER ID ON MESSAGE</em></p>
<p><br></p>
<p><strong style="font-weight: bold">FOR PAYEMNTS SUPPORT</strong></p>
<p>Subject : Payment</p>
<p>Message : Your Message</p>
<p><br></p>
<p><strong style="font-weight: bold">For Other Requests</strong></p>
<p>Subject : Other</p>
<p>Message : Your Message</p>
<p><br></p>
<p class="text-center"><span style="font-size: 28px"><span style="text-align: CENTER"><strong style="font-weight: bold">POPULAR QUESTIONS</strong></span></span></p>
<p><br></p>
<ul>
  <li class="text-left"><span style="text-align: LEFT"><strong style="font-weight: bold">How Can I check service actual speed?</strong></span></li>
  <li class="text-left"><span style="text-align: LEFT">For info about actual speed you need check average time, it's a last 10 completed orders time for 1000 quantity</span></li>
</ul>
<p><br></p>
<ul>
  <li><strong style="font-weight: bold">What is Status Partial?</strong></li>
  <li>Partial status means your order canceled partially and money refunded partially to your account, order get partial status when your link no longer available, or server overloaded or have critical problem and can't deliver your service fully</li>
</ul>
<p><br></p>
<ul>
  <li><strong style="font-weight: bold">Order canceled my money refunded?</strong></li>
  <li>Yes, when order canceling or partial your money automatically refund to your account</li>
</ul>
                                                                                            </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_43">

  
    <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="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 %}
{% include 'footer.twig' %}