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-data' }
  +sideNavigation(d)
  include /utilities/dictionaries-main-panel-header
  - const c = { sideMenu: true, h1: title, description: t('Tukaj lahko spremenite ime, priimek in elektronski naslov uporabnika.'), buttons: [{ type: 'disabled', content: t('Shrani'), form: 'profileForm' }] }
  +mainHeader(c)

  .content-hold-prerequisites
    #offset-main.main-container.mt-2
      form#profileForm.needs-validation(method="post" novalidate)
        div
          .subject-name
            label.input-name-txt(for="profile-username") #{ t('UPORABNIŠKO IME') }
          .row
            .col-sm-6.align-items-center
              input#profile-username.name-input.form-control.d-inline(
                type="text"
                name="username"
                disabled
                value=user.userName
              )
              .invalid-feedback

            .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="profile-first-name") #{ t('IME') }
          .row
            .col-sm-6
              input#profile-first-name.name-input.form-control.d-inline(
                type="text"
                name="firstName"
                minLength="1"
                value=user.firstName
              )
              .invalid-feedback #{ t('Niste vpisali imena') }

            .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="profile-last-name") #{ t('PRIIMEK') }
          .row
            .col-sm-6
              input#profile-last-name.name-input.form-control.d-inline(
                type="text"
                name="lastName"
                minLength="1"
                value=user.lastName
              )
              .invalid-feedback #{ t('Niste vpisali priimka.') }

            .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="profile-email") #{ t('ELEKTRONSKI NASLOV') }
          .row
            .col-sm-6
              input#profile-email.name-input.form-control.d-inline(
                type="text"
                name="email"
                minLength="1"
                value=user.email
              )
              .invalid-feedback #{ t('Neveljavni elektronski naslov.') }

            .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