koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc

   1 [% USE raw %]
   2 [% USE Koha %]
   3 [% USE Branches %]
   4 [% USE Categories %]
   5 [% USE AuthClient %]
   6 [% USE AdditionalContents %]
   7 [% PROCESS 'html_helpers.inc' %]
   8 [% SET OpacLangSelectorMode = Koha.Preference('OpacLangSelectorMode') %]
   9 [% SET OpacHeader = AdditionalContents.get( location => "opacheader", lang => lang, library => logged_in_user.branchcode || default_branch, blocktitle => 0 ) %]
  10 [% SET OpacCustomSearch = AdditionalContents.get( location => "OpacCustomSearch", lang => lang, library => logged_in_user.branchcode || default_branch, blocktitle => 0 ) %]
  11 [% SET OpacLoginInstructions = AdditionalContents.get( location => "OpacLoginInstructions", lang => lang, library => branchcode || default_branch ) %]
  12 [% SET OpacMoreSearches = AdditionalContents.get( location => "OpacMoreSearches", lang => lang, library => branchcode || default_branch ) %]
  13
  14 <button id="scrolltocontent">Skip to main content</button>
  15 <div id="wrapper">
  16     <div id="header-region" class="noprint">
  17         <nav class="navbar navbar-expand">
  18             <div id="logo">
  19             <a class="navbar-brand" href="/cgi-bin/koha/opac-main.pl">
  20                 [% IF ( LibraryNameTitle ) %]
  21                     [% LibraryNameTitle | html %]
  22                 [% ELSE %]
  23                     Koha online
  24                 [% END %]
  25             </a>
  26             </div>
  27             [% IF ( Koha.Preference( 'opacbookbag' ) == 1 ) %]
  28                 <div id="cartDetails" class="cart-message">Your cart is empty.</div>
  29             [% END %]
  30             <ul id="cart-list-nav" class="navbar-nav">
  31                 [% IF ( Koha.Preference( 'opacbookbag' ) == 1 ) %]
  32                     <li class="nav-item js-show">
  33                         <a href="#" class="nav-link" title="Collect items you are interested in" id="cartmenulink" role="button">
  34                             <i id="carticon" class="fa fa-shopping-cart fa-icon-black" aria-hidden="true"></i> <span class="cartlabel">Cart</span> <span id="basketcount"></span>
  35                         </a>
  36                     </li>
  37                 [% END %]
  38                 <li class="divider-vertical"></li>
  39                 [% IF ( Koha.Preference( 'virtualshelves' ) == 1 ) %]
  40                     <li class="nav-item dropdown">
  41                         <a href="/cgi-bin/koha/opac-shelves.pl" title="Show lists" class="nav-link dropdown-toggle" id="listsmenu" data-toggle="dropdown" role="button" aria-label="Show dropdown with detailed list information" aria-haspopup="true" aria-expanded="false"
  42                             ><i class="fa fa-list fa-icon-black" aria-hidden="true"></i> <span class="listslabel">Lists</span>
  43                         </a>
  44                         <div aria-labelledby="listsmenu" role="menu" class="dropdown-menu">
  45                             [% IF some_public_shelves.count %]
  46                                 <a class="dropdown-item" href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;public=1" tabindex="-1" role="menuitem"><strong>Public lists</strong></a>
  47                                 [% SET number_of_public_shelves = 0 %]
  48                                 [% FOREACH s IN some_public_shelves %]
  49                                     <a class="dropdown-item" href="/cgi-bin/koha/opac-shelves.pl?op=view&amp;shelfnumber=[% s.shelfnumber | uri %]&amp;sortfield=[% s.sortfield | uri %]" tabindex="-1" role="menuitem">[% s.shelfname | html %]</a>
  50                                     [% SET number_of_public_shelves = number_of_public_shelves + 1 %]
  51                                     [% IF number_of_public_shelves >= 10 %][% LAST %][% END %]
  52                                 [% END %]
  53                                 [% IF some_public_shelves > 10 %]
  54                                     <a class="dropdown-item listmenulink" href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;public=1" tabindex="-1" role="menuitem">View all</a>
  55                                 [% END %]
  56                             [% END %]
  57                             [% IF some_public_shelves.count > 0 %]
  58                                 <div class="dropdown-divider"></div>
  59                             [% END %]
  60                             [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
  61                                 <a class="dropdown-item" href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;public=0" tabindex="-1" role="menuitem"><strong>Your lists</strong></a>
  62                                 [% IF loggedinusername %]
  63                                     [% IF some_private_shelves.count %]
  64                                         [% SET number_of_private_shelves = 0 %]
  65                                         [% FOREACH s IN some_private_shelves %]
  66                                             <a class="dropdown-item" href="/cgi-bin/koha/opac-shelves.pl?op=view&amp;shelfnumber=[% s.shelfnumber | uri %]&amp;sortfield=[% s.sortfield | uri %]" tabindex="-1" role="menuitem">[% s.shelfname | html %]</a>
  67                                             [% SET number_of_private_shelves = number_of_private_shelves + 1 %]
  68                                             [% IF number_of_private_shelves >= 10 %][% LAST %][% END %]
  69                                         [% END %]
  70                                         [% IF some_private_shelves > 10 %]
  71                                             <a class="dropdown-item listmenulink" href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;public=0" tabindex="-1" role="menuitem">View all</a>
  72                                         [% END %]
  73                                     [% ELSE %]
  74                                         <a class="dropdown-item disabled" href="#" tabindex="-1" role="menuitem">No private lists</a>
  75                                     [% END %]
  76                                         <a class="dropdown-item listmenulink" href="/cgi-bin/koha/opac-shelves.pl?op=add_form" tabindex="-1" role="menuitem">New list</a>
  77                                 [% ELSE %]
  78                                     <a class="dropdown-item" href="/cgi-bin/koha/opac-shelves.pl?op=add_form" tabindex="-1" role="menuitem">Log in to create your own lists</a>
  79                                 [% END # / IF loggedinusername %]
  80                             [% END # / IF opacuserlogin %]
  81                         </div> <!-- / .dropdown-menu -->
  82                     </li> <!-- / .nav-item.dropdown -->
  83                 [% END # / IF virtualshelves %]
  84                 [% IF Koha.Preference( 'OpacTrustedCheckout' ) %]
  85                     <li class="nav-item">
  86                         <a href="#" class="nav-link" title="Self check out" id="comenulink" role="button" data-toggle="modal" data-target="#checkoutModal">
  87                             <i id="checkout-icon" class="fa fa-barcode fa-icon-black" aria-hidden="true"></i> <span class="checkout-label">Self checkout</span>
  88                         </a>
  89                     </li>
  90                 [% END %]
  91             </ul> <!-- / .navbar-nav -->
  92
  93             [% IF Koha.Preference( 'opacuserlogin' ) == 1 ||  Koha.Preference( 'EnableOpacSearchHistory') || Koha.Preference( 'opaclanguagesdisplay' ) %]
  94                 [% IF ( Koha.Preference( 'opaclanguagesdisplay' ) ) %]
  95                     [% INCLUDE 'masthead-langmenu.inc' %]
  96                 [% END %]
  97                 <ul id="members" class="navbar-nav">
  98                     <li class="nav-item dropdown">
  99                         [% IF ( Koha.Preference( 'opacuserlogin' ) == 1 ) %]
 100                             [% IF ( loggedinusername ) %]
 101                                 <a href="/cgi-bin/koha/opac-user.pl" class="dropdown-toggle" id="user-menu" data-toggle="dropdown" role="button">
 102                                     <i class="fa fa-user fa-icon-black fa-fw" aria-hidden="true"></i>
 103                                     <span class="userlabel">Welcome, [% INCLUDE 'patron-title.inc' patron = logged_in_user no_html = 1 %]</span>
 104                                 </a>
 105                                 <a tabindex="-1" role="menuitem" class="logout js-hide" href="/cgi-bin/koha/opac-main.pl?logout.x=1"><i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> Log out</a>
 106                             [% ELSE %]
 107                                 [% IF Koha.Preference('casAuthentication') %]
 108                                     [%# CAS authentication is too complicated for modal window %]
 109                                         <a class="nav-link login-link" href="/cgi-bin/koha/opac-user.pl"><i class="fa fa-user fa-icon-black fa-fw" aria-hidden="true"></i> <span class="userlabel">Log in to your account</span></a>
 110                                 [% ELSIF ( Koha.Preference('GoogleOpenIDConnect') == 1 ) %]
 111                                     <a href="/cgi-bin/koha/svc/auth/googleopenidconnect" class="nav-link login-link loginModal-trigger"><i class="fa fa-user fa-icon-black fa-fw" aria-hidden="true"></i> <span class="userlabel">Log in to your account</span></a>
 112                                 [% ELSE %]
 113                                     <a href="/cgi-bin/koha/opac-user.pl" class="nav-link login-link loginModal-trigger"><i class="fa fa-user fa-icon-black fa-fw" aria-hidden="true"></i> <span class="userlabel">Log in to your account</span></a>
 114                                 [% END %]
 115                             [% END %]
 116                         [% END %]
 117
 118                         [% IF ( Koha.Preference( 'opacuserlogin' ) == 1 && loggedinusername ) %]
 119                             <div aria-labelledby="user-menu" role="menu" class="dropdown-menu dropdown-menu-right">
 120                                 <div id="loggedinuser-menu">
 121                                     <p>
 122                                         <a class="login-link" href="/cgi-bin/koha/opac-user.pl"><span class="loggedinusername" data-borrowernumber="[% logged_in_user.borrowernumber | html %]" data-branchcode="[% logged_in_user.branchcode | html %]" data-categorycode="[% logged_in_user.categorycode | html %]">Your account</span></a>
 123                                     </p>
 124                                     [% IF Koha.Preference( 'EnableOpacSearchHistory' ) %]
 125                                         <p>
 126                                             <a tabindex="-1" role="menuitem" class="login-link" href="/cgi-bin/koha/opac-search-history.pl" title="View your search history">Search history</a>
 127                                             <span class="divider-vertical"></span>
 128                                             <a class="clearsh" href="/cgi-bin/koha/opac-search-history.pl?action=delete" title="Delete your search history"><i class="fa fa-trash-can" aria-hidden="true"></i> Clear</a>
 129                                         </p>
 130                                     [% END %]
 131                                     <a tabindex="-1" role="menuitem" class="logout" id="logout" href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log out</a>
 132                                 </div>
 133                             </div>
 134                         [% END %]
 135                     </li>
 136                     [% IF ( !Koha.Preference( 'opacuserlogin') || !loggedinusername ) %]
 137                         [% IF Koha.Preference( 'EnableOpacSearchHistory' ) %]
 138                             <li class="nav-item search_history">
 139                                 <a class="nav-link login-link" href="/cgi-bin/koha/opac-search-history.pl" title="View your search history">Search history</a>
 140                             </li>
 141                             <li class="divider-vertical"></li>
 142                             <li class="nav-item">
 143                                 <a class="nav-link logout clearsh" href="/cgi-bin/koha/opac-search-history.pl?action=delete" title="Delete your search history"><i class="fa fa-trash-can" aria-hidden="true"></i> Clear</a>
 144                             </li>
 145                         [% END %]
 146                     [% END %]
 147                 </ul>
 148             [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
 149         </nav> <!-- /navbar -->
 150
 151         [% IF ( OpacHeader ) %]
 152             <div class="container-fluid">
 153                 <div class="row">
 154                     <div class="col">
 155                         [% PROCESS koha_news_block news => OpacHeader %]
 156                     </div>
 157                 </div>
 158             </div>
 159         [% END %]
 160
 161     </div> <!-- / header-region -->
 162
 163     [% IF ( OpacPublic ) %]
 164         <div class="container-fluid">
 165             [% UNLESS ( advsearch ) %]
 166                 <div class="row">
 167                     <div class="col">
 168                             <div id="opac-main-search" class="mastheadsearch">
 169                                 [% IF ( OpacCustomSearch ) %]
 170                                     [% PROCESS koha_news_block news => OpacCustomSearch %]
 171                                 [% ELSE %]
 172                                     <form name="searchform" method="get" action="/cgi-bin/koha/opac-search.pl" id="searchform">
 173                                         <div class="form-row align-items-center">
 174                                             <div class="col-sm-auto order-2 order-sm-2">
 175                                                 <select name="idx" id="masthead_search" class="form-control">
 176                                                     [% IF ( ms_kw ) %]
 177                                                         <option selected="selected" value="">Library catalog</option>
 178                                                     [% ELSE %]
 179                                                         <option value="">Library catalog</option>
 180                                                     [% END # /ms_kw %]
 181                                                     [% IF ( ms_ti ) %]
 182                                                         <option selected="selected" value="ti">Title</option>
 183                                                     [% ELSE %]
 184                                                         <option value="ti">Title</option>
 185                                                     [% END # /ms_ti %]
 186                                                     [% IF ( ms_au ) %]
 187                                                         <option selected="selected" value="au">Author</option>
 188                                                     [% ELSE %]
 189                                                         <option value="au">Author</option>
 190                                                     [% END # /ms_au%]
 191                                                     [% IF ( ms_su ) %]
 192                                                         <option selected="selected" value="su">Subject</option>
 193                                                     [% ELSE %]
 194                                                         <option value="su">Subject</option>
 195                                                     [% END # /ms_su %]
 196                                                     [% IF ( ms_nb ) %]
 197                                                         <option selected="selected" value="nb">ISBN</option>
 198                                                     [% ELSE %]
 199                                                         <option value="nb">ISBN</option>
 200                                                     [% END # /ms_nb%]
 201                                                     [% IF ( ms_ns ) %]
 202                                                         <option selected="selected" value="ns">ISSN</option>
 203                                                     [% ELSE %]
 204                                                         <option value="ns">ISSN</option>
 205                                                     [% END # /ms_ns%]
 206                                                     [% IF ( ms_se ) %]
 207                                                         <option selected="selected" value="se">Series</option>
 208                                                     [% ELSE %]
 209                                                         <option value="se">Series</option>
 210                                                     [% END # /ms_se %]
 211                                                     [% IF ( Koha.Preference('OPACNumbersPreferPhrase') ) %]
 212                                                         [% IF ( ms_callnumcommaphr ) %]
 213                                                             <option selected="selected" value="callnum,phr">Call number</option>
 214                                                         [% ELSE %]
 215                                                             <option value="callnum,phr">Call number</option>
 216                                                         [% END #/ms_callnumcommaphr %]
 217                                                     [% ELSE %]
 218                                                         [% IF ( ms_callnum ) %]
 219                                                             <option selected="selected" value="callnum">Call number</option>
 220                                                         [% ELSE %]
 221                                                             <option value="callnum">Call number</option>
 222                                                         [% END # /ms_callnum %]
 223                                                     [% END # /IF OPACNumbersPreferPhrase %]
 224                                                 </select>
 225                                             </div> <!-- /.col-sm-auto -->
 226
 227                                             <div class="col order-4 order-sm-3">
 228                                                 [% IF ( !Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 && mylibraryfirst ) %]
 229                                                     <input type="text" class="transl1 form-control form-control-filtered" id="translControl1" name="q" value="[% ms_value | html %]" data-toggle="tooltip" data-placement="top" title="Searching in [% Branches.GetName( mylibraryfirst ) | html %] only" /><span id="translControl"></span>
 230                                                 [% ELSE %]
 231                                                     <input type="text" class="transl1 form-control" id="translControl1" name="q" value="[% ms_value | html %]" /><span id="translControl"></span>
 232                                                 [% END # /ms_value %]
 233                                             </div> <!-- /.col -->
 234
 235                                             [% IF ( Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 ) %]
 236                                                 <div class="col-sm col-md-3 col-lg-2 order-3 order-sm-4">
 237                                                     <select name="limit" id="select_library" class="form-control">
 238                                                         <option value="">All libraries</option>
 239
 240                                                         [% IF LibrarySearchGroups %]<optgroup label="Libraries">[% END %]
 241
 242                                                         [% FOREACH library IN Branches.all( selected => opac_name ) %]
 243                                                             [% NEXT UNLESS library.public %]
 244                                                             [% IF library.selected %]
 245                                                                 <option selected="selected" value="branch:[% library.branchcode | html %]">[% library.branchname | html %]</option>
 246                                                             [% ELSE %]
 247                                                                 <option value="branch:[% library.branchcode | html %]">[% library.branchname | html %]</option>
 248                                                             [% END %]
 249                                                         [% END %]
 250
 251                                                         [% IF LibrarySearchGroups %]
 252                                                             </optgroup>
 253                                                             <optgroup label="Groups">
 254                                                                 [% FOREACH lsg IN LibrarySearchGroups %]
 255                                                                     [% IF 'multibranchlimit-' _ lsg.id == opac_name || lsg.id == opac_name %]
 256                                                                         <option selected="selected" value="multibranchlimit:[% lsg.id | html %]">[% lsg.title | html %]</option>
 257                                                                     [% ELSE %]
 258                                                                         <option value="multibranchlimit:[% lsg.id | html %]">[% lsg.title | html %]</option>
 259                                                                     [% END # / bc.selected %]
 260                                                                 [% END %]
 261                                                             </optgroup>
 262                                                         [% END # / BranchCategoriesLoop %]
 263                                                     </select> <!-- /#select_library -->
 264                                                 </div> <!-- /.col-sm-auto -->
 265                                             [% ELSE %]
 266                                                 [% IF ( opac_limit_override ) %]
 267                                                     [% IF ( opac_search_limit ) %]
 268                                                         [% IF ( multibranchlimit = opac_search_limit.match( 'branch:multibranchlimit-(\d+)' ) ) %]
 269                                                             <input name="limit" value="multibranchlimit:[% multibranchlimit.0 | html %]" type="hidden" />
 270                                                         [% ELSE %]
 271                                                             <input name="limit" value="[% opac_search_limit | html %]" type="hidden" />
 272                                                         [% END %]
 273                                                     [% END %]
 274                                                 [% ELSE %]
 275                                                     [% IF ( mylibraryfirst ) %]
 276                                                         <input name="limit" value="branch:[% mylibraryfirst | html %]" type="hidden" />
 277                                                     [% END %]
 278                                                 [% END # / opac_limit_override %]
 279                                             [% END # / OpacAddMastheadLibraryPulldown %]
 280
 281                                             <div class="order-5 col-sm-auto">
 282                                                 <button type="submit" id="searchsubmit" class="btn btn-primary" title="Search" aria-label="Search">
 283                                                     <i class="fa fa-search" aria-hidden="true"></i>
 284                                                 </button>
 285                                             </div>
 286
 287                                         </div> <!-- /.form-row -->
 288                                         <input type="hidden" name="weight_search" value="1">
 289                                     </form>
 290                                 [% END # / ( OpacCustomSearch ) %]
 291                             </div><!-- /#opac-main-search -->
 292                     </div> <!-- /.col -->
 293                 </div> <!-- /.row -->
 294             [% END # / UNLESS advsearch %]
 295
 296             <div class="row">
 297                 <ul class="nav" id="moresearches">
 298                     <li class="nav-item">
 299                         <a href="/cgi-bin/koha/opac-search.pl">Advanced search</a>
 300                     </li>
 301                     [% IF ( Koha.Preference( 'UseCourseReserves' ) == 1 ) %]
 302                         <li class="nav-item">
 303                             <a href="/cgi-bin/koha/opac-course-reserves.pl">Course reserves</a>
 304                         </li>
 305                     [% END %]
 306                     [% IF Koha.Preference( 'OpacBrowser' ) == 1 %]
 307                         <li class="nav-item">
 308                             <a href="/cgi-bin/koha/opac-browser.pl">Browse by hierarchy</a>
 309                         </li>
 310                     [% END %]
 311                     [% IF Koha.Preference( 'OpacAuthorities' ) == 1 %]
 312                         <li class="nav-item">
 313                             <a href="/cgi-bin/koha/opac-authorities-home.pl">Authority search</a>
 314                         </li>
 315                     [% END %]
 316                     [% IF ( ( Koha.Preference( 'opacuserlogin' ) == 1 ) && ( Koha.Preference( 'OPACComments' ) == 1 ) && ( Koha.Preference( 'OpacShowRecentComments' ) == 1 ) ) %]
 317                         <li class="nav-item">
 318                             <a href="/cgi-bin/koha/opac-showreviews.pl">Recent comments</a>
 319                         </li>
 320                     [% END %]
 321                     [% IF Koha.Preference( 'TagsEnabled' ) == 1 %]
 322                         <li class="nav-item">
 323                             <a href="/cgi-bin/koha/opac-tags.pl">Tag cloud</a>
 324                         </li>
 325                     [% END %]
 326                     [% IF Koha.Preference( 'OpacCloud' ) == 1 %]
 327                         <li class="nav-item">
 328                             <a href="/cgi-bin/koha/opac-tags_subject.pl">Subject cloud</a>
 329                         </li>
 330                     [% END %]
 331                     [% IF Koha.Preference( 'OpacTopissue' ) == 1 %]
 332                         <li class="nav-item">
 333                             <a href="/cgi-bin/koha/opac-topissues.pl">Most popular</a>
 334                         </li>
 335                     [% END %]
 336                     [% IF Koha.Preference('SearchEngine') == 'Elasticsearch' && Koha.Preference( 'OpacBrowseSearch' ) == 1 %]
 337                         <li class="nav-item">
 338                             <a href="/cgi-bin/koha/opac-browse.pl">Browse search</a>
 339                         </li>
 340                     [% END %]
 341                     [% IF suggestion %]
 342                         [% IF Koha.Preference( 'AnonSuggestions' ) == 1 || Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]
 343                             <li class="nav-item">
 344                                 <a href="/cgi-bin/koha/opac-suggestions.pl?suggested_by_anyone=1">Purchase suggestions</a>
 345                             </li>
 346                         [% END %]
 347                     [% END %]
 348                     <li class="nav-item">
 349                         <a id="library_page" href="/cgi-bin/koha/opac-library.pl">
 350                             [% IF ( singleBranchMode ) %]
 351                                 <span>Library</span>
 352                             [% ELSE %]
 353                                 <span>Libraries</span>
 354                             [% END %]
 355                         </a>
 356                     </li>
 357                     [% PROCESS koha_news_block news => OpacMoreSearches %]
 358                 </ul> <!-- /.nav#moresearches -->
 359             </div> <!-- /.row -->
 360         </div> <!-- /.container-fluid -->
 361     [% END # / OpacPublic %]
 362
 363     <!-- Login form hidden by default, used for modal window -->
 364     <div id="loginModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="modalLoginLabel" aria-hidden="true">
 365         <div class="modal-dialog">
 366             <div class="modal-content">
 367                 <div class="modal-header">
 368                     <h2 class="modal-title" id="modalLoginLabel">Log in to your account</h2>
 369                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close">
 370                         <span aria-hidden="true">&times;</span>
 371                     </button>
 372                 </div>
 373                 <form action="/cgi-bin/koha/opac-user.pl" method="post" name="auth" id="modalAuth">
 374                     <input type="hidden" name="has-search-query" id="has-search-query" value="" />
 375                     <div class="modal-body">
 376                         [% IF ( Koha.Preference('GoogleOpenIDConnect') == 1 ) %]
 377                             <a href="/cgi-bin/koha/svc/auth/googleopenidconnect" class="btn btn-light" id="openid_connect"><i class="fa-brands fa-google" aria-hidden="true"></i> Log in with Google</a>
 378                             <p>If you do not have a Google account, but do have a local account, you can still log in: </p>
 379                         [% END # /IF GoogleOpenIDConnect %]
 380                         [% IF ( shibbolethAuthentication ) %]
 381                             [% IF ( invalidShibLogin ) %]
 382                                 <!-- This is what is displayed if shibboleth login has failed to match a koha user -->
 383                                 <div class="alert alert-info">
 384                                     <p>Sorry, your Shibboleth identity does not match a valid library identity. If you have a local login, you may use that below.</p>
 385                                 </div>
 386                             [% ELSE %]
 387                                 <h3>Shibboleth login</h3>
 388                                 <p><a id="shib_url" href="[% shibbolethLoginUrl | $raw %]">Log in using a Shibboleth account</a>.</p>
 389                                 [% UNLESS Koha.Preference('opacShibOnly') %]
 390                                     <h3>Local login</h3>
 391                                 [% END %]
 392                             [% END %]
 393                         [% END %]
 394                         [% UNLESS Koha.Preference('opacShibOnly') %]
 395                             [% SET identity_providers = AuthClient.get_providers('opac') %]
 396                             [% IF ( ! identity_providers.empty ) %]
 397                                 [% FOREACH provider IN identity_providers %]
 398                                     <p class="clearfix">
 399                                         <a href="[% provider.url | url %]" class="btn btn-light col-md-12" id="provider_[% provider.code | html %]">
 400                                             [% IF provider.icon_url %]
 401                                             <img src="[% provider.icon_url | url %]" />
 402                                             [% ELSE %]
 403                                             <i class="fa fa-user" aria-hidden="true"></i>
 404                                             [% END %]
 405                                             Log in with [% provider.description | html %]
 406                                         </a>
 407                                     </p>
 408                                 [% END %]
 409                                 <hr/>
 410                                 <p>If you do not have an external account, but do have a local account, you can still log in: </p>
 411                             [% END # /IF  identity_providers.size %]
 412                             <input type="hidden" name="koha_login_context" value="opac" />
 413                             <fieldset class="brief">
 414                                 <div class="local-login">
 415                                     <label for="muserid">Login:</label><input type="text" id="muserid" name="userid" autocomplete="off" />
 416                                     <label for="mpassword">Password:</label><input type="password" id="mpassword" name="password" autocomplete="off" />
 417                                     <fieldset class="action">
 418                                         <input type="submit" class="btn btn-primary" value="Log in" />
 419                                     </fieldset>
 420                                 </div>
 421                                 [% IF OpacLoginInstructions %]
 422                                     <div id="nologininstructions-modal" class="nologininstructions">
 423                                         [% PROCESS koha_news_block news => OpacLoginInstructions %]
 424                                     </div>
 425                                 [% END %]
 426                                 [% IF Koha.Preference('OpacPasswordChange') && Categories.can_any_reset_password %]
 427                                     <div id="forgotpassword-modal" class="forgotpassword">
 428                                         <a href="/cgi-bin/koha/opac-password-recovery.pl">Forgot your password?</a>
 429                                     </div>
 430                                 [% END %]
 431                                 [% IF PatronSelfRegistration && PatronSelfRegistrationDefaultCategory %]
 432                                     <div id="patronregistration-modal" class="patronregistration">
 433                                         <p>Don't have an account? <a href="/cgi-bin/koha/opac-memberentry.pl">Register here.</a></p>
 434                                     </div>
 435                                 [% END %]
 436                             </fieldset>
 437                         [% END %]
 438                     </div>
 439                 </form> <!-- /#auth -->
 440             </div> <!-- /.modal-content -->
 441         </div> <!-- /.modal-dialog -->
 442     </div>  <!-- /#modalAuth  -->