<% var pageTitle = 'Rezervacije'; var currentPage = 'bookings'; %>
<%- include('../partials/header') %>

<h1>Rezervacije</h1>

<div class="btn-row">
  <a href="/bookings/new" class="btn">+ Nova rezervacija</a>
  <form method="GET" action="/bookings" style="margin-left:auto;">
    <select name="apartment_id" onchange="this.form.submit()">
      <option value="">Svi apartmani</option>
      <% apartments.forEach(a => { %>
        <option value="<%= a.id %>" <%= String(selectedApartmentId) === String(a.id) ? 'selected' : '' %>><%= a.name %></option>
      <% }) %>
    </select>
  </form>
</div>

<div class="panel">
  <% if (bookings.length === 0) { %>
    <p class="empty-state">Nema rezervacija za prikaz.</p>
  <% } else { %>
    <table>
      <thead>
        <tr><th>Apartman</th><th>Gost</th><th>Izvor</th><th>Dolazak</th><th>Odlazak</th><th>Cijena</th><th>Plaćeno</th><th>Status</th><th></th></tr>
      </thead>
      <tbody>
        <% bookings.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_in) %></td>
            <td><%= fmt.date(b.check_out) %></td>
            <td><%= fmt.money(b.total_price) %></td>
            <td><%= fmt.money(b.amount_paid) %></td>
            <td><span class="badge <%= fmt.statusBadge(b.status) %>"><%= fmt.statusLabel(b.status) %></span></td>
            <td>
              <a href="/bookings/<%= b.id %>/edit">uredi</a>
              <% if (b.source === 'direktno') { %>
                &nbsp;·&nbsp;
                <form class="inline" method="POST" action="/bookings/<%= b.id %>/delete" onsubmit="return confirm('Obrisati ovu rezervaciju?');">
                  <button type="submit" class="btn-small" style="background:none;border:none;color:#a83c3c;cursor:pointer;font-family:inherit;padding:0;">obriši</button>
                </form>
              <% } %>
            </td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
</div>

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