extends /layout

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

block body
  section#fixed-top-section
    include /common/main-navigation
    +main-navigation(false)
  include /common/side-menu-mixin-admin
  - const d = { activeLvl1: 'connections', activeLvl2: 'list' }
  +sideNavigation(d)
  include /utilities/dictionaries-main-panel-header
  - const c = { sideMenu: true, h2: 'Povezave', h1: 'Povezave s portali', description: 'Vnesite podatke terminološkega portala, s katerim želite povezati svoj portal.' }
  +mainHeader(c)
  .content-hold-prerequisites
    #offset-main.main-container.mt-2
      .row
        ul.col-sm-5
          span.smaller-blue-subheading Dodaj povezavo

      form#form-connection-new(method="post")
        .mt-3
          .subject-name
            label.smaller-black-uppercase(for="portal-name") IME PORTALA *
          .row
            .col-sm-5
              input#portal-name.name-input.form-control.autocomplete.d-inline(
                type="text"
                name="name"
                required
              )
            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.smaller-gray-info.ms-xxl-3.ms-md-3 Vnesite polno ime terminološkega portala, s katerim se povezujete.

        .mt-5
          .subject-name
            label.smaller-black-uppercase(for="portal-label") OZNAKA PORTALA *
          .row
            .col-sm-5
              input#portal-label.name-input.form-control.autocomplete.d-inline(
                type="text"
                maxlength="2"
                name="code"
                required
              )
            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.smaller-gray-info.ms-xxl-3.ms-md-3 Unikatna oznaka povezanega terminološkega portala za prikaz na vašem portalu, sestavljena iz dveh črk ali črke in številke.

        .mt-5
          .subject-name
            label.smaller-black-uppercase(for="index-url") URL za sinhronizacijo slovarjev *
          .row
            .col-sm-5
              input#index-url.name-input.form-control.autocomplete.d-inline(
                type="text"
                name="url_index"
                required
              )
            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.smaller-gray-info.ms-xxl-3.ms-md-3 URL naslov terminološkega portala, s katerim želite povezati svoj portal. (API klic)

        .mt-5
          .subject-name
            label.smaller-black-uppercase(for="update-url") URL za sinhronizacijo slovarskih sestavkov *
          .row
            .col-sm-5
              input#update-url.name-input.form-control.autocomplete.d-inline(
                type="text"
                name="url_update"
                required
              )
            .col-sm.d-flex.align-items-center
              span.d-md-inline.d-block.smaller-gray-info.ms-xxl-3.ms-md-3 URL naslov terminološkega portala, s katerim boste sinhronizirali podatke iz terminoloških virov.

        .mt-5
          .row
            .col-sm-5
            .col-sm.d-flex.flex-column.flex-sm-row.align-items-center.justify-content-center
              a.btn.btn-secondary.w-sm-100(href="/admin/povezave/seznam") Prekliči
              button.create-portal-btn.btn.btn-primary.ms-sm-4.mt-2.mt-sm-0(
                type="submit"
                form="form-connection-new"
              ) Dodaj povezavo

  include /common/footer