{% include 'header.twig' %}




<div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
      <!-- Main variables *content* -->
      <div id="block_65">
    <div class="ticket-form">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row ticket-form__alignment">
                <div class="col-lg-12">
                   <div class="component_card">
                      <div class="card">
          
          
           {% 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 %}
          
        <form  method="post" action="" id="tickets">
            <div class="">
                                 <div class="alert alert-dismissible alert-danger ticket-danger" style="display: none">
                                     <button type="button" class="close">&times;</button>
                                     <div></div>
                                 </div>
                             </div>
                             <div class="">
                                 <div class="form-group">
                                     <label>Subject</label>
            
            <select 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>Message</label>
           <textarea class="form-control" rows="7" id="message" name="message">{{ data['message'] }}</textarea>
           </div>
                            <div class="component_button_submit">
                                <div class="">
                                    <button class="btn btn-block btn-big-primary" type="submit">
                                        Submit ticket
                                    </button>
                                </div>
                            </div>
                         </form>
                      </div>
                   </div>
                </div>
            </div>
        </div>
    </div>
</div>





<div id="block_68">
    <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 class="col-lg-12">
                    <div class="row">
                        <div class="col-12">
                            <div class="tickets-list__margin-search component_card">
                                <div class="card">
                                    <div class="component_form_group">
                                        <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">
                                                    <div class="input-group-append component_button_search">
                                                        <button class="btn btn-big-secondary" type="submit">
                                                            <span class="fas fa-search"></span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                   </div>
                                </div>
                            </div>
                        </div>
                    </div>





 <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>
                                                                                        <tr>
                                                <td colspan="4">&nbsp;</td>
                                            </tr>{% for ticket in ticketList %}
                          <tr>
                <td>{{ ticket['ticket_id'] }}</td>
                                  <td><a href="/tickets/{{ ticket['ticket_id'] }}">{{ ticket['subject'] }}</a></td>
                                <td>{{ ticket['status'] }}</td>
                <td><span class="nowrap">{{ ticket['lastupdate_time'] }}</span></td>
              </tr>
                     {% endfor %}    </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <nav class="component_pagination">
                                <div class="">
                                                                    </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    </div>
    <div class="wrapper-content__footer">
           </div>
  </div>
</div>

{% include 'footer.twig' %}