Bug 28101: Update breadcrumb markup in the OPAC for consistency and accessibility
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-registration-confirmation.tt
1 [% USE raw %]
2 [% USE Koha %]
3 [% USE AdditionalContents %]
4 [% SET OpacNavRight = AdditionalContents.get( location => "OpacNavRight", lang => news_lang, library => branchcode ) %]
5 [% INCLUDE 'doc-head-open.inc' %]
6 <title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
7 [% INCLUDE 'doc-head-close.inc' %]
8 [% BLOCK cssinclude %][% END %]
9 </head>
10 [% INCLUDE 'bodytag.inc' bodyid='opac-registration-confirmation' %]
11 [% INCLUDE 'masthead.inc' %]
12
13 <div class="main">
14     <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
15         <ol class="breadcrumb">
16             <li class="breadcrumb-item">
17                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
18             </li>
19             <li class="breadcrumb-item active">
20                 <a href="#" aria-current="page">Registration complete</a>
21             </li>
22         </ol>
23     </nav> <!-- /#breadcrumbs -->
24
25     <div class="container-fluid">
26         <div class="row">
27             [% IF ( OpacNav ||  OpacNavBottom ) %]
28                 <div class="col-12 col-lg-2 order-3 order-lg-1">
29                     <div id="navigation">
30                         [% INCLUDE 'navigation.inc' %]
31                     </div>
32                 </div>
33             [% END %]
34
35             [% IF ( OpacNav || OpacNavBottom  ) %]
36                 [% #  Three-column layout with right and left sidebars %]
37                 <div class="col-12 col-lg-7 order-md-1 maincontent">
38             [% ELSIF ( OpacNavRight ) %]
39                 [% #  Two-column layout with right sidebar %]
40                 <div class="col-12 col-lg-9 order-md-1 maincontent">
41             [% END %]
42
43                     <div id="registration-complete" class="maincontent">
44                         <h1>Registration complete!</h1>
45
46                         <p>You have successfully registered your new account.</p>
47                         [% IF Koha.Preference('PatronSelfRegistrationPrefillForm') %]
48                             <p>To log in, use the following credentials:</p>
49
50                             <p id="patron-userid-p" class="registration-line">
51                                 <span id="patron-userid-label" class="registration-label">Username:</span>
52                                 <span id="patron-userid" class="registration-value">[% borrower.userid | html %]</span>
53                             </p>
54                             <p id="patron-password-p" class="registration-line">
55                                 <span id="patron-password-label" class="registration-label">Password:</span>
56                                 <span id="patron-password" class="registration-value">[% password_cleartext | html %]</span>
57                             </p>
58
59                             [% IF borrower.cardnumber %]
60                                 <p id="patron-cardnumber-p" class="registration-line">
61                                     <span id="patron-cardnumber-label" class="registration-label">Card number:</span>
62                                     <span id="patron-cardnumber" class="registration-value">[% borrower.cardnumber | html %]</span>
63                                 </p>
64                             [% END %]
65
66                             <p id="patron-instructions">
67                             [% IF borrower.category.effective_change_password %]
68                                 <span>For your convenience, the login box on this page has been pre-filled with this data. Please log in and change your password.</span>
69                             [% ELSE %]
70                                 <span>For your convenience, the login box on this page has been pre-filled with this data. Please log in.</span>
71                             [% END %]
72                             </p>
73                         [% END %]
74
75                         <div id="PatronSelfRegistrationAdditionalInstructions">[% PatronSelfRegistrationAdditionalInstructions | $raw %]</div>
76                     </div> <!-- /#registration-complete -->
77                 </div> <!-- / .col-7/9 -->
78
79                 <div class="col-12 col-lg-3 order-md-2">
80                     [% UNLESS ( loggedinusername ) %]
81                         [% UNLESS ( casAuthentication ) %]
82                             <div id="login">
83                                 <form action="/cgi-bin/koha/opac-user.pl" method="post" name="auth" id="auth" autocomplete="off">
84                                     <input type="hidden" name="koha_login_context" value="opac" />
85                                     <fieldset class="brief">
86                                         <legend>Log in to your account:</legend>
87                                         <label for="userid">Login:</label>
88                                         [% IF Koha.Preference('PatronSelfRegistrationPrefillForm') %]
89                                             <input class="form-control" type="text" id="userid" size="10" name="userid" value="[% borrower.userid | html %]" />
90                                         [% ELSE %]
91                                             <input class="form-control" type="text" id="userid" size="10" name="userid" value="" />
92                                         [% END %]
93                                         <label for="password">Password:</label>
94                                         [% IF Koha.Preference('PatronSelfRegistrationPrefillForm') %]
95                                             <input class="form-control" type="password" id="password" size="10" name="password" value="[% password_cleartext | html %]" />
96                                         [% ELSE %]
97                                             <input class="form-control" type="password" id="password" size="10" name="password" value="" />
98                                         [% END %]
99                                     <fieldset class="action">
100                                         <input type="submit" value="Log in" class="btn btn-primary" />
101                                     </fieldset>
102                                     [% IF PatronSelfRegistration && PatronSelfRegistrationDefaultCategory %]<div id="patronregistration"><p>Don't have an account? <a href="/cgi-bin/koha/opac-memberentry.pl">Register here.</a></p></div>[% END %]
103                                     </fieldset>
104                                 </form> <!-- /#auth -->
105                             </div> <!-- /#login -->
106                         [% END # /casAuthentication %]
107                     [% END # / loggedinusername %]
108                     [% IF ( OpacNavRight ) %]
109                         [% PROCESS koha_news_block news => OpacNavRight %]
110                     [% END # /OpacNavRight %]
111                 </div> <!-- / .col-lg-3 -->
112
113         </div> <!-- /.row -->
114     </div> <!-- /.container-fluid -->
115 </div> <!-- /.main -->
116
117 [% INCLUDE 'opac-bottom.inc' %]
118 [% BLOCK jsinclude %][% END %]