<% var pageTitle = apartment && apartment.id ? 'Uredi apartman' : 'Novi apartman'; var currentPage = 'apartments'; %>
<%- include('../partials/header') %>

<h1><%= apartment && apartment.id ? 'Uredi apartman' : 'Novi apartman' %></h1>

<% if (error) { %>
  <div class="error-box"><%= error %></div>
<% } %>

<div class="panel">
  <form method="POST" action="<%= apartment && apartment.id ? '/apartments/' + apartment.id + '/edit' : '/apartments/new' %>">
    <div class="form-row">
      <div class="form-group">
        <label for="name">Naziv apartmana *</label>
        <input type="text" id="name" name="name" required value="<%= apartment ? apartment.name || '' : '' %>">
      </div>
      <div class="form-group">
        <label for="address">Adresa</label>
        <input type="text" id="address" name="address" value="<%= apartment ? apartment.address || '' : '' %>">
      </div>
    </div>
    <div class="form-row">
      <div class="form-group">
        <label for="capacity">Kapacitet (broj gostiju)</label>
        <input type="number" id="capacity" name="capacity" min="1" value="<%= apartment ? apartment.capacity || 2 : 2 %>">
      </div>
      <div class="form-group">
        <label for="base_price">Osnovna cijena po noći (€)</label>
        <input type="number" id="base_price" name="base_price" step="0.01" min="0" value="<%= apartment ? apartment.base_price || 0 : 0 %>">
      </div>
      <div class="form-group">
        <label for="cleaning_fee">Naknada za čišćenje (€)</label>
        <input type="number" id="cleaning_fee" name="cleaning_fee" step="0.01" min="0" value="<%= apartment ? apartment.cleaning_fee || 0 : 0 %>">
      </div>
    </div>

    <% if (apartment && apartment.id) { %>
      <h3>iCal uvoz (blokiranje datuma s drugih platformi)</h3>
      <p class="subtitle" style="margin-top:0;">Zalijepi iCal export link iz Airbnb/Booking postavki kalendara za ovaj apartman. Aplikacija automatski povlači te datume svaka 3 sata (ili ručno gumbom na stranici apartmana).</p>
      <div class="form-group">
        <label for="ical_import_airbnb">Airbnb iCal export URL</label>
        <input type="url" id="ical_import_airbnb" name="ical_import_airbnb" placeholder="https://www.airbnb.com/calendar/ical/..." value="<%= apartment.ical_import_airbnb || '' %>">
      </div>
      <div class="form-group">
        <label for="ical_import_booking">Booking.com iCal export URL</label>
        <input type="url" id="ical_import_booking" name="ical_import_booking" placeholder="https://admin.booking.com/.../ical" value="<%= apartment.ical_import_booking || '' %>">
      </div>
      <div class="form-group">
        <label for="ical_import_other">Ostalo (npr. vlastita stranica)</label>
        <input type="url" id="ical_import_other" name="ical_import_other" value="<%= apartment.ical_import_other || '' %>">
      </div>
    <% } %>

    <div class="form-group">
      <label for="notes">Napomene</label>
      <textarea id="notes" name="notes"><%= apartment ? apartment.notes || '' : '' %></textarea>
    </div>

    <div class="btn-row">
      <button type="submit" class="btn">Spremi</button>
      <a href="/apartments" class="btn btn-secondary">Odustani</a>
    </div>
  </form>
</div>

<% if (!apartment || !apartment.id) { %>
  <p class="subtitle">Napomena: iCal poveznice za automatsku sinkronizaciju dodaješ nakon što spremiš apartman, na njegovoj stranici detalja.</p>
<% } %>

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