Bug 33813: Masthead lists button requires an aria-label
[koha.git] / 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             </ul> <!-- / .navbar-nav -->
85
86             [% IF Koha.Preference( 'opacuserlogin' ) == 1 ||  Koha.Preference( 'EnableOpacSearchHistory') || Koha.Preference( 'opaclanguagesdisplay' ) %]
87                 [% IF ( Koha.Preference( 'opaclanguagesdisplay' ) ) %]
88                     [% INCLUDE 'masthead-langmenu.inc' %]
89                 [% END %]
90                 <ul id="members" class="navbar-nav">
91                     <li class="nav-item dropdown">
92                         [% IF ( Koha.Preference( 'opacuserlogin' ) == 1 ) %]
93                             [% IF ( loggedinusername ) %]
94                                 <a href="/cgi-bin/koha/opac-user.pl" class="dropdown-toggle" id="user-menu" data-toggle="dropdown" role="button">
95                                     <i class="fa fa-user fa-icon-black fa-fw" aria-hidden="true"></i>
96                                     <span class="userlabel">Welcome, [% INCLUDE 'patron-title.inc' patron = logged_in_user no_html = 1 %]</span>
97                                 </a>
98                                 <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>
99                             [% ELSE %]
100                                 [% IF Koha.Preference('casAuthentication') %]
101                                     [%# CAS authentication is too complicated for modal window %]
102                                         <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>
103                                 [% ELSIF ( Koha.Preference('GoogleOpenIDConnect') == 1 ) %]
104                                     <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>
105                                 [% ELSE %]
106                                     <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>
107                                 [% END %]
108                             [% END %]
109                         [% END %]
110
111                         [% IF ( Koha.Preference( 'opacuserlogin' ) == 1 && loggedinusername ) %]
112                             <div aria-labelledby="user-menu" role="menu" class="dropdown-menu dropdown-menu-right">
113                                 <div id="loggedinuser-menu">
114                                     <p>
115                                         <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>
116                                     </p>
117                                     [% IF Koha.Preference( 'EnableOpacSearchHistory' ) %]
118                                         <p>
119                                             <a tabindex="-1" role="menuitem" class="login-link" href="/cgi-bin/koha/opac-search-history.pl" title="View your search history">Search history</a>
120                                             <span class="divider-vertical"></span>
121                                             <a class="clearsh" href="/cgi-bin/koha/opac-search-history.pl?action=delete" title="Delete your search history"><i class="fa fa-trash" aria-hidden="true"></i> Clear</a>
122                                         </p>
123                                     [% END %]
124                                     <a tabindex="-1" role="menuitem" class="logout" id="logout" href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log out</a>
125                                 </div>
126                             </div>
127                         [% END %]
128                     </li>
129                     [% IF ( !Koha.Preference( 'opacuserlogin') || !loggedinusername ) %]
130                         [% IF Koha.Preference( 'EnableOpacSearchHistory' ) %]
131                             <li class="nav-item search_history">
132                                 <a class="nav-link login-link" href="/cgi-bin/koha/opac-search-history.pl" title="View your search history">Search history</a>
133                             </li>
134                             <li class="divider-vertical"></li>
135                             <li class="nav-item">
136                                 <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" aria-hidden="true"></i> Clear</a>
137                             </li>
138                         [% END %]
139                     [% END %]
140                 </ul>
141             [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
142         </nav> <!-- /navbar -->
143
144         [% IF ( OpacHeader ) %]
145             <div class="container-fluid">
146                 <div class="row">
147                     <div class="col">
148                         [% PROCESS koha_news_block news => OpacHeader %]
149                     </div>
150                 </div>
151             </div>
152         [% END %]
153
154     </div> <!-- / header-region -->
155
156     [% IF ( OpacPublic ) %]
157         <div class="container-fluid">
158             [% UNLESS ( advsearch ) %]
159                 <div class="row">
160                     <div class="col">
161                             <div id="opac-main-search" class="mastheadsearch">
162                                 [% IF ( OpacCustomSearch ) %]
163                                     [% PROCESS koha_news_block news => OpacCustomSearch %]
164                                 [% ELSE %]
165                                     <form name="searchform" method="get" action="/cgi-bin/koha/opac-search.pl" id="searchform">
166                                         <div class="form-row align-items-center">
167                                             <div class="col-sm-auto order-2 order-sm-2">
168                                                 <select name="idx" id="masthead_search" class="form-control">
169                                                     [% IF ( ms_kw ) %]
170                                                         <option selected="selected" value="">Library catalog</option>
171                                                     [% ELSE %]
172                                                         <option value="">Library catalog</option>
173                                                     [% END # /ms_kw %]
174                                                     [% IF ( ms_ti ) %]
175                                                         <option selected="selected" value="ti">Title</option>
176                                                     [% ELSE %]
177                                                         <option value="ti">Title</option>
178                                                     [% END # /ms_ti %]
179                                                     [% IF ( ms_au ) %]
180                                                         <option selected="selected" value="au">Author</option>
181                                                     [% ELSE %]
182                                                         <option value="au">Author</option>
183                                                     [% END # /ms_au%]
184                                                     [% IF ( ms_su ) %]
185                                                         <option selected="selected" value="su">Subject</option>
186                                                     [% ELSE %]
187                                                         <option value="su">Subject</option>
188                                                     [% END # /ms_su %]
189                                                     [% IF ( ms_nb ) %]
190                                                         <option selected="selected" value="nb">ISBN</option>
191                                                     [% ELSE %]
192                                                         <option value="nb">ISBN</option>
193                                                     [% END # /ms_nb%]
194                                                     [% IF ( ms_ns ) %]
195                                                         <option selected="selected" value="ns">ISSN</option>
196                                                     [% ELSE %]
197                                                         <option value="ns">ISSN</option>
198                                                     [% END # /ms_ns%]
199                                                     [% IF ( ms_se ) %]
200                                                         <option selected="selected" value="se">Series</option>
201                                                     [% ELSE %]
202                                                         <option value="se">Series</option>
203                                                     [% END # /ms_se %]
204                                                     [% IF ( Koha.Preference('OPACNumbersPreferPhrase') ) %]
205                                                         [% IF ( ms_callnumcommaphr ) %]
206                                                             <option selected="selected" value="callnum,phr">Call number</option>
207                                                         [% ELSE %]
208                                                             <option value="callnum,phr">Call number</option>
209                                                         [% END #/ms_callnumcommaphr %]
210                                                     [% ELSE %]
211                                                         [% IF ( ms_callnum ) %]
212                                                             <option selected="selected" value="callnum">Call number</option>
213                                                         [% ELSE %]
214                                                             <option value="callnum">Call number</option>
215                                                         [% END # /ms_callnum %]
216                                                     [% END # /IF OPACNumbersPreferPhrase %]
217                                                 </select>
218                                             </div> <!-- /.col-sm-auto -->
219
220                                             <div class="col order-4 order-sm-3">
221                                                 [% IF ( !Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 && mylibraryfirst ) %]
222                                                     <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>
223                                                 [% ELSE %]
224                                                     <input type="text" class="transl1 form-control" id="translControl1" name="q" value="[% ms_value | html %]" /><span id="translControl"></span>
225                                                 [% END # /ms_value %]
226                                             </div> <!-- /.col -->
227
228                                             [% IF ( Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 ) %]
229                                                 <div class="col-sm col-md-3 col-lg-2 order-3 order-sm-4">
230                                                     <select name="limit" id="select_library" class="form-control">
231                                                         <option value="">All libraries</option>
232
233                                                         [% IF LibrarySearchGroups %]<optgroup label="Libraries">[% END %]
234
235                                                         [% FOREACH library IN Branches.all( selected => opac_name ) %]
236                                                             [% NEXT UNLESS library.public %]
237                                                             [% IF library.selected %]
238                                                                 <option selected="selected" value="branch:[% library.branchcode | html %]">[% library.branchname | html %]</option>
239                                                             [% ELSE %]
240                                                                 <option value="branch:[% library.branchcode | html %]">[% library.branchname | html %]</option>
241                                                             [% END %]
242                                                         [% END %]
243
244                                                         [% IF LibrarySearchGroups %]
245                                                             </optgroup>
246                                                             <optgroup label="Groups">
247                                                                 [% FOREACH lsg IN LibrarySearchGroups %]
248                                                                     [% IF 'multibranchlimit-' _ lsg.id == opac_name || lsg.id == opac_name %]
249                                                                         <option selected="selected" value="multibranchlimit:[% lsg.id | html %]">[% lsg.title | html %]</option>
250                                                                     [% ELSE %]
251                                                                         <option value="multibranchlimit:[% lsg.id | html %]">[% lsg.title | html %]</option>
252                                                                     [% END # / bc.selected %]
253                                                                 [% END %]
254                                                             </optgroup>
255                                                         [% END # / BranchCategoriesLoop %]
256                                                     </select> <!-- /#select_library -->
257                                                 </div> <!-- /.col-sm-auto -->
258                                             [% ELSE %]
259                                                 [% IF ( opac_limit_override ) %]
260                                                     [% IF ( opac_search_limit ) %]
261                                                         [% IF ( multibranchlimit = opac_search_limit.match( 'branch:multibranchlimit-(\d+)' ) ) %]
262                                                             <input name="limit" value="multibranchlimit:[% multibranchlimit.0 | html %]" type="hidden" />
263                                                         [% ELSE %]
264                                                             <input name="limit" value="[% opac_search_limit | html %]" type="hidden" />
265                                                         [% END %]
266                                                     [% END %]
267                                                 [% ELSE %]
268                                                     [% IF ( mylibraryfirst ) %]
269                                                         <input name="limit" value="branch:[% mylibraryfirst | html %]" type="hidden" />
270                                                     [% END %]
271                                                 [% END # / opac_limit_override %]
272                                             [% END # / OpacAddMastheadLibraryPulldown %]
273
274                                             <div class="order-5 col-sm-auto">
275                                                 <button type="submit" id="searchsubmit" class="btn btn-primary" title="Search" aria-label="Search">
276                                                     <i class="fa fa-search" aria-hidden="true"></i>
277                                                 </button>
278                                             </div>
279
280                                         </div> <!-- /.form-row -->
281                                         <input type="hidden" name="weight_search" value="1">
282                                     </form>
283                                 [% END # / ( OpacCustomSearch ) %]
284                             </div><!-- /#opac-main-search -->
285                     </div> <!-- /.col -->
286                 </div> <!-- /.row -->
287             [% END # / UNLESS advsearch %]
288
289             <div class="row">
290                 <ul class="nav" id="moresearches">
291                     <li class="nav-item">
292                         <a href="/cgi-bin/koha/opac-search.pl">Advanced search</a>
293                     </li>
294                     [% IF ( Koha.Preference( 'UseCourseReserves' ) == 1 ) %]
295                         <li class="nav-item">
296                             <a href="/cgi-bin/koha/opac-course-reserves.pl">Course reserves</a>
297                         </li>
298                     [% END %]
299                     [% IF Koha.Preference( 'OpacBrowser' ) == 1 %]
300                         <li class="nav-item">
301                             <a href="/cgi-bin/koha/opac-browser.pl">Browse by hierarchy</a>
302                         </li>
303                     [% END %]
304                     [% IF Koha.Preference( 'OpacAuthorities' ) == 1 %]
305                         <li class="nav-item">
306                             <a href="/cgi-bin/koha/opac-authorities-home.pl">Authority search</a>
307                         </li>
308                     [% END %]
309                     [% IF ( ( Koha.Preference( 'opacuserlogin' ) == 1 ) && ( Koha.Preference( 'OPACComments' ) == 1 ) && ( Koha.Preference( 'OpacShowRecentComments' ) == 1 ) ) %]
310                         <li class="nav-item">
311                             <a href="/cgi-bin/koha/opac-showreviews.pl">Recent comments</a>
312                         </li>
313                     [% END %]
314                     [% IF Koha.Preference( 'TagsEnabled' ) == 1 %]
315                         <li class="nav-item">
316                             <a href="/cgi-bin/koha/opac-tags.pl">Tag cloud</a>
317                         </li>
318                     [% END %]
319                     [% IF Koha.Preference( 'OpacCloud' ) == 1 %]
320                         <li class="nav-item">
321                             <a href="/cgi-bin/koha/opac-tags_subject.pl">Subject cloud</a>
322                         </li>
323                     [% END %]
324                     [% IF Koha.Preference( 'OpacTopissue' ) == 1 %]
325                         <li class="nav-item">
326                             <a href="/cgi-bin/koha/opac-topissues.pl">Most popular</a>
327                         </li>
328                     [% END %]
329                     [% IF Koha.Preference('SearchEngine') == 'Elasticsearch' && Koha.Preference( 'OpacBrowseSearch' ) == 1 %]
330                         <li class="nav-item">
331                             <a href="/cgi-bin/koha/opac-browse.pl">Browse search</a>
332                         </li>
333                     [% END %]
334                     [% IF suggestion %]
335                         [% IF Koha.Preference( 'AnonSuggestions' ) == 1 || Koha.Preference( 'OPACViewOthersSuggestions' ) == 1 %]
336                             <li class="nav-item">
337                                 <a href="/cgi-bin/koha/opac-suggestions.pl?suggested_by_anyone=1">Purchase suggestions</a>
338                             </li>
339                         [% END %]
340                     [% END %]
341                     <li class="nav-item">
342                         <a id="library_page" href="/cgi-bin/koha/opac-library.pl">
343                             [% IF ( singleBranchMode ) %]
344                                 <span>Library</span>
345                             [% ELSE %]
346                                 <span>Libraries</span>
347                             [% END %]
348                         </a>
349                     </li>
350                     [% PROCESS koha_news_block news => OpacMoreSearches %]
351                 </ul> <!-- /.nav#moresearches -->
352             </div> <!-- /.row -->
353         </div> <!-- /.container-fluid -->
354     [% END # / OpacPublic %]
355
356     <!-- Login form hidden by default, used for modal window -->
357     <div id="loginModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="modalLoginLabel" aria-hidden="true">
358         <div class="modal-dialog">
359             <div class="modal-content">
360                 <div class="modal-header">
361                     <h2 class="modal-title" id="modalLoginLabel">Log in to your account</h2>
362                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close">
363                         <span aria-hidden="true">&times;</span>
364                     </button>
365                 </div>
366                 <form action="/cgi-bin/koha/opac-user.pl" method="post" name="auth" id="modalAuth">
367                     <input type="hidden" name="has-search-query" id="has-search-query" value="" />
368                     <div class="modal-body">
369                         [% IF ( Koha.Preference('GoogleOpenIDConnect') == 1 ) %]
370                             <a href="/cgi-bin/koha/svc/auth/googleopenidconnect" class="btn btn-light" id="openid_connect"><i class="fa fa-google" aria-hidden="true"></i> Log in with Google</a>
371                             <p>If you do not have a Google account, but do have a local account, you can still log in: </p>
372                         [% END # /IF GoogleOpenIDConnect %]
373                         [% IF ( shibbolethAuthentication ) %]
374                             [% IF ( invalidShibLogin ) %]
375                                 <!-- This is what is displayed if shibboleth login has failed to match a koha user -->
376                                 <div class="alert alert-info">
377                                     <p>Sorry, your Shibboleth identity does not match a valid library identity. If you have a local login, you may use that below.</p>
378                                 </div>
379                             [% ELSE %]
380                                 <h3>Shibboleth login</h3>
381                                 <p><a href="[% shibbolethLoginUrl | $raw %]">Log in using a Shibboleth account</a>.</p>
382                                 [% UNLESS Koha.Preference('opacShibOnly') %]
383                                     <h3>Local login</h3>
384                                 [% END %]
385                             [% END %]
386                         [% END %]
387                         [% UNLESS Koha.Preference('opacShibOnly') %]
388                             [% SET identity_providers = AuthClient.get_providers('opac') %]
389                             [% IF ( ! identity_providers.empty ) %]
390                                 [% FOREACH provider IN identity_providers %]
391                                     <p class="clearfix">
392                                         <a href="[% provider.url | url %]" class="btn btn-light col-md-12" id="provider_[% provider.code | html %]">
393                                             [% IF provider.icon_url %]
394                                             <img src="[% provider.icon_url | url %]" />
395                                             [% ELSE %]
396                                             <i class="fa fa-user" aria-hidden="true"></i>
397                                             [% END %]
398                                             Log in with [% provider.description | html %]
399                                         </a>
400                                     </p>
401                                 [% END %]
402                                 <hr/>
403                                 <p>If you do not have an external account, but do have a local account, you can still log in: </p>
404                             [% END # /IF  identity_providers.size %]
405                             <input type="hidden" name="koha_login_context" value="opac" />
406                             <fieldset class="brief">
407                                 <div class="local-login">
408                                     <label for="muserid">Login:</label><input type="text" id="muserid" name="userid" autocomplete="off" />
409                                     <label for="mpassword">Password:</label><input type="password" id="mpassword" name="password" autocomplete="off" />
410                                     <fieldset class="action">
411                                         <input type="submit" class="btn btn-primary" value="Log in" />
412                                     </fieldset>
413                                 </div>
414                                 [% IF OpacLoginInstructions %]
415                                     <div id="nologininstructions-modal" class="nologininstructions">
416                                         [% PROCESS koha_news_block news => OpacLoginInstructions %]
417                                     </div>
418                                 [% END %]
419                                 [% IF Koha.Preference('OpacPasswordChange') && Categories.can_any_reset_password %]
420                                     <div id="forgotpassword-modal" class="forgotpassword">
421                                         <a href="/cgi-bin/koha/opac-password-recovery.pl">Forgot your password?</a>
422                                     </div>
423                                 [% END %]
424                                 [% IF PatronSelfRegistration && PatronSelfRegistrationDefaultCategory %]
425                                     <div id="patronregistration-modal" class="patronregistration">
426                                         <p>Don't have an account? <a href="/cgi-bin/koha/opac-memberentry.pl">Register here.</a></p>
427                                     </div>
428                                 [% END %]
429                             </fieldset>
430                         [% END %]
431                     </div>
432                 </form> <!-- /#auth -->
433             </div> <!-- /.modal-content -->
434         </div> <!-- /.modal-dialog -->
435     </div>  <!-- /#modalAuth  -->