<% var pageTitle = 'Pregled'; var currentPage = 'dashboard'; %>
<%- include('partials/header') %>

<h1>Pregled</h1>
<p class="subtitle">Stanje danas, <%= fmt.date(today) %></p>

<div class="grid-stats">
  <div class="stat"><div class="num"><%= apartmentCount %></div><div class="label">Apartmana</div></div>
  <div class="stat"><div class="num"><%= occupiedNow %></div><div class="label">Zauzeto danas</div></div>
  <div class="stat"><div class="num"><%= checkinsToday.length %></div><div class="label">Dolazaka danas</div></div>
  <div class="stat"><div class="num"><%= checkoutsToday.length %></div><div class="label">Odlazaka danas</div></div>
  <div class="stat"><div class="num"><%= fmt.money(revenueThisMonth) %></div><div class="label">Prihod ovaj mjesec</div></div>
</div>

<div class="panel">
  <h2 style="margin-top:0;">Dolasci danas</h2>
  <% if (checkinsToday.length === 0) { %>
    <p class="empty-state">Nema dolazaka danas.</p>
  <% } else { %>
    <table>
      <thead><tr><th>Apartman</th><th>Gost</th><th>Izvor</th><th>Odlazi</th><th>Telefon</th></tr></thead>
      <tbody>
        <% checkinsToday.forEach(b => { %>
          <tr>
            <td><a href="/apartments/<%= b.apartment_id %>"><%= b.apartment_name %></a></td>
            <td><%= b.guest_name || '—' %></td>
            <td><span class="badge <%= fmt.sourceBadge(b.source) %>"><%= fmt.sourceLabel(b.source) %></span></td>
            <td><%= fmt.date(b.check_out) %></td>
            <td><%= b.guest_phone || '—' %></td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
</div>

<div class="panel">
  <h2 style="margin-top:0;">Odlasci danas</h2>
  <% if (checkoutsToday.length === 0) { %>
    <p class="empty-state">Nema odlazaka danas.</p>
  <% } else { %>
    <table>
      <thead><tr><th>Apartman</th><th>Gost</th><th>Izvor</th><th>Status čišćenja</th></tr></thead>
      <tbody>
        <% checkoutsToday.forEach(b => { %>
          <tr>
            <td><a href="/apartments/<%= b.apartment_id %>"><%= b.apartment_name %></a></td>
            <td><%= b.guest_name || '—' %></td>
            <td><span class="badge <%= fmt.sourceBadge(b.source) %>"><%= fmt.sourceLabel(b.source) %></span></td>
            <td><a href="/cleaning">provjeri u rasporedu čišćenja →</a></td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
</div>

<div class="panel">
  <h2 style="margin-top:0;">Dolasci sljedećih 7 dana</h2>
  <% if (upcoming.length === 0) { %>
    <p class="empty-state">Nema nadolazećih rezervacija u idućih 7 dana.</p>
  <% } else { %>
    <table>
      <thead><tr><th>Datum</th><th>Apartman</th><th>Gost</th><th>Izvor</th></tr></thead>
      <tbody>
        <% upcoming.forEach(b => { %>
          <tr>
            <td><%= fmt.date(b.check_in) %></td>
            <td><a href="/apartments/<%= b.apartment_id %>"><%= b.apartment_name %></a></td>
            <td><%= b.guest_name || '—' %></td>
            <td><span class="badge <%= fmt.sourceBadge(b.source) %>"><%= fmt.sourceLabel(b.source) %></span></td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
</div>

<div class="panel">
  <h2 style="margin-top:0;">Čišćenje na čekanju (idućih 7 dana)</h2>
  <% if (pendingCleaning.length === 0) { %>
    <p class="empty-state">Nema planiranog čišćenja u idućih 7 dana.</p>
  <% } else { %>
    <table>
      <thead><tr><th>Datum</th><th>Apartman</th><th>Zaduženo</th></tr></thead>
      <tbody>
        <% pendingCleaning.forEach(c => { %>
          <tr>
            <td><%= fmt.date(c.task_date) %></td>
            <td><%= c.apartment_name %></td>
            <td><%= c.assigned_to || '—' %></td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
  <div class="btn-row"><a href="/cleaning" class="btn btn-secondary">Otvori cijeli raspored čišćenja</a></div>
</div>

<%- include('partials/footer') %>
