<%- include('_ust', { baslik: 'Ziyaretçiler' }) %>
<div class="sayfa-bas"><h1>Ziyaretçiler <span class="mut"><%= toplam %> ziyaret</span></h1><a class="btn" href="/yonetim/ziyaretciler.csv?gun=<%= gun %>">CSV indir</a></div>
<% if (gunlukUyari) { %><div class="uyari dikkat">⚠️ <%= gunlukUyari %></div><% } %>

<div class="filtre-cubuk">
  <div class="seg">
    <% [['1', 'Bugün'], ['7', '7 gün'], ['30', '30 gün'], ['90', '90 gün']].forEach(function (x) { %><a href="?gun=<%= x[0] %><%= kaynak ? '&kaynak=' + encodeURIComponent(kaynak) : '' %>" class="<%= gun === x[0] ? 'on' : '' %>"><%= x[1] %></a><% }) %>
  </div>
  <form method="get"><input type="hidden" name="gun" value="<%= gun %>">
    <select name="kaynak" onchange="this.form.submit()"><option value="">Tüm kaynaklar</option><% kaynaklar.forEach(function (k) { %><option value="<%= k %>" <%= kaynak === k ? 'selected' : '' %>><%= k %></option><% }) %></select>
  </form>
</div>

<p class="mut" style="margin-bottom:10px">Aynı ziyaretçinin 30 dakika içindeki sayfaları tek ziyaret sayılır. Konum, maskelenmiş IP'den (son hane sıfırlı) şehir düzeyinde tahmindir.</p>

<div class="kutu sikisik">
  <% if (!vs.length) { %><p class="mut" style="padding:10px">Bu aralıkta ziyaret yok.</p><% } else { %>
  <div class="tablo-kaydir"><table class="genis">
    <tr><th>Zaman</th><th>Sayfalar</th><th>Kaynak</th><th>Konum</th><th>Cihaz</th><th>Süre</th><th>Tıklama</th><th>Ziyaret</th></tr>
    <% vs.forEach(function (x) { %>
    <tr>
      <td class="tek"><%= fmt(x.ts) %></td>
      <td class="kisa" title="<%= x.sayfalar.join(' → ') %>"><%= x.sayfalar.join(' → ') %></td>
      <td><%= x.kaynak %><% if (x.kampanya) { %><div class="mut"><%= x.kampanya %></div><% } else if (x.ref && x.ref !== x.kaynak) { %><div class="mut"><%= x.ref %></div><% } %></td>
      <td class="konum mut" data-ip="<%= x.ip %>">…</td>
      <td class="tek"><%= x.cihaz %> <span class="mut"><%= x.tarayici %><%= x.sistem ? ' · ' + x.sistem : '' %></span></td>
      <td class="tek"><% if (x.sure == null) { %>—<% } else if (x.sure >= 60) { %><%= Math.floor(x.sure / 60) %>dk <%= x.sure % 60 %>sn<% } else { %><%= x.sure %>sn<% } %></td>
      <td>
        <% if (x.wa) { %><span class="etiket yesil">WhatsApp<%= x.wa > 1 ? ' ×' + x.wa : '' %></span><% } %>
        <% if (x.tel) { %><span class="etiket mavi">Telefon<%= x.tel > 1 ? ' ×' + x.tel : '' %></span><% } %>
        <% if (!x.wa && !x.tel) { %>—<% } %>
        <% if (x.konular.length) { %><div class="mut"><%= x.konular.join(', ') %></div><% } %>
      </td>
      <td class="tek"><% if (x.kacinci > 1) { %><span class="etiket turuncu"><%= x.kacinci %>. geliş</span><% } else { %><span class="mut">yeni</span><% } %></td>
    </tr>
    <% }) %>
  </table></div>
  <% } %>
</div>
<%- include('_alt') %>
