PageSourceSearch

https://mjlibrary.in/register

html mjlibrary.in collected 2026-10-03 01:22:29 UTC 55,566 bytes, 1,208 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6  <!-- META ============================================= -->
7  <meta charset="utf-8">
8  <meta http-equiv="X-UA-Compatible" content="IE=edge">
9  <link rel="canonical" href="index-2.html" />
10  <!-- OG -->
11  <meta name="robots" content="index, follow">
12
13  <meta name="keywords" content="Web Design, Education, Institute, Study" />
14  <meta name="author" content="ThemeTrades" />
15  <meta name="description" content="Ahmedabad Smart City Digital Library" />
16  <meta name="format-detection" content="telephone=no">
17  <!-- FAVICONS ICON ============================================= -->
18  <link rel="icon" href="/assets/images/favicon.png" type="image/x-icon" />
19  <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.png" />
20  <link rel="stylesheet" type="text/css" href="/assets/css/croppie.css">
21  <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-sweetalert.css">
22  <link href="/assets/javascript-datepicker/css/cuppa-datepicker-styles.css" rel="stylesheet">
23
24  <!-- PAGE TITLE HERE ============================================= -->
25  <title>Mj Library | Register</title>
26
27  <!-- MOBILE SPECIFIC ============================================= -->
28  <meta name="viewport" content="width=device-width, initial-scale=1">
29
30  <!--[if lt IE 9]>
31	
31<script src="/assets/js/html5shiv.min.js"></script>
31
32	
32<script src="/assets/js/respond.min.js"></script>
32
33	<![endif]-->
34
35  <!-- All PLUGINS CSS ============================================= -->
36  <link rel="stylesheet" type="text/css" href="/assets/css/assets.css">
37
38  <!-- TYPOGRAPHY ============================================= -->
39  <link rel="stylesheet" type="text/css" href="/assets/css/typography.css">
40
41  <!-- SHORTCODES ============================================= -->
42  <link rel="stylesheet" type="text/css" href="/assets/css/shortcodes/shortcodes.css">
43
44  <!-- STYLESHEETS ============================================= -->
45  <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
46  <link class="skin" rel="stylesheet" type="text/css" href="/assets/css/color/color-1.css">
47  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
48  <link class="skin" rel="stylesheet" type="text/css"
49    href="/assets/vendors/fontawesome5_0/css/all.css">
50  <!---------Captcha ==========================================---->
vendor: 70 bytes, lines 50-53
50
51  <script src='https://www.google.com/recaptcha/api.js'></script>
52
53  
53<script src="/assets/frontend/en-lang/content.js"></script>
53
54  <style>
55    .switch-field {
56      display: flex;
57      margin-bottom: 36px;
58      overflow: hidden;
59    }
60
61    .switch-field input {
62      position: absolute !important;
63      clip: rect(0, 0, 0, 0);
64      height: 1px;
65      width: 1px;
66      border: 0;
67      overflow: hidden;
68    }
69
70    .switch-field label {
71      background-color: #e4e4e4;
72      color: rgba(0, 0, 0, 0.6);
73      font-size: 14px;
74      line-height: 1;
75      text-align: center;
76      padding: 8px 16px;
77      margin-right: -1px;
78      border: 1px solid rgba(0, 0, 0, 0.2);
79      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
80      transition: all 0.1s ease-in-out;
81    }
82
83    .switch-field label:hover {
84      cursor: pointer;
85    }
86
87    .switch-field input:checked+label {
88      background-color: #a5dc86;
89      box-shadow: none;
90    }
91
92    .switch-field label:first-of-type {
93      border-radius: 4px 0 0 4px;
94    }
95
96    .switch-field label:last-of-type {
97      border-radius: 0 4px 4px 0;
98    }
99
100    .koha {
101      display: none;
102    }
103
104    @media print {
105      body * {
106        visibility: hidden;
107      }
108
109      #detail * {
110        visibility: visible;
111      }
112
113      #detail {
114        position: absolute;
115        left: 0;
116        top: 0;
117      }
118
119      .error__btn {
120        display: none;
121      }
122    }
123    .required
124    {
125        color: red;
126    }
127
128    .offer-text {
129      font-weight: 600;
130      color: #333;
131      margin: 10px 0;
132    }
133
134    .old-price {
135      text-decoration: line-through !important;
136      color: #3340cfff;
137      margin-right: 8px;
138    }
139
140    .offer-label {
141      font-weight: 700;
142      margin-right: 8px;
143      animation: blink 1.0s infinite;
144      text-decoration: none!important
145    }
146
147    .new-price {
148      font-weight: 700;
149      text-decoration: none!important
150    }
151
152    /* ✨ Optional blink animation for offer */
153    @keyframes blink {
154      0%, 50%, 100% { opacity: 1; }
155      25%, 75% { opacity: 0; }
156    }
157
158    /* 📱 Responsive adjustment */
159    @media (max-width: 576px) {
160      .offer-text {
161        font-size: 1rem;
162        text-align: center;
163      }
164      .new-price {
165        font-size: 1.1rem;
166      }
167    }
168  </style>
169</head>
170<script>
171  var totalReadingSpace='Select Gender (Total 110 seats -> Total Waiting is 2857)';
172  var totalReadingMaleSpace='Male (Total 10 seats -> Total Waiting is 1809) ';
173  var totalReadingFemaleSpace='Female (Total 100 seats -> Total Waiting is 1048)';
174</script>
174
175<body id="bg">
176  <div class="page-wraper">
177    <!--div id="loading-icon-bx"></div>
178    <div id="loading-icon-bx2" style="display:none"></div-->
179    <div class="preloader-1" id="preloader-1" style="display:none">
180      <div>Loading</div>
181      <span class="line line-1"></span>
182      <span class="line line-2"></span>
183      <span class="line line-3"></span>
184      <span class="line line-4"></span>
185      <span class="line line-5"></span>
186      <span class="line line-6"></span>
187      <span class="line line-7"></span>
188      <span class="line line-8"></span>
189      <span class="line line-9"></span>
190    </div>
191    <div class="account-form">
192<div class="account-head">
193  <div class="contact-info-bx">
194    <a href="/"><img src="/assets/images/logo.png" alt=""></a><br>
195    <h2 class="m-b10 title-head change-lang" data-lang-value="instruction-95"></h2>
196    <div class="widget widget_getintuch">
197      <ul style="text-align: left;">
198        <li class="change-lang" data-lang-value="instruction-96"></li>
199
200        <!--li class="change-lang" data-lang-value="instruction-96a"></li-->
201        <li class="change-lang" data-lang-value="instruction-96b"></li>
202        <li><i class="ti-email"></i>[email protected]</li>
203      </ul>
204    </div>
205    <!-- <h5 class="m-t0 m-b20">Follow Us</h5>
206   <ul class="list-inline contact-social-bx">
207      <li><a href="https://www.facebook.com/mintbookindia/" class="btn outline radius-xl"><i
208            class="fab fa-facebook-f"></i></a></li>
209      <li><a href="https://twitter.com/MintbookIndia" class="btn outline radius-xl"><i class="fab fa-twitter"></i></a>
210      </li>
211      <li><a href="https://linkedin.com/company/mintbook-com" class="btn outline radius-xl"><i
212            class="fab fa-linkedin-in"></i></a></li>
213      <li><a href="https://www.instagram.com/mintbookofficial/" class="btn outline radius-xl"><i
214            class="fab fa-instagram"></i></a></li>
215      <li><a href="https://www.youtube.com/channel/UCgse6SFFutt-3HjOwc1y63w" class="btn outline radius-xl"><i
216            class="fab fa-youtube"></i></a></li>
217    </ul>-->
218  </div>
219</div>
220      <div class="account-form-inner">
221        <li class="singleLink">
222          <div class="LanguageSelect pull-right m-r40 m-t20 authChangeLang">
223            <a href="" class="englishLanguage langChange" lang="eng" id="englishLanguage" style="display:none">English</a>
224            <a href="" class="gujuLanguage langChange " lang="hin" id="gujuLanguage">ગુજરાતી</a>
225            <!--a  href="become-member" style="margin-left:20px"><button type="button" class="login_button btn btn-link a-glow change-lang" data-lang-value="instruction-210"></button></a--->
226          </div>
227        </li>
228        <!--div class="account-container">
229          <div class="row justify-content-center">
230              <a href="/register#bookTransaction"><p style="
231                background: linear-gradient(90deg, #ff9800, #ff5722);
232                color: #fff;
233                font-size: 1.2rem;
234                font-weight: 600;
235                padding: 15px 25px;
236                border-radius: 10px;
237                box-shadow: 0 4px 10px rgba(0,0,0,0.2);
238                display: inline-block;
239                animation: fadeIn 1.2s ease-in-out;" class="change-lang" data-lang-value="instruction-107a">
240              </p>
241              </a>
242          </div>
243        </div-->
244        <div class="account-container" id="contAcct">
245          <div class="heading-bx left">
246            <h2 class="title-head change-lang" data-lang-value="instruction-33"></h2>
247            <p class="change-lang" data-lang-value="instruction-34"></p>
248          </div>
249          
250          <form class="contact-bx" id="registration-form" name="registration-form" enctype="multipart/form-data">
251            <div id='message' style='color:red;'></div>
252            <div class="row placeani registerPage" id="detail">
253              <!--<div class="col-lg-12">
254                <div class="form-group">
255                  <div class="regular-field">
256                    <input type="radio" id="dl-event" name="registeredWith" value="dl"
257                      onclick="$('#lmsRequestData').hide();$('#lmsUserProfile').hide();$('.ignorethis').addClass('ignore');" checked />
258                    <label for="dl-event" class="change-lang" data-lang-value="instruction-209"> Register for Digital Library</label>
259                    <br>
260                    <input type="radio" id="dlAndLMS-event" name="registeredWith" value="dlAndLMS"
261                      onclick="$('#lmsRequestData').show();$('#lmsUserProfile').show();$('.ignorethis').removeClass('ignore');" />
262                    <label for="dlAndLMS-event" class="change-lang" data-lang-value="instruction-210"> Become a Member in MJ Library</label>
263                  </div>
264                </div>
265              </div>-->
266              <!--div class="col-lg-12" style="display:none">
267                <div class="form-group">
268                  <div class="input-group">
269                    <select name="title" id="title" class="form-control select2" style="height: calc(3.00rem + 7px);">
270                      <option value="">--Select Title--</option>
271                      <option value="Mr"> Mr </option>
272                      <option value="Mrs"> Mrs </option>
273                    </select>
274                  </div>
275                </div>
276              </div--->
277              <div class="col-lg-12">
278                <div class="form-group">
279                  <div class="input-group">
280                    <label class="change-lang" data-lang-value="instruction-212"></label>
281                    <input name="surname" id="surname" type="text" class="form-control" autoComplete="off">
282                  </div>
283                </div>
284              </div>
285              <div class="col-lg-12 displayBeforeOtp">
286                <div class="form-group">
287                  <div class="input-group">
288                    <label class="change-lang" data-lang-value="instruction-211"></label>
289                    <input name="fullName" id="fullName" type="text" class="form-control" autoComplete="off">
290                  </div>
291                </div>
292              </div>
293              <!--div class="col-lg-12 displayBeforeOtp">
294                <div class="form-group">
295                  <div class="input-group">
296                    <label class="change-lang" data-lang-value="instruction-369"></label>
297                    <input name="middleName" id="middleName" type="text" class="form-control" autoComplete="off">
298                  </div>
299                </div>
300              </div-->
301              <div class="col-lg-12 displayBeforeOtp">
302                <div class="form-group">
303                  <div class="input-group">
304                    <label class="change-lang" data-lang-value="instruction-371"></label>
305                    <input name="fatherHusbandName" id="fatherHusbandName" type="text" class="form-control" autoComplete="off">
306                  </div>
307                </div>
308              </div>
309              <div class="col-lg-12">
310                <div class="form-group">
311                  <div class="input-group">
312                    <label class="change-lang" data-lang-value="instruction-36"></label>
313                    <input name="mobile" id="mobile" type="text" class="form-control" autoComplete="off">
314                  </div>
315                </div>
316              </div>
317              <div class="col-lg-12">
318                <div class="form-group focused">
319                  <label> <font  class="change-lang" data-lang-value="instruction-344" > Gender</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
320                  <div class="input-group focused" style="width: 100%">
321                    <select name="gender" id="gender" class="form-control gender
321Select2"
322                      style="height: calc(2.5rem + 7px);">
323                      <option value="">Select Gender</option>
324                      <option value="M"> Male</option>
325                      <option value="F"> Female</option>
326                    </select>
327                  </div>
328                </div>
329              </div>
330              
331              <div class="col-lg-12">                      
332                <label> <font  class="change-lang" data-lang-value="instruction-351" >Education</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
333                <div class="form-group focused">
334                  <div class="input-group focused">
335                    <select name="education" id="education" class="form-control select2" style="height: calc(3.00rem + 7px);">
336                      <option value="">Select Education</option>
337                      <option value="Primary"> Primary (Class I to IV)</option>
338                      <option value="Upper Primary"> Upper Primary (Class V to VII)</option>
339                      <option value="Secondary"> Secondary (Class VIII to X)</option>
340                      <option value="Higher Secondary">  Higher Secondary (Class XI and XII)</option>
341                      <option value="Graduate"> Graduate </option>
342                      <option value="Master"> Post Graduate </option>
343                    </select>
344                  </div>
345                </div>
346              </div>
347              <div class="col-lg-12">
348                <label> <font  class="change-lang" data-lang-value="instruction-367" ></font><span class="required"></span> </label>
349                <div class="form-group focused">
350                  <div class="input-group focused">
351                    <select id="occupation" name="occupation" class="form-control select2">
352                      <option value="">Select Occupation</option>
353                      <option value="Student">Student </option>
354                      <option value="Job">Job </option>
355                      <option value="Business">Business </option>
356                      <option value="Housewife">Housewife</option>
357                      <option value="Senior Citizen">Senior Citizen</option>
358                      <option value="Professor">Professor</option>
359                      <option value="Lecturer">Lecturer</option>
360                      <option value="Lawyer">Lawyer</option>
361                      <option value="Others">Others</option>
362                    </select>
363                    <input type="text" id="otherjob" style="display:none" class="form-control" autoComplete="off">
364                  </div>
365                </div>
366              </div>
367              <div class="col-lg-12">
368                <label> <font  class="change-lang" data-lang-value="instruction-368" >Education</font></label>
369                <div class="form-group focused">
370                  <div class="input-group focused">
371                    <select id="physicallyChallenged" name="physicallyChallenged" class="form-control select2">
372                      <option value="">Select</option>
373                      <option value="Yes">Yes </option>
374                      <option value="No">No </option>
375                    </select>
376                  </div>
377                </div>
378              </div>
379              <div class="col-lg-12">
380                <label> <font  class="change-lang" data-lang-value="instruction-370" >Blood Group</font></label>
381                <div class="form-group focused">
382                  <div class="input-group focused">
383                    <select id="bloodGroup" name="bloodGroup" class="form-control select2">
384                      <option value="">Select</option>
385                      <option value="(A+)">(A+)</option>
386                      <option value="(A-)">(A-)</option>
387                      <option value="(B+)">(B+) </option>
388                      <option value="(B-)">(B-) </option>
389                      <option value="(O+)">(O+) </option>
390                      <option value="(O-)">(O-) </option>
391                      <option value="(AB+)"> (AB+) </option>
392                      <option value="(AB-)">(AB-)</option>
393                    </select>
394                  </div>
395                </div>
396              </div>
397              <div class="col-lg-12">
398                <label><font  class="change-lang" data-lang-value="instruction-353" >Date of birth</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
399                <div class="form-group focused" style="margin-bottom: 55px;">
400                  <div class="input-group focused">
401                    <input type="hidden" id="dob" name="dob" value="">
402                    <div id="cuppaDatePickerContainer"></div>
403                  </div>
404                </div>
405              </div>
406              <div class="col-lg-12">
407              <label><font  class="change-lang" data-lang-value="instruction-354" >Member Type</font> (<font style="color:blue;font-size:13px">This allows access for MJ library and all its branches</font>)</label>
408            </div>
409              <div class="col-lg-12">
410                <div class="form-group">
411                    <input type="radio" id="dlAndLMS-event"  name="registeredWith" checked value="dlAndLMS" />
412                    <label for="dlAndLMS-event" class="change-lang" data-lang-value="instruction-210">Become a Member in MJ Library</label>
413                </div>
414              </div>
415              <div class="col-lg-12">
416                <div class="form-group">
417                    <input type="radio" name="registeredWith" value="dl"  id="onlydl-event"/>
418                    <label for="onlydl-event" class="change-lang" data-lang-value="instruction-325">Become member of DL</label>
419                </div>
420              </div>
421               <div class="col-lg-12">
422                <div class="form-group">
423                    <input type="radio" name="registeredWith" value="dlAndReading" id="dlAndReader-event"/>
424                    <label for="dlAndReader-event" class="change-lang" data-lang-value="instruction-324">Reserve reading Spapce in Gyanvihar Student Reading Hall(Elise Bridge Branch)</label><br/>
425                  <!--font style="color:blue">Note:- Online reservation of reading room will start after assignment of already reserved in-person reservations</font--->
426                  </div>
427              </div>
428              <div id="lmsRequestData" style="display:none">
429                <div class="section-box" style="border: 1px solid #ddd;padding: 15px 0px;margin: 30px 12px;">
430                <div class="col-lg-12">
431                  <label> <font  class="change-lang" data-lang-value="instruction-349" >KYC Document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
432                  <div class="form-group">
433                    <div class="input-group">
434                      <select name="documentType" id="documentType" class="form-control select2 ignorethis ignore"
435                        style="height: calc(2.5rem + 7px);" onchange="getOtherName(this.value)">
436                        <option value="">Select KYC Document</option>
437                        <option value="Aadhar card"> Aadhar Card </option>
438                        <option value="Driving Licence"> Driving Licence </option>
439                        <option value="Voter ID card"> Voter ID Card </option>
440                        <option value="Passport"> Passport </option>
441                        <!--option value="Pan card"> PAN Card </option-->
442
443                        <!--option value="other"> Others </option--->
444                      </select>
445                    </div>
446                  </div>
447                </div>
448                <!--div class="col-lg-12 otherDocDiv" style="display:none">
449                  <div class="form-group">
450                    <div class="input-group">
451                      <label >Other document name<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
452                      <input name="docName" id="docName" type="text" class="form-control ignorethis ignore" autoComplete="off"/>
453                    </div>
454                  </div>
455                </div--->
456                <div class="col-lg-12 displayBeforeOtp">
457                  <div class="form-group">
458                    <div class="input-group">
459                      <label>Uploaded KYC document number(Ex:Adhar, voter id,Passport etc.)<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
460                      <input name="kycDocumentNumber" id="kycDocumentNumber" type="text" class="form-control  ignorethis ignore" autoComplete="off"/>
461                    </div>
462                  </div>
463                </div>
464                <div class="col-lg-12">
465                  <span id="kycfileError" style="color: red;"></span>
466                  <label><font  class="change-lang" data-lang-value="instruction-350" >Upload KYC document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
467                  <div class="" style="margin-bottom: 25px;">
468                    <div class="input-group focused">
469                      <input type="text" class="form-control file-upload-text" disabled
470                        placeholder="Aadhar card, Driving Licence..." />
471                      <span class="input-group-btn"><span class="required">
472                        <input type="file" class="custom-file-input file-upload filenm" name="file" id="filenm"
473                          placeholder="Aadhar card, Driving Licence,." accept=".pdf">
474                        <label class="custom-file-label" for="filenm">Upload KYC document(scan pdf copy max size-200kb)<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
475                        <input type="hidden" name="file" value="
4750" id="file_name">
476                      </span>
477                    </div>
478                  </div>
479                </div>
480                </div>
481                <!---div class="col-lg-12 guanrantorSection" style="display:none">
482                <div class="section-box" style="border: 1px solid #ddd;padding: 15px 15px;margin: 20px -4px;">
483                <p class="change-lang" data-lang-value="instruction-326" style="margin:0px 0 0 0"></p>
484                  <span id="kycfileError1" style="color: red;"></span>
485                  <label> <font  class="change-lang" data-lang-value="instruction-347" >Upload guarantor document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
486                  <div class="" style="margin-bottom: 25px;">
487                    <div class="input-group focused">
488                      <input type="text" class="form-control file-upload-text" disabled
489                        placeholder="Aadhar card, Driving Licence..." />
490                      <span class="input-group-btn">
491                        <input type="file" class="custom-file-input file-upload filenm" name="gaurantor_file" id="filenm1"
492                          placeholder="Aadhar card, Driving Licence,." accept=".pdf">
493                        <label class="custom-file-label" for="filenm">Upload approved guarantor form (scan pdf copy)</label><span class="required">
494                        <input type="hidden" name="gaurantor_file" value="
4940" id="file_name1">
495                      </span>
496                    </div>
497                  </div>
498                </div>
499                </div--->
500                <div class="col-lg-12 displayBeforeOtp">
501                  <div class="form-group">
502                    <div class="input-group">
503                      <label ><font  class="change-lang" data-lang-value="instruction-345" >Address</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
504                      <input name="address" id="address" type="text" class="form-control  ignorethis ignore" autoComplete="off"/>
505                    </div>
506                  </div>
507                </div>
508                <div class="col-lg-12">
509                  <div class="form-group">
510                    <div class="input-group">
511                      <label><font  class="change-lang" data-lang-value="instruction-346" >Pincode</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label>
512                      <input name="pincode" id="pincode" type="number" class="form-control ignorethis ignore" maxlength='6' autoComplete="off">
513                    </div>
514                  </div>
515                </div>
516                <div class="col-lg-12 lmsSubScriptionvisibility">
517                  <div class="form-group">
518                    <label> <font  class="change-lang" data-lang-value="instruction-348" > Membership</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
519                    <div class="input-group" style="width: 100%">
520                      <select name="categorycode" id="categorycode" class="form-control select2 ignorethis ignore"
521                        autoComplete="off" style="height: calc(2.5rem + 7px);" onchange="setSubscription()">
522                        <option value="">Select Membership</option>
523                        <option value="G9">Annual Membership </option>
524                        <option value="G1">Lifetime Membership</option>
525                        <!--option value="C9">Annual Membership - Child</option>
526                        <option value="CH">Lifetime Membership - Child</option--->
527                      </select>
528                    </div>
529                  </div>
530                </div>
531                <div class="col-lg-12 readerSubScription">                     
532                   <label> Membership<span class="required"><font style="font-size:11px; font-style: oblique;"></font></span> </label>
533                  <div class="form-group">
534                    <div class="input-group" style="width: 100%">
535                      <select name="" id="readercode" class="form-control select2 ignorethis ignore"
536                        autoComplete="off" style="height: calc(2.5rem + 7px);" onchange="showReadingMemberShipSubscription()">
537                        <option value="">Select Membership</option>
538                        <option value="3M">3 Month (₹300)</option>
539                        <option value="6M">6 Month (₹600)</option>
540                        <option value="1YEAR">1 Year (₹1000)</option>
541                      </select>
542                    </div>
543                  </div>
544                </div>
545                <div class="col-lg-12" id="selectReadingMemberSubscription" style="display:none">
546                  <div class="packageHeading">
547                    <h3 class="change-lang" data-lang-value="instruction-215"></h3>
548                  </div>
549                </div>
550                <div class="form-group col-md-12 " id="readingMemberInfoBlock" style="display:none;">
551                  <div class="" id="">
552                    <div class="single-team-inside">
553                      <div class="solutionNew solutionNewSelected" id=''>
554                        <h5 class="" id="readingPackageDuration"></h5>
555                        <p id="readingMemberShipInfo">
556                          
557                        </p>
558                      </div>
559                    </div>
560                  </div>
561                </div>
562                <div class="col-lg-12" id="chooseYourSub" style="display:none">
563                  <div class="packageHeading">
564                    <h3 class="change-lang" data-lang-value="instruction-215"></h3>
565                  </div>
566                </div>
567                <div class="row col-md-12" id="sub_show" style="display:none">
568                  <div class="form-group col-md-12 lmsSubScription" id="anual_500" style="display:none;">
569                    <div class="chooseASubscription" id="price_500">
570                      <div class="single-team-inside">
571                        <div class="solutionNew solutionNewSelected" id='annual_500'>
572                          <h5 class="change-lang" data-lang-value="instruction-216"></h5>
573                          <p>₹1000 Deposit +  ₹500 Fee (non refundable) = ₹1500/-
574                            
575                          </p>
576                        </div>
577                      </div>
578                    </div>
579                  </div>
580                  <div class="form-group col-md-12 lmsSubScription" id="liftime_1500" style="display:none;">
581                    <div class="chooseASubscription" id="price_1500">
582                      <div class="single-team-inside">
583                        <div class="solutionNew" id="lifetime_1500">
584                          <h5 class="change-lang" data-lang-value="instruction-217"></h5>
585                          <p> ₹3000/- (one time non refundable)</p>
586                          <!--p class="offer-text">
587                            <span class="old-price">₹3000</span>
588                            <span class="offer-label">(50% OFF)</span>
589                            <span class="new-price">₹1500/-</span>
590                          </p-->
591                        </div>
592                      </div>
593                    </div>
594                  </div>
595              </div>
596              <!--div class="col-lg-12 lmsSubScription" style='display:none'>
597                <div class="form-group">
598                  <div class="input-group" style="width: 100%">
599                    <select name="branchcode" id="branchcode" class="form-control select2 ignorethis ignore"
600                      autoComplete="off" style="height: calc(2.5rem + 7px);">
601                      <option value="">Select Library</option>
602                    </select>
603                  </div>
604                </div>
605              </div--->
606              <div id="lmsUserProfile" style="display:none">
607                <div class="col-lg-12">
608                  <div class="row">
609                    <div class="profilePicSection">
610                      <label class="cabinet center-block profileImageSection">
611                        <label> <font  class="change-lang" data-lang-value="instruction-352" >Upload profile picture</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label>
612                        <figure>
613                          <img src="" class="gambar img-responsive img-thumbnail" id="item-img-output" width="100%"
614                            name="item-img-output">
615                        </figure>
616                        <span class="profileImageSelect" style="font-size: 12px;"><p>Click here to upload photo (size:200kb)</p></span>
617                        <input type="file" class="item-img file center-block form-control ignorethis ignore" accept="image/*" id="userProfile"
618                          name="userProfile" />
619                          <input type="hidden" name="userProfile" value="
6190" id="member_Pht">
620                      </label>
621                    </div>
622                  </div>
623                </div>
624                <div class="form-group col-md-12">
625                  <input  type="checkbox" id="termsAndCond"><a href="/about-us#digitalTranformation" target="_blank"><label style="padding-left:10px;cursor: pointer;" id="labelTerms">I agree to M J Library Rules and Regulations</label></a>
626                </div>
627                <div class="col-md-12">
628                  <input id="selectedSubscription" type="hidden" name="selectedSubscription" value="price_500">
629                </div>
630              </div>
631            </div>
632                <!--div class="col-lg-12 validate-input m-b10 error__btn">
633                  <div class="g-recaptcha" data-sitekey="6LdFCAEaAAAAABwPeDbeovRWfsxVqr40wg9MCBhB"></div>
634                </div--->
635                <div class="col-lg-12 m-b30 error__btn" style="margin-top:20px">
636                  <input id="ru" type="hidden" name="ru" value="">
637                  <font class="change-lang printMembershipData printData" data-lang-value="instruction-355" style="color:blue!important; margin-bottom: 35px;">Note: If you wish to download your filled form, Kindly click of print preview</font>
638                  <a class="btn btn-warning error__btn change-lang printMembershipData" data-lang-value="instruction-219" href="#" id="printData"></a>
639
640                  <button name="submit" type="submit" value="register" class="btn button-md change-lang"
641                    data-lang-value="instruction-37" btn-index="submit"></button>
642                </div>
643              <input type="hidden" name="_csrf" value="9r3iIm5S-I9OSKaAi2X1kRxQBcBsUx-wbvmk">
644          </form>
645
646        </div>
647      </div>
648    </div>
649  </div>
650
651  <!---------Crop Modal Start-------------------->
652<div class="modal fade" id="cropImagePop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
653  <div class="modal-dialog">
654    <div class="modal-content">
655      <div class="modal-header">
656        <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span
657            aria-hidden="true">&times;</span></button>
658        <h4 class="modal-title" id="myModalLabel">
659        </h4>
660      </div>
661      <div class="modal-body">
662        <div id="upload-crop" class="center-block"></div>
663      </div>
664      <div class="modal-footer">
665        <button type="button" id="closeCrop" class="btn btn-default" data-dismiss="modal">Close</button>
666        <button type="button" id="cropImageBtn" class="btn btn-primary">Save</button>
667      </div>
668    </div>
669  </div>
670</div>
671<!---------Modal End-------------------->
672
673<!---------Print Start-------------------->
674<!--div id="printDiv">
675  <p><h4 style="text-decoration: underline;">MJ LIBRARY MEMBERSHIP APPLICATION FORM</h4></p>
676  <img id="previewHeader" width=60 height=40/>
677  <img id="imgProfile" width=60 height=60/>
678  <p><b>First Name              :   </b><span id="firstname-text"></span></p>
679  <p><b>Middle Name              :   </b><span id="middleName-text"></span></p>
680  <p><b>Last Name               :   </b><span id="lastname-text"></span></p>
681  <p><b>Mobile Number           :   </b><span id="mobno-text"></span></p>
682  <p><b>Gender                  :   </b><span id="gender-text"></span></p>
683  <p><b>Father's / Mother's Name:   </b><span id="fatherHusbandName-text"></span></p>
684  <p><b>Education           :   </b><span id="education-text"></span></p>
685  <p><b>Occupation           :   </b><span id="occupation-text"></span></p>
686  <p><b>Any Disability           :   </b><span id="physicallyChallenged-text"></span></p>
687  <p><b>Blood Group           :   </b><span id="bloodGroup-text"></span></p>
688  <p><b>Date of Birth           :   </b><span id="dob-text"></span></p>
689  <p><b>KYC Document            :   </b><span id="kycdoc-text"></span></p>
690  <p><b>KYC Document Number     :   </b><span id="kycDocumentNumber-text"></span></p>
691  <p><b>Address           :   </b><span id="address-text"></span></p>
692  <p><b>Pincode           :   </b><span id="pincode-text"></span></p>
693  <p><b>Membership           :   </b><span id="cat-text"></span></p>
694  <p><b>Branch Code             :   </b><span id="branch-text"></span></p>
695  <p><b>Membership Fee :   </b><span id="sub-text"></span></p>
696</div-->
697
698<!---------Print End-------------------->
699
700
701  <!-- External JavaScripts -->
702
703  <!-- External JavaScripts -->
704  
704<script src="/assets/js/jquery.min.js"></script>
704
705  
705<script type="text/javascript" src="/assets/vendors/bootstrap/js/bootstrap.min.js"></script>
705
706  
706<script src="/assets/js/scripts/jquery.validate.min.js"></script>
706
707  
707<script src="/assets/js/functions.js"></script>
707
708  <!--
708<script src="/assets/frontend/auth/sha256.js"></script>
708-->  
709  
709<script type="text/javascript" src="/assets/js/bootstrap-sweetalert.js"></script>
709
710  
710<script type="text/javascript" src="/assets/frontend/js/app.js"></script>
710
711  
711<script src="/assets/frontend/auth/main.js"></script>
711
712  <link href="/assets/css/select2.min.css" rel="stylesheet" />
713  
713<script src="/assets/js/select2.min.js"></script>
713
714  
714<script src="/assets/js/croppie.js"></script>
714
715  
715<script src="/assets/js/print.js"></script>
715
716  
716<script src="/assets/js/jspdf.js"></script>
716
717  
717<script type="text/javascript" src="/assets/javascript-datepicker/js/lib/moment.js"></script>
717
718  
718<script type="text/javascript" src="/assets/javascript-datepicker/js/cuppa-calendar.js"></script>
718
719
720  
720<script>
721
722  // function view() {
723  //     if($("#dlAndLMS-event").prop("checked") == true){
724  //       $('#lmsRequestData').show();
725  //       $('#lmsUserProfile').show();
726  //       $('.ignorethis').removeClass('ignore');
727  //       $("#registeredWith").val('dlAndLMS')
728  //     }else{
729  //       $('#lmsRequestData').hide();
730  //       $('#lmsUserProfile').hide();
731  //       $('.ignorethis').addClass('ignore');
732  //       $("#registeredWith").val('dl')
733  //     }
734  //   }
735
736    $("#printData").on('click' , function() {
737      var logoImg = app.mjLogoDataURL();
738      var profileImg = $('.gambar').attr("src");
739      var address = ($('#address').val() == '' || $('#address').val() == null) ? '-' : $('#address').val()
740      var doc = new jsPDF('p', 'pt', 'A4');
741      doc.setFontSize(14);
742
743      var title = ($('#title').val() == '' || $('#title').val() == null) ? '-' : $('#title').val()
744      // doc.addImage(logoImg, "PNG", 15, 30, 60, 60);
745      doc.addImage(logoImg, "JPEG", 50, 35, 75, 75);
746      doc.text("MJ LIBRARY MEMBERSHIP APPLICATION FORM", 150, 55);
747      doc.text("ID:- ", 360, 85)
748      doc.text("MJ"+"7212",400, 85)
749      doc.text("Date:- ", 360, 105)
750      doc.text(new Date().toISOString().slice(0,10) +  " " +new Date()
751      .toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: true }), 400, 105)
752      doc.text("Profile", 75, 180);
753      if(profileImg){
754        doc.addImage(profileImg, "JPEG", 200, 140, 60, 60);
755      }else {
756        doc.text("-", 200, 140);
757      }
758      
759      doc.text("First Name :-", 75, 220)
760      doc.text(($('#fullName').val() == '' || $('#fullName').val() == null) ? '-' : $('#fullName').val(), 200, 220)
761      
762      doc.text("Middle Name :-", 75, 240)
763      doc.text(($('#middleName').val() == '' || $('#middleName').val() == null) ? '-' : $('#middleName').val(), 200, 240)
764      
765      doc.text("Last Name :-", 75, 260)
766      doc.text(($('#surname').val() == '' || $('#surname').val() == null) ? '-' : $('#surname').val(), 200, 260)
767      
768      doc.text("Mobile No. :-", 75, 280)
769      doc.text(($('#mobile').val() == '' || $('#mobile').val() == null) ? '-' : $('#mobile').val(), 200, 280)
770
771      doc.text("Gender :-", 75, 300)
772      doc.text($('#gender option:selected').text(), 200, 300)
773
774      doc.text("F/M Name :-", 75, 320)
775      doc.text(($('#fatherHusbandName').val() == '' || $('#fatherHusbandName').val() == null) ? '-' : $('#fatherHusbandName').val(), 200, 320)
776
777      doc.text("Education :-", 75, 340)
778      doc.text($('#education option:selected').text().trim(), 200, 340)
779
780      doc.text("Occupation :-", 75, 360)
781      doc.text($('#occupation option:selected').text(), 200, 360)
782
783      doc.text("Any Disability :-", 75, 380)
784      doc.text($('#physicallyChallenged option:selected').text(), 200, 380)
785
786
787      doc.text("Blood Group :-", 75,400)
788      doc.text($('#bloodGroup option:selected').text(), 200, 400)
789
790      doc.text("Date of Birth :-", 75, 420)
791      doc.text(($('#dob').val() == '' || $('#dob').val() == null) ? '-' : $('#dob').val(), 200, 420)
792
793      doc.text("KYC Document :-", 75, 440)
794      doc.text(($('#documentType').val() == '' || $('#documentType').val() == null) ? '-' : $('#documentType').val(), 200, 440)
795
796      doc.text("KYC Document No.", 75, 460)
797      doc.text(($('#kycDocumentNumber').val() == '' || $('#kycDocumentNumber').val() == null) ? '-' : $('#kycDocumentNumber').val(), 200, 460)
798
799      doc.text("Address :-", 75, 480)
800      if(address.length > 58){
801        var splitedAddress = doc.splitTextToSize(address, 380)
802        doc.text(splitedAddress, 200, 480)
803
804        doc.text("Pincode :-", 75, 520)
805        doc.text(($('#pincode').val() == '' || $('#pincode').val() == null) ? '-' : $('#pincode').val(), 200, 520)
806
807        doc.text("Membership :-", 75, 540)
808        doc.text($('#categorycode option:selected').text(), 200, 540)
809
810        doc.text("Membership Fee :-", 75, 560)
811        doc.text(($('#selectedSubscription').val() == '' || $('#selectedSubscription').val() == null) ? '-' : ($('#selectedSubscription').val() == 'price_500' ? '1500' : '3000'), 200, 560)
812      } else {
813
814        doc.text("Pincode :-", 75, 500)
815        doc.text(($('#pincode').val() == '' || $('#pincode').val() == null) ? '-' : $('#pincode').val(), 200, 500)
816
817        doc.text("Membership :-", 75, 520)
818        doc.text($('#categorycode option:selected').text(), 200, 520)
819
820        doc.text("Membership Fee :-", 75, 540)
821        doc.text(($('#selectedSubscription').val() == '' || $('#selectedSubscription').val() == null) ? '-' : ($('#selectedSubscription').val() == 'price_500' ? '1500' : '3000'), 200, 540)
822      
823      }
824    
825      doc.rect(20,20, 550, 600);
826      doc.save("MJLibrary_Registration_Form");
827      $("#printDiv").hide()
828    })
829
830
831// Start upload preview image
832$(".gambar").attr("src", "/assets/images/default.png");
833  var $uploadCrop,
834    tempFilename,
835    rawImg,
836    imageId;
837
838  function readFile(input) {
839    if (input.files && input.files[0]) {
840      var reader = new FileReader();
841      reader.onload = function (e) {
842        $('.upload-crop').addClass('ready');
843        $('#cropImagePop').modal('show');
844        rawImg = e.target.result;
845      }
846      reader.readAsDataURL(input.files[0]);
847    } else {
848      swal("Sorry - you're browser doesn't support the FileReader API");
849    }
850  }
851
852  $uploadCrop = $('#upload-crop').croppie({
853    viewport: {
854      width: 200,
855      height: 200,
856    },
857    enforceBoundary: false,
858    enableExif: true
859  });
860  $('#cropImagePop').on('shown.bs.modal', function () {
861    $uploadCrop.croppie('bind', {
862      url: rawImg
863    }).then(function () {
864    });
865  });
866  $('.item-img').on('change', function (e) {
867    imageId = $(this).data('id');
868    tempFilename = $(this).val();
869    tempFilename = e.target.files[0].name;
870    $('#member_Pht').val(tempFilename)
871    $('#cancelCropBtn').data('id', imageId);
872    readFile(this);
873  });
874  $('#cropImageBtn').on('click', function (ev) {
875    $uploadCrop.croppie('result', {
876      type: 'base64',
877      format: 'jpeg',
878      size: {
879        width: 200,
880        height: 200
881      }
882    }).then(function (resp) {
883      $('#item-img-output').attr('src', resp);
884      $('#cropImagePop').modal('hide');
885    });
886  });
887  $('#closeCrop').on('click', function(ev){
888    $('#member_Pht').val('')
889    $("#userProfile").val('')
890  });
891
892  $(document).ready(function () {
893      var searchParams = window.location.href;
894      // var memberType = searchParams.get('#');
895      // console.log(searchParams)
896      if(searchParams.includes('#reading')){
897        $("#dlAndReader-event").prop("checked",true)
898        $("#dlAndLMS-event").prop("disabled",true);
899        $("#onlydl-event").prop("disabled",true)
900        $('#dlAndReader-event').trigger('click');
901      }
902      $("#printDiv").hide()
903      $('#filenm').on('change', function (e) {
904        var fileName = $(this).val();
905        fileName = e.target.files[0].name;
906        $('#file_name').val(fileName)
907        $(this).next('.custom-file-label').html(fileName);
908      })
909      $('#filenm1').on('change', function (e) {
910        var fileName = $(this).val();
911        fileName = e.target.files[0].name;
912        $('#file_name1').val(fileName)
913        $(this).next('.custom-file-label').html(fileName);
914      })
915      getURLParamsByName()
916    });
917    $('.select2').select2();
918    $('#registration-form').trigger("reset");
919    $(function () {
920      // $("#fullName").focus().click;
921    });
922    // $('#fullName').focus('');
923    // $(".chooseASubscription").click(function () {
924    //   $('.solutionNewSelected').not($(this).children().children()).removeClass('solutionNewSelected');
925    //   $(this).children().children().addClass('solutionNewSelected');
926    //   $('#selectedSubscription').val($(this).attr('id'));
927    //   //$(".couponcode-submit").removeAttr('disabled');
928    // });
929    app.getAllCategoryCode().done(function (response) {
930      if ($.validateResponse(response)) {
931        var $categorycode = $('#categorycode');
932        if (response.status == true) {
933          var data = response.data;
934          if (data.length > 0) {
935            var option = '<option value="">--Select Membership--</option>';
936            for (var key in data) {
937              if (data[key].categorycode != '' && data[key].categorycode != null) {
938                var category = data[key].categorycode;
939                option += '<option value="' + category + '">' + data[key].description + ' (' + category +
940                  ') </option>';
941              }
942            }
943          //  $categorycode.html(option);
944
945          }
946        } else {
947          $.showValidationMessage(response.message, 'warning')
948        }
949      }
950    })
951    app.getAllBranchCode().done(function (response) {
952      if ($.validateResponse(response)) {
953        var $branchcode = $('#branchcode');
954        if (response.status == true) {
955          var data = response.data;
956          if (data.length > 0) {
957            var option = '<option value="">Select Library</option>';
958            for (var key in data) {
959              if (data[key].branchcode != '' && data[key].branchcode != null) {
960                var branchcode = data[key].branchcode;
961                option += '<option value="' + branchcode + '">' + data[key].branchname + '(' + branchcode +
962                  ') </option>';
963              }
964            }
965            $branchcode.html(option);
966
967          }
968        } else {
969          $.showValidationMessage(response.message, 'warning')
970        }
971      }
972    })
973
974    function getURLParamsByName(){
975        var url = window.location.href;
976        var params = {};
977        var parser = document.createElement('a');
978        parser.href = url;
979        var query = parser.search.substring(1);
980        query = $.base64Decode(query);
981        if(query != ''){
982          var pair = query.split('=');
983          pair[1] = $.base64Decode(pair[1])
984          if(pair[0] == 'option' && pair[1] == 'member'){
985            $("#dlAndLMS-event").prop("checked", true);
986            $('#lmsRequestData').show();
987            $('#lmsUserProfile').show();
988            $('.ignorethis').removeClass('ignore');
989          }
990        } 
991    }
992
993    function setSubscription() {
994      var categoryCode = $("#categorycode").val()
995      $("#chooseYourSub").show();
996      $("#sub_show").show();
997      $('.lmsSubscripton').show();
998      // $('.readerSubscripton').hide();
999      $("#readingMemberInfoBlock").hide();
1000      $("#selectReadingMemberSubscription").hide();
1001      if(categoryCode != '' && categoryCode != null){
1002        if(categoryCode == 'G9' || categoryCode == 'C9') {
1003          $("#annual_500").addClass('solutionNewSelected')
1004          $("#lifetime_1500").removeClass('solutionNewSelected')
1005          $('#selectedSubscription').val('price_500');
1006           $("#anual_500").addClass('col-md-12');
1007          $("#liftime_1500").hide();
1008          $("#anual_500").show();
1009        } else if(categoryCode == 'G1' || categoryCode == 'CH'){
1010          $("#lifetime_1500").addClass('solutionNewSelected')
1011          $("#annual_500").removeClass('solutionNewSelected')
1012          $('#selectedSubscription').val('price_1500');
1013          $("#anual_500").removeClass('col-md-12');
1014          $("#anual_500").hide();
1015          $("#liftime_1500").show();
1016        }
1017      } else {
1018        $("#chooseYourSub").hide();
1019        $("#sub_show").hide();
1020      }
1021    }
1022    $('#dlAndReader-event,#dlAndLMS-event,#onlydl-event').on('click',function(){
1023      // $('#termsAndCond').hide();
1024      $("#chooseYourSub").hide();
1025      $('#printData,.printData').hide();
1026      $('.guanrantorSection').hide(); 
1027      var genderSelect = $('#gender');
1028      genderSelect.empty();
1029      // console.log($("#dlAndLMS-event").prop("checked"),'===============')
1030      if($("#dlAndReader-event").prop("checked") == true){
1031        genderSelect.append(new Option(totalReadingSpace, ""));
1032        genderSelect.append(new Option(totalReadingMaleSpace, "M"));
1033        genderSelect.append(new Option(totalReadingFemaleSpace, "F"));
1034        $('#lmsRequestData').show();
1035        $('#lmsUserProfile').show();
1036        $('.ignorethis').removeClass('ignore');
1037        $('.readerSubScription').show();
1038        $('#guarantorName').addClass('ignore');
1039        $('#guarantorMobile').addClass('ignore');
1040        $('.lmsSubScription').hide();
1041        $('.lmsSubScriptionvisibility').hide();
1042        $('#readercode').removeClass('ignore');
1043        $('#address').removeClass('ignore');
1044        $('#branchcode').addClass('ignore');
1045        $('#categorycode').addClass('ignore');
1046        // $("#registeredWith").val('reader')
1047        showReadingMemberShipSubscription();
1048      }else if($("#dlAndLMS-event").prop("checked") == true){
1049        becomeMJLibraryFormLoad();
1050        setSubscription();
1051      }else{
1052        var genderSelect = $('#gender');
1053         genderSelect.empty();
1054        genderSelect.append(new Option('Select Gender', ""));
1055        genderSelect.append(new Option('Male', "M"));
1056        genderSelect.append(new Option('Female', "F"));
1057        genderSelect.append(new Option('Other', "other"));
1058        $('.ignorethis').addClass('ignore');
1059        $('#lmsRequestData').hide();
1060      }
1061      $('.genderSelect2').select2();
1062    })
1063    function becomeMJLibraryFormLoad(){ 
1064        var genderSelect = $('#gender');
1065        genderSelect.empty();
1066        $('.guanrantorSection').show(); 
1067        $('#lmsRequestData').show(); 
1068        $('#termsAndCond').show();
1069        $('#printData,.printData').show();
1070        $('#lmsUserProfile').show();
1071        $('.ignorethis').removeClass('ignore');
1072        $('.readerSubScription').hide();
1073        $('#guarantorName').removeClass('ignore');
1074        $('#guarantorMobile').removeClass('ignore');
1075        $('.lmsSubScription').show();
1076        $('.lmsSubScriptionvisibility').show();
1077        $('#readercode').addClass('ignore');        
1078        $('#address').removeClass('ignore');
1079        $('totalSpace').html('')
1080        $('totalMaleSpace').html('')
1081        $('totalFemaleSpace').html('')
1082        $('#branchcode').removeClass('ignore');
1083        $('#categorycode').removeClass('ignore');
1084        // $("#registeredWith").val('dl')
1085
1086        genderSelect.append(new Option('Select Gender', ""));
1087        genderSelect.append(new Option('Male', "M"));
1088        genderSelect.append(new Option('Female', "F"));
1089        genderSelect.append(new Option('Other', "other"));
1090        $('.genderSelect2').select2();
1091    }
1092    var btnCust = '';
1093  $.showLoader();
1094  $.hideLoader();
1095  var cal = null;
1096
1097  var document = $('.winkel-calendar')
1098  window.onload = function () {
1099    cal = new WinkelCalendar({
1100      container: 'cuppaDatePickerContainer',
1101      bigBanner: true,
1102      // defaultDate: dob,
1103      format: "DD-MM-YYYY",
1104      onSelect: onDateChange
1105    });
1106    var dob = $('#dob').val();
1107    if (dob != null && dob != "") {
1108      cal.setDate(dob)
1109    } else {
1110      cal.today()
1111    }
1112    
1113  }
1114  $("#occupation").change(function(){
1115        if($(this).find("option:selected").text() == "Others"){
1116            $("#otherjob").show();
1117        }
1118        else{
1119            $("#otherjob").hide();
1120        }
1121  });
1122
1123  function onDateChange(date) {
1124    var currentDate = $('.wc-input').val();
1125    var changeFormat = currentDate.split('-').reverse().join('-')
1126    document.getElementById('dob').value = changeFormat;
1127  }
1128    becomeMJLibraryFormLoad();
1129    function getOtherName(otherDoc){
1130      if(otherDoc=='other'){
1131        $('.otherDocDiv').show()
1132        $('#docName').removeClass('ignore');
1133      }else{
1134        
1135        $('.otherDocDiv').hide()
1136        $('#docName').addClass('ignore');
1137      }
1138
1139    }
1140
1141    function showReadingMemberShipSubscription() {
1142      var readingMemberCode = $("#readercode").val()
1143      $("#selectReadingMemberSubscription").show();
1144      $('.lmsSubscripton').hide();
1145      $('#readingMemberInfoBlock').show();
1146      $("#readingPackageDuration").text("");
1147      $("#readingMemberShipInfo").text("")
1148      if(readingMemberCode != '' && readingMemberCode != null){
1149        if(readingMemberCode === '3M') {
1150          $("#readingPackageDuration").text("3 Months Subscription")
1151          $("#readingMemberShipInfo").text('₹300/- for 3 months')
1152        } else if(readingMemberCode === '6M'){
1153          $("#readingPackageDuration").text("6 Months Subscription")
1154          $("#readingMemberShipInfo").text('₹600/- for 6 months')
1155        }else if(readingMemberCode === '1YEAR'){
1156          $("#readingPackageDuration").text("1 Year Subscription")
1157          $("#readingMemberShipInfo").text('₹1000/- for 1 Year')
1158        }
1159      } else {
1160        $("#selectReadingMemberSubscription").hide();
1161        $("#readingMemberInfoBlock").hide();
1162      }
1163    }
1164  </script>
vendor: 1 bytes, line 1164
1164
1165<script>
1166  $(document).ready(function(e){
1167        var defaultLang = localStorage.getItem('lang')
1168        if(defaultLang == null){
1169            localStorage.setItem('lang' , 'eng')
1170            defaultLang = localStorage.getItem('lang')
1171        }
1172
1173        if(defaultLang == 'guj'){
1174            $('#gujuLanguage').hide();
1175            $('#englishLanguage').show();
1176        }else{
1177            $('#englishLanguage').hide();
1178            $('#gujuLanguage').show();
1179        }
1180        changeContentLanguage();
1181        $('.singleLink').unbind('click').on('click','.langChange',function(){
1182            var lan = $(this).attr('id');
1183            if(lan == 'gujuLanguage'){
1184                $('#englishLanguage').show();
1185                $('#gujuLanguage').hide();
1186                localStorage.setItem('lang' , 'guj')
1187            }else{
1188                $('#gujuLanguage').show();
1189                $('#englishLanguage').hide();
1190                localStorage.setItem('lang' , 'eng')
1191            }
1192            changeContentLanguage();
1193            location.reload();
1194        });
1195        function changeContentLanguage(){
1196            var elements = $('.change-lang');
1197            var lang = localStorage.getItem('lang');
1198            elements.each(function(i , l){
1199            var element = $(l).attr('data-lang-value').trim().toLowerCase();
1200            var contents = content[element][lang];
1201            $(l).html(contents);
1202            })                
1203        }
1204      });
1205</script>
1205
1206</body>
1207
1208</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.