extends /layout

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

block body
  section#fixed-top-section
    include /common/main-navigation
    +main-navigation(false)
  include /common/side-menu-fake
  +sideNavigationFake
  include /utilities/dictionaries-main-panel-header
  if user
    - const c = { sideMenu: false, h2: t('Urejanje'), h1: t('Moji slovarji'), description: t('Nabor vseh slovarjev, ki jih uporabnik lahko ureja kot glavni urednik ali pa ima dodeljeno pravico urejanja, pregledovanja, popravljanja ipd.'), buttons: [{ type: 'link', content: t('Nov slovar'), url: '/slovarji/nov' }] }
    +mainHeader(c)
    .content-hold-prerequisites
      #offset-main.ps-3.pe-3
        if dictionaries.length
          -
            const localeOptions = {
              day: '2-digit',
              month: '2-digit',
              year: 'numeric'
            }
          each dictionary, index in dictionaries
            div(
              class=index ? 'container-fluid dictionary-content mt-4 pb-2 pt-1' : 'container-fluid dictionary-content mt-3 pb-2 pt-1'
            )
              //- TODO I18n 
              p.dictionary-title.mb-2.mt-2.ms-2= dictionary.name
              hr.me-2.mt-0.ms-2.mb-4
              .container-fluid
                .d-sm-flex
                  .d-lg-flex
                    .d-sm-flex.mt-2
                      span.dictionary-attributes.me-3.text-nowrap= t('Število terminov')
                      span.dictionary-value.me-5= dictionary.countEntries
                    .d-sm-flex.mt-2
                      span.dictionary-attributes.me-3.ms-xl-5.text-nowrap= t('Zadnja sprememba')
                      span.dictionary-value.me-md-5.me-2.d-block= dictionary.timeModified.toLocaleDateString('sl-SL', localeOptions)
                  .d-lg-flex
                    .d-sm-flex.mt-2
                      span.dictionary-attributes.me-3.ms-xl-5.d-inline= t('Status')
                      span.dictionary-value.me-5= dictionary.status === 'closed' ? t('zaprt') : dictionary.status === 'reviewed' ? t('v predogledu') : t('odprt')
                    .d-sm-flex.mt-2
                      span.dictionary-attributes.me-3.ms-lg-0.ms-xl-5.d-inline= t('Komentarji')
                      span.dictionary-value.me-5= dictionary.countComments
                .container-fluid.d-md-flex.p-0.mt-3.justify-content-between
                  .d-xl-flex.justify-content-between
                    if dictionary.isAdmin
                      a.btn.border-header.mb-2.mt-2.w-100.w-sm-none(
                        href=`/slovarji/${dictionary.id}/podatki`
                      )
                        img.d-inline(src="/images/vector.svg" alt="")
                        span.ms-1.text-nowrap= t('Uredi lastnosti')
                    else
                      a.btn.border-header.mb-2.mt-2.w-100.w-sm-none.disabled(
                        href=`/slovarji/${dictionary.id}/podatki`
                      )
                        img.d-inline(src="/images/vector.svg" alt="")
                        span.ms-1.text-nowrap= t('Uredi lastnosti')
                    a.btn.border-header.mb-2.mt-2.ms-xl-4.w-100.w-sm-none(
                      href=`/slovarji/${dictionary.id}/vsebina`
                    )
                      img.d-inline(src="/images/book-colorized.svg" alt="")
                      span.ms-1.text-nowrap= t('Uredi vsebino')
                  .ms-md-4.ms-xl-auto.d-xl-flex.justify-content-between
                    a.btn.border-header.mb-2.mt-2.me-4.w-100.w-sm-none(
                      href=`/slovarji/${dictionary.id}/uvoz/datoteka`
                    )
                      img.d-inline(src="/images/fi_upload.svg" alt="")
                      span.ms-1= t('Uvoz')
                    a.btn.border-header.mb-2.mt-2.w-100.w-sm-none(
                      href=`/slovarji/${dictionary.id}/izvoz`
                    )
                      img.d-inline(src="/images/fi_download.svg" alt="")
                      span.ms-1= t('Izvoz')
        else
          .d-flex.justify-content-center.mt-5
            p= t('Nimate slovarjev za urejanje.')
  else
    - const c = { sideMenu: false, h2: t('Urejanje'), h1: t('Moji slovarji'), description: t('Nabor vseh slovarjev, ki jih uporabnik lahko ureja kot glavni urednik ali pa ima dodeljeno pravico urejanja, pregledovanja, popravljanja ipd.') }
    +mainHeader(c)
    .content-hold-prerequisites.pe-md-5.ps-4.pe-2
      #offset-main.pe-3.ps-2
        .d-flex.justify-content-center.mt-5
          p= t('Za urejanje slovarjev morate biti prijavljeni.')

  include /common/footer