<% var pageTitle = apartment.name; var currentPage = 'apartments'; %>
<%- include('../partials/header') %>

<h1><%= apartment.name %></h1>
<p class="subtitle"><%= apartment.address || 'Adresa nije unesena' %> · kapacitet <%= apartment.capacity %> · <%= fmt.money(apartment.base_price) %>/noć</p>

<div class="btn-row">
  <a href="/apartments/<%= apartment.id %>/edit" class="btn btn-secondary">Uredi apartman</a>
  <a href="/bookings/new?apartment_id=<%= apartment.id %>" class="btn">+ Nova rezervacija</a>
  <form class="inline" method="POST" action="/apartments/<%= apartment.id %>/sync">
    <button type="submit" class="btn btn-secondary">Sinkroniziraj iCal sada</button>
  </form>
</div>

<% if (syncResult) { %>
  <% if (syncResult.errors && syncResult.errors.length > 0) { %>
    <div class="error-box">
      Greška pri sinkronizaciji: <%= syncResult.errors.join('; ') %>
    </div>
  <% } %>
  <% if (typeof syncResult.imported !== 'undefined') { %>
    <div class="success-box">
      Gotovo. Novo uvezeno: <%= syncResult.imported %>, ažurirano: <%= syncResult.updated %>, otkazano: <%= syncResult.cancelled %>.
    </div>
  <% } %>
<% } %>

<div class="panel">
  <h2 style="margin-top:0;">Izvoz kalendara (za blokiranje na Airbnb/Booking)</h2>
  <p class="subtitle" style="margin-top:0;">Zalijepi ovaj link u Airbnb/Booking postavke kalendara ("uvezi kalendar") da se sve rezervacije iz ove aplikacije automatski blokiraju i tamo. Osvježava se prema njihovom rasporedu (obično svakih par sati).</p>
  <div class="ical-url-box">
    <code><%= baseUrl %>/export/<%= apartment.sync_token %>.ics</code>
    <a href="/export/<%= apartment.sync_token %>.ics" class="btn btn-small btn-secondary" target="_blank">Otvori</a>
  </div>
</div>

<div class="panel">
  <h2 style="margin-top:0;">iCal uvoz s drugih platformi</h2>
  <table>
    <tr><td style="width:140px;">Airbnb</td><td><%= apartment.ical_import_airbnb ? '✓ postavljeno' : '— nije postavljeno' %></td></tr>
    <tr><td>Booking.com</td><td><%= apartment.ical_import_booking ? '✓ postavljeno' : '— nije postavljeno' %></td></tr>
    <tr><td>Ostalo</td><td><%= apartment.ical_import_other ? '✓ postavljeno' : '— nije postavljeno' %></td></tr>
  </table>
  <p class="subtitle">Uredi ove poveznice na <a href="/apartments/<%= apartment.id %>/edit">stranici za uređivanje</a>.</p>
</div>

<div class="panel">
  <h2 style="margin-top:0;">Nedavne rezervacije</h2>
  <% if (bookings.length === 0) { %>
    <p class="empty-state">Još nema rezervacija za ovaj apartman.</p>
  <% } else { %>
    <table>
      <thead><tr><th>Gost</th><th>Izvor</th><th>Dolazak</th><th>Odlazak</th><th>Cijena</th><th>Status</th><th></th></tr></thead>
      <tbody>
        <% bookings.forEach(b => { %>
          <tr>
            <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><span class="badge <%= fmt.statusBadge(b.status) %>"><%= fmt.statusLabel(b.status) %></span></td>
            <td><a href="/bookings/<%= b.id %>/edit">uredi</a></td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  <% } %>
</div>

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