{% extends '_modal.html' %}
{% load i18n %}

{% block modal-id %}-{{ room.uuid }}{% endblock %}

{% block modal_title %}
    {% if room %}
        <span class="d-block small" style="font-size: .9rem">{% translate 'Edit' %}</span>
        <span class="d-block display-5">{{ room }}</span>
    {% else %}
        <span class="d-block small" style="font-size: .9rem">{% translate 'Add new' %}</span>
                <span class="d-block display-5">{% translate 'Room' %}</span>
{% endif %}
{% endblock modal_title %}

{%block modal_body %}

{% load django_bootstrap5 %}

  <form
          {% if room %}
          action="{% url 'room_calendar_app:edit_room_calendar' room.uuid %}"
          hx-post="{% url 'room_calendar_app:edit_room_calendar' room.uuid %}"
          {% else %}
          action="{% url 'room_calendar_app:add_room_calendar' %}"
          hx-post="{% url 'room_calendar_app:add_room_calendar' %}"
          {% endif %}

          method='post'>
    {% csrf_token %}
      {% bootstrap_field form.name size="lg" %}
      {% bootstrap_field form.description size="sm"%}

      <hr>
      <hr>
      <h4>{% translate 'Add a form of pay' %}</h4>
      <div class="row">
          <div class="col">
      {% bootstrap_field form.percentage size="sm" %}

          </div>
          <div class="col">
      {% bootstrap_field form.cost size="sm" %}
          </div>
      </div>
    <button type="submit" class="btn btn-outline-secondary float-end">{% translate 'Save' %}</button>
  </form>

  {% endblock modal_body %}