{% extends 'base.html.twig' %}
{% block title %}Kullacı Listesi{% endblock %}
{% block datatable_css %}
<link href="{{ asset('assets/plugins/daterangepicker/daterangepicker.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/data-tables/datatables.bootstrap4.min.css') }}" rel="stylesheet" />
{% endblock %}

{% block stylesheets %}
  <style type="text/css">
  table.dataTable td{
    vertical-align: middle;
  }
  </style>
{% endblock %}
{% block body_class %} class="header-fixed sidebar-fixed sidebar-dark header-light" {% endblock %}

{% block body %}
   

  <div class="wrapper">


  {{ include('admin/partials/left-sidebar.html.twig') }} 


    <div class="page-wrapper">
                <!-- Header -->
          {{ include('admin/partials/header.html.twig') }} 


      <div class="content-wrapper">

       
        <div class="content">
          <div class="breadcrumb-wrapper">
                <h1>Kullacı Listesi</h1>
                
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb p-0 mt-2">
            <li class="breadcrumb-item">
              <a href="index.html">
                <span class="mdi mdi-home"></span>                
              </a>
            </li>
            <li class="breadcrumb-item">
              Kullacılar
            </li>
            <li class="breadcrumb-item" aria-current="page">Kullacı Listesi</li>
          </ol>
        </nav>

              </div>

              <div class="row">
                <div class="col-12">
                  <div class="card card-default">
                    <div class="card-header card-header-border-bottom d-flex justify-content-end">
 
                      <a href="{{ url('admin_user_form') }}"  class="btn btn-outline-primary btn-sm text-uppercase">
                        <i class=" mdi mdi-account-plus-outline mr-1"></i> Yeni Ekle
                      </a>
                    </div>

                    <div class="card-body">
                                        {% for message in app.flashes('success') %}
                                        <div class="alert alert-success">
                                        {{ message }}
                                        </div>
                                        {% endfor %}
                                        {% for message in app.flashes('danger') %}
                                        <div class="alert alert-danger">
                                        {{ message }}
                                        </div>
                                        {% endfor %}
                                        {% for message in app.flashes('logout') %}
                                        <div class="alert alert-success">
                                        {{ message }}
                                        </div>
                                        {% endfor %}
                      <div class="hoverable-data-table">
                        <table id="hoverable-data-table" class="table table-hover nowrap" style="width:100%">
                          <thead>
                            <tr>
                              <th>Ad-Soyad</th>
                              <th>E-mail</th>
                              <th>Türü</th>
                              <th>Kayıt Tarihi</th>
                              <th>İşlem</th>
                            </tr>
                          </thead>

                          <tbody>
                             
                             {% for Item in USERS %}
                              <tr>
                                <td>{{ Item.name }}</td>
                                <td>{{ Item.email }}</td>
                                <td>{% if 'ROLE_ADMIN' in Item.roles %}Admin{% else %}Kullanıcı{% endif %}</td>
                                <td>{{ Item.createdDate|date('d-m-Y H:i:s') }}</td>
                                <td><a href="{{ url('admin_users',{delete_id:Item.id}) }}" class="btn btn-danger">Sil</a><a href="{{ url('admin_user_form',{edit_id:Item.id}) }}" class="btn btn-success ml-2">Güncelle</a></td>
                              </tr>
                             {% endfor %} 
 
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>

           
              </div>
</div>
 



          <div class="right-sidebar-2">
              <div class="right-sidebar-container-2">
                <div class="slim-scroll-right-sidebar-2">

                <div class="right-sidebar-2-header">
                  <h2>Layout Settings</h2>
                  <p>User Interface Settings</p>
                  <div class="btn-close-right-sidebar-2">
                    <i class="mdi mdi-window-close"></i>
                  </div>
                </div>

                <div class="right-sidebar-2-body">
                  <span class="right-sidebar-2-subtitle">Header Layout</span>
                  <div class="no-col-space">
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 header-fixed-to btn-right-sidebar-2-active">Fixed</a>
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 header-static-to">Static</a>
                  </div>

                  <span class="right-sidebar-2-subtitle">Sidebar Layout</span>
                  <div class="no-col-space">
                    <select class="right-sidebar-2-select" id="sidebar-option-select">
                      <option value="sidebar-fixed">Fixed Default</option>
                      <option value="sidebar-fixed-minified">Fixed Minified</option>
                      <option value="sidebar-fixed-offcanvas">Fixed Offcanvas</option>
                      <option value="sidebar-static">Static Default</option>
                      <option value="sidebar-static-minified">Static Minified</option>
                      <option value="sidebar-static-offcanvas">Static Offcanvas</option>
                    </select>
                  </div>

                  <span class="right-sidebar-2-subtitle">Header Background</span>
                  <div class="no-col-space">
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active header-light-to">Light</a>
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 header-dark-to">Dark</a>
                  </div>

                  <span class="right-sidebar-2-subtitle">Navigation Background</span>
                  <div class="no-col-space">
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active sidebar-dark-to">Dark</a>
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 sidebar-light-to">Light</a>
                  </div>

                  <span class="right-sidebar-2-subtitle">Direction</span>
                  <div class="no-col-space">
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active ltr-to">LTR</a>
                    <a href="javascript:void(0);" class="btn-right-sidebar-2 rtl-to">RTL</a>
                  </div>

                  <div class="d-flex justify-content-center" style="padding-top: 30px">
                    <div id="reset-options" style="width: auto; cursor: pointer" class="btn-right-sidebar-2 btn-reset">Reset
                      Settings</div>
                  </div>

                </div>

              </div>
            </div>

          </div>

      </div>

            {{ include('admin/partials/footer.html.twig') }} 

    </div>
  </div>

{% endblock %}

{% block datatable_js %}
<script src="{{ asset('assets/plugins/data-tables/jquery.datatables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/data-tables/datatables.bootstrap4.min.js') }}"></script>
{% endblock %}

{% block javascripts %}
  <script>

    NProgress.configure({ showSpinner: false });
    NProgress.start();

  jQuery(document).ready(function() {
    jQuery('#hoverable-data-table').DataTable({
      "aLengthMenu": [[10, 30, 50, 75, -1], [10, 30, 50, 75, "All"]],
      "pageLength": 10,
      "dom": '<"row justify-content-between top-information"lf>rt<"row justify-content-between bottom-information"ip><"clear">',
      "language": {

        "sDecimal":        ",",
        "sEmptyTable":     "Tabloda herhangi bir veri mevcut değil",
        "sInfo":           "_TOTAL_ kayıttan _START_ - _END_ arasındaki kayıtlar gösteriliyor",
        "sInfoEmpty":      "Kayıt yok",
        "sInfoFiltered":   "(_MAX_ kayıt içerisinden bulunan)",
        "sInfoPostFix":    "",
        "sInfoThousands":  ".",
        "sLengthMenu":     "Sayfada _MENU_ kayıt göster",
        "sLoadingRecords": "Yükleniyor...",
        "sProcessing":     "İşleniyor...",
        "sSearch":         "Ara:",
        "sZeroRecords":    "Eşleşen kayıt bulunamadı",
        "oPaginate": {
            "sFirst":    "İlk",
            "sLast":     "Son",
            "sNext":     "Sonraki",
            "sPrevious": "Önceki"
        },
        "oAria": {
            "sSortAscending":  ": artan sütun sıralamasını aktifleştir",
            "sSortDescending": ": azalan sütun sıralamasını aktifleştir"
        },
        "select": {
            "rows": {
                "_": "%d kayıt seçildi",
                "0": "",
                "1": "1 kayıt seçildi"
            }
        }
       }
    });
  });


  </script>
{% endblock %}