extends ../../layout/main
block view-content

  .uk-section.uk-section-default
    .uk-container

      form(method="POST", action= `/chat/room/${room._id}/settings`).uk-form
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h1.uk-card-title Room Settings

          .uk-card-body
            .uk-margin
              label(for="name") Room Name
              input(id="name", name="name", type="text", placeholder="Enter room name", value= room.name).uk-input
            .uk-margin
              label(for="topic") Topic
              input(id="topic", name="topic", type="text", placeholder="Enter room topic or leave blank", value= room.topic).uk-input

          .uk-card-footer.uk-flex.uk-flex-right
            button(
              type="button",
              data-room-id= room._id,
              data-room-name= room.name,
              onclick="dtp.app.confirmRoomDelete(event);",
            ).uk-button.uk-button-danger.uk-border-rounded.uk-margin-right Delete Room
            button(type="submit").uk-button.uk-button-primary.uk-border-rounded Save Settings