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

{% block title %}Müşteriler{% 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">Müşteriler</h4>
                  <div class="add ml-auto"><a class="btn btn-success p-2 text-white" href="{{ path('admin_customer_form') }}"><i class="mdi mdi-plus"></i> Ekle</a></div>
              </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 USERS|length > 0 %}
                  <div class="table-responsive">
                    <table class="table table-hover">
                      <thead>
                        <tr>
                          <th>Adı</th>
                          <th>E-mail</th>
                          <th>Üye Tipi</th>
                          <th>Üye Tarihi</th>
                          <th>İşlem</th>
                        </tr>
                      </thead>
                      <tbody>
                      	{% for Item in USERS %}
                        <tr>
                          <td>{{ Item.username }}</td>
                          <td>{{ Item.email }}</td>
                          <td>{%  if Item.type == 'user' %}Firma/Kişi{% elseif Item.type == 'admin' %}Admin{% else %}Personel{% endif %}</td>
                          <td>{{ Item.createdDate|date('d.m.Y') }}</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_customer_form',{'edit_id': Item.id }) }}">
                              <i class="fa fa-refresh fa-fw" aria-hidden="true"></i></i>Güncelle</a>
                            <a class="dropdown-item" href="{{ path('admin_customers',{'delete_id': Item.id }) }}">
                              <i class="fa fa-trash fa-fw" aria-hidden="true"></i>Sil</a>   
                          </div>
                        </div>
                          </td>
                        </tr>
                    {% endfor %}
     
                      </tbody>
                    </table>

                     {% if USERS.getPageCount > 1 %}
                    <nav class="pt-2 pagination-border-top" aria-label="page navigation">
                    <ul class="pagination justify-content-center">
                     {% for page in 1..USERS.getPageCount %}
                    <li class="page-item {% if page == USERS.getCurrentPageNumber %}active{% endif %}"><a class="page-link" href="{{ path('admin_customers',{'page':page }) }}">{{ page }}</a></li>
                    {% endfor %}
                   
                    </ul>
                    </nav>
                  {% endif %}

                  </div>
                   {% else %}

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

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