<% var pageTitle = booking && booking.id ? 'Uredi rezervaciju' : 'Nova rezervacija'; var currentPage = 'bookings'; %>
<%- include('../partials/header') %>

<h1><%= booking && booking.id ? 'Uredi rezervaciju' : 'Nova rezervacija' %></h1>

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

<div class="panel">
  <form method="POST" action="<%= booking && booking.id ? '/bookings/' + booking.id + '/edit' : '/bookings/new' %>">
    <div class="form-row">
      <div class="form-group">
        <label for="apartment_id">Apartman *</label>
        <select id="apartment_id" name="apartment_id" required>
          <option value="">— odaberi —</option>
          <% apartments.forEach(a => { %>
            <option value="<%= a.id %>" <%= String(preselectedApartmentId) === String(a.id) ? 'selected' : '' %>><%= a.name %></option>
          <% }) %>
        </select>
      </div>
      <div class="form-group">
        <label for="status">Status</label>
        <select id="status" name="status">
          <option value="potvrdeno" <%= booking && booking.status === 'potvrdeno' ? 'selected' : '' %>>Potvrđeno</option>
          <option value="na_cekanju" <%= booking && booking.status === 'na_cekanju' ? 'selected' : '' %>>Na čekanju</option>
          <option value="otkazano" <%= booking && booking.status === 'otkazano' ? 'selected' : '' %>>Otkazano</option>
        </select>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="check_in">Datum dolaska *</label>
        <input type="date" id="check_in" name="check_in" required value="<%= booking ? booking.check_in || '' : '' %>">
      </div>
      <div class="form-group">
        <label for="check_out">Datum odlaska *</label>
        <input type="date" id="check_out" name="check_out" required value="<%= booking ? booking.check_out || '' : '' %>">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="guest_name">Ime gosta</label>
        <input type="text" id="guest_name" name="guest_name" value="<%= booking ? booking.guest_name || '' : '' %>">
      </div>
      <div class="form-group">
        <label for="num_guests">Broj gostiju</label>
        <input type="number" id="num_guests" name="num_guests" min="1" value="<%= booking ? booking.num_guests || '' : '' %>">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="guest_phone">Telefon gosta</label>
        <input type="tel" id="guest_phone" name="guest_phone" value="<%= booking ? booking.guest_phone || '' : '' %>">
      </div>
      <div class="form-group">
        <label for="guest_email">Email gosta</label>
        <input type="email" id="guest_email" name="guest_email" value="<%= booking ? booking.guest_email || '' : '' %>">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="total_price">Ukupna cijena (€)</label>
        <input type="number" id="total_price" name="total_price" step="0.01" min="0" value="<%= booking ? booking.total_price || 0 : 0 %>">
      </div>
      <div class="form-group">
        <label for="amount_paid">Plaćeno (€)</label>
        <input type="number" id="amount_paid" name="amount_paid" step="0.01" min="0" value="<%= booking ? booking.amount_paid || 0 : 0 %>">
      </div>
    </div>

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

    <p class="subtitle" style="margin-top:0;">Napomena: rezervacije uvezene s Airbnb/Booking se automatski osvježavaju iCal sinkronizacijom i ne mogu se ovdje ručno uređivati — samo direktne rezervacije koje sam unosiš.</p>

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

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