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

{% block title %}Talepler{% endblock %}

{% block body %}

 <div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
     {{ include('admin/partials/top-menu.html.twig') }}
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:../../partials/_sidebar.html -->
      {{ include('admin/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">Talepler</h4>
              </div>
								{% for message in app.flashes('danger') %}
								<div class="alert alert-danger">
								{{ message }}
								</div>
								{% endfor %}
								{% for message in app.flashes('success') %}
								<div class="alert alert-success">
								{{ message }}
								</div>
								{% endfor %}

                {% if TICKETS|length > 0 %}
                  <div class="table-responsive">
                    <table class="table table-hover">
                      <thead>
                        <tr>
                          <th>Talep 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 is not null ? Item.subject.title : 'Bilinmiyor' }}</td>
                          <td>{{ Item.createdDate|date('d.m.Y H:i') }}</td>
                          <td>
                            {% if Item.status == 1 %}
                              <div class="badge badge-success w-100 p-2">Çözüldü</div>
                            {% elseif Item.status == 0 %}
                              <div class="badge badge-warning w-100 p-2">Beklemede</div>
                            {% elseif Item.status == 2 %}
                              <div class="badge badge-danger w-100 p-2">İptal</div>
                            {% elseif Item.status == 3 %}
                              <div class="badge badge-info w-100 p-2">Kontrol Ediliyor</div>
                            {% endif %}</td>
                          <td>
                            <div class="btn-group dropdown">
                          <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            İşlem
                          </button>
                          <div class="dropdown-menu">
                            <a class="dropdown-item" href="{{ path('admin_ticket_detail',{ticket:Item.id})}}">
                              <i class="fa fa-reply fa-fw"></i>Gör</a>
                            <a class="dropdown-item" href="{{ path('admin_tickets',{delete_id:Item.id}) }}">
                              <i class="fa fa-history fa-fw"></i>Sil</a>   
                          </div>
                        </div>
                          </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('admin_tickets',{'page':page }) }}">{{ page }}</a></li>
                    {% endfor %}
                   
                    </ul>
                    </nav>
                  {% endif %}

                  </div>
                   {% else %}

                   	<div class="alert alert-warning">
          		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 %}