extends /layout

block pageSpecificScipts
  script(nonce=cspNonce src="/javascripts/admin.js")

block body
  section#fixed-top-section
    include /common/main-navigation
    +main-navigation(false)
  include /pages/profile/my-profile-side-menu-mixin
  - const d = { selection: 'change-profile-password' }
  +sideNavigation(d)
  include /utilities/dictionaries-main-panel-header
  - const c = { sideMenu: true, h1: 'Spremeni geslo', description: 'Tukaj lahko spremenite geslo za prijavo.', buttons: [{ type: 'disabled', content: 'Shrani', form: 'profileForm' }] }
  +mainHeader(c)

  .content-hold-prerequisites
    #offset-main.main-container.mt-2.pe-5
      form.needs-validation(method="post" novalidate)
        div
          .subject-name
            label.input-name-txt(for="password-old") STARO GESLO
          .row
            .col-sm-6.align-items-center
              input#password-old.name-input.form-control.d-inline(
                type="password"
                name="password-old"
                value=""
              )
              .invalid-feedback Napačno geslo.

            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.name-info-txt.ms-xxl-3.ms-md-3.mt-3.mt-sm-0

        .mt-4
          .subject-name
            label.input-name-txt(for="dictionary-title-en") NOVO GESLO
          .row
            .col-sm-6
              input#password-new.name-input.form-control.d-inline(
                type="password"
                name="password-new"
                minLength="1"
                value=""
              )
              .invalid-feedback Geslo je prekratko.

            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.name-info-txt.ms-xxl-3.ms-md-3.mt-3.mt-sm-0

        .mt-4
          .subject-name
            label.input-name-txt(for="dictionary-title-en") PONOVI NOVO GESLO
          .row
            .col-sm-6
              input#password-repeat.name-input.form-control.d-inline(
                type="password"
                name="password-repeat"
                minLength="1"
                value=""
              )
              .invalid-feedback Geslo se ne ujema.

            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.name-info-txt.ms-xxl-3.ms-md-3.mt-3.mt-sm-0

  include /common/footer