extends layouts/room
block content

  form(method="POST", action="/chat").uk-form
    .uk-card.uk-card-default.uk-card-small
      .uk-card-header
        h1.uk-card-title Create Chat Room
      .uk-card-body
        .uk-margin
          label(for="name").uk-form-label Room name
          input(id="name", name="name", type="text", placeholder="Enter room name").uk-input

        .uk-margin
          label(for="description").uk-form-label Room description
          textarea(id="description", name="description", rows="2", placeholder="Enter room description").uk-textarea

        .uk-margin
          label(for="policy").uk-form-label Room policy
          textarea(id="policy", name="policy", rows="2", placeholder="Enter room use policy").uk-textarea

        .uk-margin
          div(uk-grid)
            .uk-width-auto
              fieldset
                legend Room Visibility
                div(uk-grid).uk-grid-small.uk-flex-middle
                  .uk-width-auto
                    label
                      input(id="is-public", name="visibility", type="radio", value="public", checked).uk-radio
                      |  Public
                  .ui-width-auto
                    label
                      input(id="is-private", name="visibility", type="radio", value="private").uk-radio
                      |  Private

            .uk-width-auto
              fieldset
                legend Membership Policy
                div(uk-grid).uk-grid-small.uk-flex-middle
                  .uk-width-auto
                    label
                      input(id="membership-open", name="policy", type="radio", value="open", checked).uk-radio
                      |  Open
                  .uk-width-auto
                    label
                      input(id="membership-closed", name="policy", type="radio", value="closed").uk-radio
                      |  Closed

      .uk-card-footer
        div(uk-grid)
          .uk-width-expand
            +renderBackButton()
          .uk-width-auto
            button(type="submit").uk-button.uk-button-primary.uk-border-rounded Create room