{% extends 'base.html.twig' %}

{% block title %}Ticketler{% endblock %}

{% block body %}

 <div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
     {{ include('user/partials/top-menu.html.twig') }}
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:../../partials/_sidebar.html -->
      {{ include('user/partials/sidebar.html.twig') }}
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
         
            <div class="col-lg-12 grid-margin stretch-card">
            	
              <div class="card">
                <div class="card-body">
                	<div class="d-flex">
                  <h4 class="card-title my-auto">Talepler</h4>
                  <div class="add ml-auto"> <a class="btn btn-success btn-block" href="{{ path('user_ticket_form') }}">Yeni Talep
                <i class="mdi mdi-plus"></i>
              </a></div>
              </div>
								{% for message in app.flashes('danger') %}
								<div class="alert alert-danger mt-2">
								{{ message }}
								</div>
								{% endfor %}
								{% for message in app.flashes('success') %}
								<div class="alert alert-success mt-2">
								{{ message }}
								</div>
								{% endfor %}

                {% if TICKETS|length > 0 %}
                  <div class="table-responsive">
                    <table class="table table-hover">
                      <thead>
                        <tr>
                          <th>Ticket No</th>
                          <th>Konu</th>
                          <th>Oluşturma Tarihi</th>
                          <th>Durum</th>
                          <th>İşlem</th>
                        </tr>
                      </thead>
                      <tbody>
                      	{% for Item in TICKETS %}
                        <tr>
                          <td>#{{ Item.id }}</td>
                          <td>{{ Item.subject.title is defined ? Item.subject.title : '' }}</td>
                          <td>{{ Item.createdDate|date('d.m.Y H:i') }}</td>
                          <td>{% if Item.status == 1 %}
                            <div class="badge badge-success">Çözüldü</div>
                          {% elseif Item.status == 0 %}
                            <div class="badge badge-warning">Beklemede</div>
                          {% elseif Item.status == 2 %}
                            <div class="badge badge-danger">İptal</div>
                          {% elseif Item.status == 3 %}
                            <div class="badge badge-info">Kontrol Ediliyor</div>
                          {% endif %}</td>
                          <td>
                            <a class="btn btn-primary text-white" href="{{ path('user_ticket_detail',{'ticket': Item.id })}}">İncele</a>
                          </td>
                        </tr>
                    {% endfor %}
     
                      </tbody>
                    </table>
                      {% if TICKETS.getPageCount > 1 %}
                    <nav class="pt-2 pagination-border-top" aria-label="page navigation">
                    <ul class="pagination justify-content-center">
                     {% for page in 1..TICKETS.getPageCount %}
                    <li class="page-item {% if page == TICKETS.getCurrentPageNumber %}active{% endif %}"><a class="page-link" href="{{ path('user_tickets',{'page':page }) }}">{{ page }}</a></li>
                    {% endfor %}
                   
                    </ul>
                    </nav>
                  {% endif %}
                  </div>
                   {% else %}

                   	<div class="alert alert-warning mt-2">
          		Kayıtlı ticket bulunmamaktadır.
          	</div>
          {% endif %}
                </div>
              </div>
         
          	
            </div>
      
          </div>
        </div>
        <!-- content-wrapper ends -->
        <!-- partial:../../partials/_footer.html -->

        {{ include('user/partials/footer.html.twig') }}
       
        <!-- partial -->
      </div>
      <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
  </div>


{% endblock %}