Advertisement
Guest User

Untitled

a guest
Sep 25th, 2017
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 164.89 KB | None | 0 0
  1. <!--page Footer Start-->
  2. <?php $site_general_data = general_settings(); ?>
  3. <?php $site_social_data = social_settings(); ?>
  4. <?php $customerData = $this->session->userdata('customer_data'); ?>
  5. <?php $site_contect_data = contect_settings(); ?>
  6. <?php $allCMS = getAllCMS(); ?>
  7. <?php
  8. $expDate = str_replace("-", "/", $customerData['expire_date']);
  9. // '2017/05/05 11:14:05'
  10. ?>
  11.  
  12. <div class="contact-bar contact-bar-image">
  13. <div class="contact-bar-overlay">
  14. <div class="container">
  15. <div class="row">
  16. <div class="col-md-4 col-xs-12">
  17. <div class="contact-main">
  18. <i class="fa fa-phone"></i>
  19. <div class="contact-detail">
  20. <h4>Call Us On:</h4>
  21. <div class="line-dec"></div>
  22. <span><?php echo $site_contect_data['phone1']; ?></span>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="col-md-4 col-xs-12">
  27. <div class="contact-main">
  28. <i class="fa fa-envelope"></i>
  29. <div class="contact-detail">
  30. <h4>Email Us On:</h4>
  31. <div class="line-dec"></div>
  32. <span><?php echo $site_contect_data['email']; ?></span>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="col-md-4 col-xs-12">
  37. <div class="contact-main">
  38. <i class="fa fa-map-marker"></i>
  39. <div class="contact-detail">
  40. <h4>Find Us On:</h4>
  41. <div class="line-dec"></div>
  42. <span><?php echo $site_contect_data['address1']; ?></span>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50.  
  51.  
  52. <footer class="footer">
  53. <div class="main-footer" data-pg-collapsed>
  54. <div class="container">
  55. <div class="col-xs-12 col-md-4 first-footer">
  56. <div class="footer-item">
  57. <h6>ABOUT Decimus Financial</h6>
  58. <div class="line-dec"></div>
  59. <?php echo nl2br($site_general_data['about_desc']); ?>
  60. </div>
  61. </div>
  62. <div class="col-xs-12 col-md-2 footer-quiklink">
  63. <div class="footer-item">
  64. <h6>Quick Links ?</h6>
  65. <div class="line-dec"></div>
  66. <ul id="menu-services-menu" class="menu">
  67. <?php foreach ($allCMS['resultarr'] as $cms) { ?>
  68. <?php if ($cms->portal == 1 && $cms->status == 1) { ?>
  69. <li>
  70. <a href="<?php echo SITE_URL . "page/" . $cms->slugUrl; ?>"><span>-</span> <?php echo $cms->title; ?></a>
  71. </li>
  72. <?php } ?>
  73. <?php } ?>
  74. <!--li>
  75. <a href="<?php echo SITE_URL . "blog" ?>"><span>-</span> Blog</a>
  76. </li-->
  77. <li>
  78. <a href="<?php echo SITE_URL . "contact" ?>"><span>-</span> Contact Us</a>
  79. </li>
  80. <li>
  81. <a href="#" data-toggle="modal" data-target="#loan-calculater"><span>-</span> EMI Calculator</a>
  82. </li>
  83. </ul>
  84. </div>
  85. </div>
  86. <div class="col-xs-12 col-md-3 contact-us-section">
  87. <div class="footer-item">
  88. <h6>Contact Us</h6>
  89. <div class="line-dec"></div>
  90. <ul id="menu-services-menu" class="menu fotter-address">
  91. <li>
  92. <i class="fa fa-map-marker"></i> <?php echo $site_contect_data['address1']; ?>
  93. </li>
  94. <li>
  95. <i class="fa fa-envelope-o"></i> <?php echo $site_contect_data['email']; ?>
  96. </li>
  97. <li>
  98. <i class="fa fa-mobile"></i> <?php echo $site_contect_data['phone1']; ?>
  99. </li>
  100. </ul>
  101. </div>
  102. </div>
  103. <div class="col-xs-12 col-md-3 last-footer">
  104. <div class="footer-item social">
  105. <h6>GET IN TOUCH</h6>
  106. <div class="line-dec"></div>
  107. <?php foreach ($site_social_data as $key => $value) { ?>
  108. <?php if ($key != 'id') { ?>
  109. <?php if ($value != '') { ?>
  110. <a href="<?php echo $value; ?>" target="_blank"><i class="fa fa-<?php echo $key; ?>"></i></a>
  111. <?php } ?>
  112. <?php } ?>
  113. <?php } ?>
  114. <span><img src="<?php echo asset_url(); ?>uploads/general/1498568464_2019.png" style=" margin-top: -4px;"/></span>
  115. <!---li class="app-icon">
  116. <a href="#" target="_blank"><img src="<?php echo asset_url(); ?>images/google-app.png"/> </a>
  117. <a href="#" target="_blank"><img src="<?php echo asset_url(); ?>images/apple -app.png"/> </a>
  118. </li--->
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="bottom-footer" data-pg-collapsed>
  124. <div class="container">
  125. <div class="row">
  126. <p>© 2017 Decimus Financial. All rights reserved | Design by <a href="http://www.meghrajtechnosoft.com" target="_blank">MeghRaj TechnoSoft</a></p>
  127. </div>
  128. <div class="visiters_count">
  129. <span class="lable_count">Total Visitors: </span><span class="count_value"><?php echo sprintf("%1$02d", getWebsiteCounter()); ?></span>
  130. </div>
  131. </div>
  132. </div>
  133. </footer>
  134. <!----popup---->
  135. <!-- Modal -->
  136.  
  137.  
  138.  
  139. <span class="compare-section">
  140. <div class="modal fade" id="view-to-compare" role="dialog">
  141. <div class="modal-dialog">
  142.  
  143. <!-- Modal content-->
  144. <div class="modal-content popup-content">
  145. <div class="modal-header">
  146. <h4 class="modal-title"> <center><b class="name"></b></center></h4>
  147. <button type="button" class="close close-button" data-dismiss="modal">&times;</button>
  148.  
  149. </div>
  150. <div class="col-md-12">
  151. <div class="col-md-4 pull-left">
  152. <br>
  153. <img src="<?php echo asset_url(); ?>images/service-1.jpg" class="img-responsive car-image" >
  154. <h4 class="popup-title">On road Price,</h4>
  155. <span class="price1" style="font-size:22px;"></span><br>
  156. <span class="description"></span>
  157. </div>
  158. <div class="col-md-8 pull-right">
  159.  
  160. <span><h4 class="popup-title" style="text-align: center; ">KEY SPECIFICATIONS</h4></span>
  161. <div class="col-md-6" >
  162. <br>
  163. <span class="brand"></span><br>
  164. <span class="Model"></span><br>
  165. <span class="emi_offer"></span><br>
  166. <span class="Mileage"></span><br>
  167. <span class="engine_kill_switch"></span></br>
  168. <span class="rpm"></span></br>
  169. <span class="kick_self_start"></span></br>
  170. </div>
  171. <div class="col-md-6" >
  172. <br>
  173. <span class="displacement"></span></br>
  174. <span class="Speedometer"></span></br>
  175. <span class="gear"></span></br>
  176. <span class="bike_type"></span></br>
  177. <span class="brake_horse_power"></span></br>
  178. <span class="engine"></span></br>
  179. </div>
  180. </div>
  181. </div>
  182.  
  183.  
  184. <div class="modal-footer">
  185.  
  186. <button type="button" class="home-btn-view compare_button">Add to Compare </button>
  187. <button type="button" class="home-btn-view main1">Apply Now</button>
  188. <a class="page-scroll" href="#" data-toggle="modal" data-target="#loan-calculater"> <button type="button" class="home-btn-view ">EmI calculator</button></a>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </span>
  194.  
  195.  
  196.  
  197. </div>
  198. </div>
  199. </div>
  200.  
  201. <!-- Modal -->
  202. <div class="modal fade" id="add-to-compare-list" role="dialog">
  203. <div class="modal-dialog modal-sm">
  204. <!-- Modal content-->
  205. <div class="modal-content">
  206. <div class="modal-header">
  207. <button type="button" class="close" data-dismiss="modal">&times;</button>
  208. </div>
  209. <div class="modal-body">
  210. <!--img src="<?php echo asset_url(); ?>images/service-1.jpg" class="img-responsive car-image"-->
  211. <p>You have already <b>added 3 Bikes</b> in compare list.</p>
  212. <a href="<?php echo SITE_URL . "compare" ?>" class="compare-btn"> View Compare List</a>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="modal fade" id="add-to-compare" role="dialog">
  218. <div class="modal-dialog modal-sm">
  219. <!-- Modal content-->
  220. <div class="modal-content">
  221. <div class="modal-header">
  222. <button type="button" class="close" data-dismiss="modal">&times;</button>
  223. </div>
  224.  
  225. <div class="modal-body">
  226. <img src="<?php echo asset_url(); ?>images/service-1.jpg" class="img-responsive car-image">
  227. <p class="compare-lable">You added <b class="car-name">Jaguar XE</b> to your Compare list.</p>
  228. <a href="<?php echo SITE_URL . "compare" ?>" class="compare-btn"> View Compare List</a>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233.  
  234. <!-- Modal -->
  235.  
  236. <!-- loan calculater -->
  237. <div class="modal fade" id="loan-calculater" role="dialog">
  238. <div class="modal-dialog modal-lg">
  239. <div class="modal-content">
  240. <div class="modal-header">
  241. <button type="button" class="close" data-dismiss="modal">&times;</button>
  242. <h4 class="modal-title-calc"> <i class="fa fa-calculator popup-icon" aria-hidden="true"></i> EMI Calculator</h4>
  243. </div>
  244. <div class="modal-body">
  245. <div class="calculater-form">
  246. <div class="panel panel-default form">
  247. <div class="panel-body">
  248. <div class="row form-group hide-emi-click" id="design-first-row">
  249. <div class="col-xs-12 wizard">
  250. <ul class="nav nav-pills nav-justified thumbnail nav-tabs setup-panel">
  251. <li id="step-1-tab" class="active main-step-links" step-id="1" onclick="openStep(1, 'link');"><a href="#step-1">
  252. <span class="emi-icon"></span>
  253. <h4 class="list-group-item-heading">Step 1 of 2</h4>
  254. <p class="list-group-item-text">EMI Calculator</p>
  255. </a></li>
  256. <li id="step-2-tab" class="disabled main-step-links" step-id="2" onclick="openStep(2, 'link');"><a href="#step-2">
  257. <span class="emi-icon"></span>
  258. <h4 class="list-group-item-heading">Step 2 of 2</h4>
  259. <p class="list-group-item-text">Complete Application</p>
  260. </a></li>
  261. <!--li id="step-3-tab" class="disabled main-step-links" step-id="3" onclick="openStep(3, 'link');"><a href="#step-3">
  262. <span class="emi-icon"></span>
  263. <h4 class="list-group-item-heading">Step 3 of 3</h4>
  264. <p class="list-group-item-text">Upload Documents</p>
  265. </a></li-->
  266. </ul>
  267. </div>
  268. </div>
  269. <form id="calculator_form" role="form" method="post" class="stdform margin" name="calculator_form">
  270. <div class="row setup-content" id="step-1">
  271. <div class="col-md-12">
  272. <div class="col-md-12 well ">
  273. <h2 class="text-center hide-emi-click"> EMI Calculator</h2>
  274. <div class="row">
  275. <div class="form-group col-md-6">
  276. <label class="control-label">Date of Birth: <em>*</em></label>
  277. <input type="text" readonly="" class="form-control" id="dob" placeholder="Date of Birth" onchange="age_calculate(this.value)" name="dob"/>
  278. <input type="hidden" id="current_age" name="current_age" value="" />
  279. </div>
  280. <div class="form-group col-md-6">
  281. <label class="control-label" for="fn">Brand: <em>*</em></label>
  282. <select name="brand" id="brand_id" class="form-control " onChange="getmodel_calc(this.value)" >
  283. <option value="">Select Brand</option>
  284. <?php foreach ($brand_data as $detail) { ?>
  285. <option value="<?php echo $detail['id']; ?>"><?php echo $detail['name']; ?></option>
  286. <?php } ?>
  287. </select>
  288. <input type="hidden" name="txt_bike_price" value="" id="txt_bike_price"/>
  289. </div>
  290. <div class="form-group col-md-6">
  291. <label class="control-label" for="fn">Income/No Income Docs: <em>*</em>
  292. <span class="tooltip-custom" data-tooltip-content="#tooltip_income_content">help?</span>
  293. </label>
  294. <select name="doc_status" id="doc_status" class="form-control " onChange="seeincomedoc(this.value)">
  295. <option value="">Select Document Status</option>
  296. <option value="85">Income Docs</option>
  297. <option value="75">No Income Docs</option>
  298. </select>
  299. <div class="tooltip_templates">
  300. <span id="tooltip_income_content">
  301. <ul class="help_text">
  302. <li><h4>Select Income Docs if you have any one of the following documents, else select No Income Docs</h4></li>
  303. <li><h4>Salaried:</h4> Latest Salary slip, Latest Form 16 <br>Latest Income Tax Return Copy (ITR), Latest 3 Months Salary Credit Bank Statement.</li>
  304. <li><h4>Self Employed & Firms:</h4> Latest Income Tax Return Copy (ITR) <br> Income Tax Clearance Certificate (ITCC).</li>
  305. <li><h4>Pensioners:</h4> Pension Payment order or Latest 3 months Bank Statement showing pension credit.</li>
  306. <li><h4>Rental Income:</h4> Rental agreement executed with the tenants or 3 months Bank Statement showing the rental credit.<br> Rent Agreement must be executed before 3 Months from Login Date.</li>
  307. </ul>
  308. </span>
  309. </div>
  310.  
  311. </div>
  312.  
  313. <div class="form-group col-md-6">
  314. <label class="control-label" for="fn">Model: <em>*</em> <span style="margin-left:25px;"><b class="exprice"> </b></span></label>
  315. <select name="brand_model" id="brand_model" class="form-control" onChange="getprice(this.value)">
  316. <option value="">Select Model</option>
  317. </select>
  318. </div>
  319. <div class="form-group col-md-6">
  320. <label class="control-label" for="fn">Residence Type: <em>*</em></label>
  321. <select name="resi_type" id="resi_type" class="form-control">
  322. <option value="">Select Residence Type</option>
  323. <option value="10" rel="1">Owned by Self</option>
  324. <option value="9" rel="2">Owned by Parents</option>
  325. <option value="7" rel="3">Rented with Family</option>
  326. <option value="5" rel="4">Rented with Friends</option>
  327. <option value="5" rel="5">Rented, Staying Alone</option>
  328. <option value="3" rel="6">PG</option>
  329. <option value="2" rel="7">Hostel</option>
  330. <option value="2" rel="8">Accomodation Provided by Company</option>
  331. </select>
  332. </div>
  333.  
  334. <div class="form-group col-md-6">
  335. <label class="control-label" for="fn">Monthly Income: <em>*</em></label>
  336. <input type="text" class="form-control" id="mon_income" placeholder="Monthly Income" name="mon_income" onblur="monthly_saving()">
  337. <input type="hidden" id="mon_saving" name="mon_saving" value=""/>
  338. </div>
  339. <div class="form-group col-md-6">
  340. <label class="control-label" for="fn">Type of Employment: <em>*</em></label>
  341. <select name="toe" id="toe" class="form-control" onchange="get_toc(this.options[this.selectedIndex].getAttribute('rel'));">
  342. <option value="" rel="">Select Type of Employment</option>
  343. <option value="10" rel="1">Salaried</option>
  344. <option value="6" rel="2">Self-Employed Business</option>
  345. <option value="7" rel="3">Self-Empoyed Professional</option>
  346. <option value="3" rel="4">Student</option>
  347. <option value="3" rel="5">Housewife</option>
  348. <option value="5" rel="6">Retired</option>
  349. <option value="5" rel="7">Agriculturist</option>
  350. </select>
  351. </div>
  352. <div class="col-md-6 box-footer">
  353. <button type="submit" name="calculate_submit" value="1" class="btn btn-primary" id="calculate_submit">Calculate</button>
  354. </div>
  355. </div>
  356. <div class="form-group col-md-6" id="price_slider_div" style="display:none;">
  357. <input type="hidden" id="txt_total_loan" name="txt_total_loan" value=""/>
  358. <label class="control-label">Loan Amount: <b class="price"></b><span class="slide_price">60,000.00</span> </label>
  359. <span class="price-slider-section">
  360. <span class="min-price-slider-section"><em class="prange">Min: </em> <b class="price min-slide-price">10,000.00</b></span>
  361. <input id="price_slider" data-slider-id='ex1Slider1' type="text" data-slider-min="10000" data-slider-max="100000" data-slider-step="1000" data-slider-value="60000" class="form-control" style="width:100%;"/>
  362. <span class="max-price-slider-section"><em class="prange">Max: </em> <b class="price max-slide-price">62,000.00</b></span>
  363. </span>
  364. </div>
  365. <div class="form-group col-md-6" id="tenure_slider_div" style="display:none;">
  366. <label class="control-label">Tenure : <span class="slider_tenure"> 36</span> Month(s)</label>
  367. <span class="tenure-slider-section">
  368. <span class="min-tenure-slider-section"><em class="prange">Min: </em> <b class="min-slide-tenure">6</b></span>
  369. <input id="tenure_slider" data-slider-id='ex1Slider2' type="text" data-slider-min="6" data-slider-max="36" data-slider-step="1" data-slider-value="36" class="form-control" style="width:100%;"/>
  370. <span class="max-tenure-slider-section"><em class="prange">Max: </em> <b class="max-slide-tenure">36</b></span>
  371. </span>
  372. </div>
  373. <div class="form-group col-md-6" id="monthly_emi" style="display:none;">
  374. <label class="control-label" >
  375. <span style="color: #2F98C9; font-size: 26px; font-weight:bold; letter-spacing: 2px;">Monthly EMI : <b class="mon_emi price" style="color: #000;">36</b></span>
  376. </label>
  377. </div>
  378. <div class="form-group col-md-12 text-center" id="next_step" style="display:none;">
  379. <label class="control-label" >
  380. <a class="next-step" onclick="next_step_button(2);" href="javascript:void(0);"><span>Your loan has been Pre-approved
  381. proceed to the application form.</span></a>
  382. </label>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. </form>
  388. <form id="check-eligibility" role="form" method="post" class="stdform margin" name="check-eligibility" action="" enctype="multipart/form-data">
  389. <input type="hidden" name="cli_dob" value="" id="cli_dob">
  390. <input type="hidden" name="bike_brand" value="" id="bike_brand">
  391. <input type="hidden" name="bike_model_name" value="" id="bike_model_name">
  392. <input type="hidden" name="bike_ex_price" value="" id="bike_ex_price">
  393. <input type="hidden" name="bike_total_loan_amount" value="" id="bike_total_loan_amount">
  394. <input type="hidden" name="bike_total_tenure" value="" id="bike_total_tenure">
  395. <input type="hidden" name="bike_total_emi" value="" id="bike_total_emi">
  396. <input type="hidden" name="cli_mon_salary" value="" id="cli_mon_salary">
  397. <input type="hidden" name="doc_sta_value" value="" id="doc_sta_value">
  398. <input type="hidden" name="res_tp_rel" value="" id="res_tp_rel">
  399. <input type="hidden" name="toe_rel_vl" value="" id="toe_rel_vl">
  400.  
  401. <div class="row setup-content" id="step-2" style="display:none;"><!--style="display:none;" -->
  402. <div class="col-xs-12">
  403. <div class="col-md-12 well">
  404. <h2 class="text-center"> Complete Application</h2>
  405. <div class="row">
  406. <div class="form-group col-md-12" id="vertical_tab" >
  407. <div class="col-lg-12 bhoechie-tab-container">
  408. <div class="col-lg-3 bhoechie-tab-menu">
  409. <div class="list-group">
  410. <a href="#" class="list-group-item active text-left" id="personal">
  411. <h4 class="glyphicon glyphicon-user"></h4>Personal Information
  412. </a>
  413. <a href="#" class="list-group-item text-left" id="applicant" style="display:none;">
  414. <h4 class="glyphicon glyphicon-education"></h4>Co-Applicant
  415. </a>
  416. <a href="#" class="list-group-item text-left" id="address-link">
  417. <h4 class="glyphicon glyphicon-home"></h4>Address
  418. </a>
  419. </div>
  420. <div class="loan_summary">
  421. <b>Your Loan Summary</b>
  422. <ul>
  423. <li>Showroom Price: <span class="price-vtab price">1,35,000.00</span></li>
  424. <li>Loan Amount: <span class="loan-vtab price">95,000.00</span></li>
  425. <li>Emi: <span class="emi-vtab price">3,200.00</span></li>
  426. <li>Tenure: <span class="tenure-vtab">26</span></li>
  427. </ul>
  428. </div>
  429. </div>
  430. <div class="col-lg-9 bhoechie-tab">
  431. <!-- first section -->
  432. <div class="bhoechie-tab-content active" id="info-ver-tab">
  433. <div class="form-group col-md-12 text-center perdetail">Personal Information</div>
  434. <div class="row">
  435. <div class="form-group col-md-2">
  436. <label class="control-label">Salutation: <em>*</em></label>
  437. <select name="mr" class="form-control">
  438. <option value="1" selected="selected">Mr</option>
  439. <option value="2">Ms</option>
  440. <option value="3">Mrs</option>
  441. <option value="4">Dr</option>
  442. <option value="5">Other</option>
  443. </select>
  444. </div>
  445. <div class="form-group col-md-3">
  446. <label class="control-label">First Name: <em>*</em></label>
  447. <input type="text" class="form-control" id="fname" placeholder="First Name" name="fname"/>
  448. </div>
  449. <div class="form-group col-md-3">
  450. <label class="control-label">Middle Name: </label>
  451. <input type="text" class="form-control" id="mname" placeholder="Middle Name" name="mname"/>
  452. </div>
  453. <div class="form-group col-md-4">
  454. <label class="control-label">Last Name: <em>*</em></label>
  455. <input type="text" class="form-control" id="lname" placeholder="Last Name" name="lname"/>
  456. </div>
  457. </div>
  458. <div class="form-group col-md-6">
  459. <label class="control-label">Father's Name: <em>*</em></label>
  460. <input type="text" class="form-control" id="pname" placeholder="Father Name" name="pname"/>
  461. </div>
  462. <div class="form-group col-md-6">
  463. <label class="control-label">Mother's Name: <em>*</em></label>
  464. <input type="text" class="form-control" id="moname" placeholder="Mother Name" name="moname"/>
  465. </div>
  466. <div class="form-group col-md-4">
  467. <label class="control-label">Gender: <em>*</em></label>
  468. <select name="gender" class="form-control">
  469. <option value="">Select Gender</option>
  470. <option value="1">Male</option>
  471. <option value="2">Female</option>
  472. <option value="3">Third Gender</option>
  473. <option value="4">Trans Gender</option>
  474. </select>
  475. </div>
  476. <div class="form-group col-md-4">
  477. <label class="control-label">Marital status: <em>*</em></label>
  478. <select name="status" class="form-control">
  479. <option value="">Select Status</option>
  480. <option value="1">Married</option>
  481. <option value="2">Un Married</option>
  482. <option value="3">Others</option>
  483. </select>
  484. </div>
  485. <div class="form-group col-md-4">
  486. <label class="control-label">Religion: <em>*</em></label>
  487. <select name="cast" id="cast" class="form-control">
  488. <option value="">Select Religion</option>
  489. <option value="Hindu">Hindu</option>
  490. <option value="Muslim">Muslim</option>
  491. <option value="Christian">Christian</option>
  492. <option value="Sikh">Sikh</option>
  493. <option value="Buddh">Buddh</option>
  494. <option value="Jain">Jain</option>
  495. <option value="Zoroastrian">Zoroastrian</option>
  496. <option value="Juda">Juda</option>
  497.  
  498. </select>
  499. </div>
  500. <div class="form-group col-md-6">
  501. <label class="control-label">Email: <em>*</em></label>
  502. <input type="text" class="form-control" id="email" placeholder="Email Address" name="email"/>
  503. </div>
  504. <div class="form-group col-md-6">
  505. <label class="control-label">Educational Qualification :</label>
  506. <select name="edu" class="form-control">
  507. <option value="">Select Education</option>
  508. <option>Undergraduate</option>
  509. <option>Graduate</option>
  510. <option>Post Graduate</option>
  511. <option>Professional</option>
  512. <option>Others</option>
  513. </select>
  514. </div>
  515. <div class="form-group col-md-6">
  516. <label class="control-label">Phone No: <em>*</em></label>
  517. <input type="text" class="form-control" id="phone" placeholder="Phone No" name="phone"/>
  518. </div>
  519. <div class="form-group col-md-6">
  520. <label class="control-label">Aadhaar Card No: <em>*</em></label>
  521. <input type="text" class="form-control" id="aadhar" placeholder="Aadhar No" name="aadhar"/>
  522. </div>
  523. <div class="form-group col-md-6">
  524. <label class="control-label">PAN Card No:</label>
  525. <input type="text" class="form-control" id="pancd" placeholder="Pan No" name="pancd"/>
  526. </div>
  527. <div class="form-group col-md-6">
  528. <label class="control-label">No. of Dependents: <em>*</em></label>
  529. <input type="text" class="form-control" id="nod" placeholder="No. of Dependents" name="nod"/>
  530. </div>
  531. <div class="form-group col-md-12" id="rent-no-view">
  532. <label class="control-label">From how long you are living in your current residence(in months): <em>*</em></label>
  533. <input type="text" class="form-control" id="no-rent" placeholder="From how long you are living in your current residence(in months)" name="no_rent"/>
  534. </div>
  535.  
  536. <div class="form-group col-md-6">
  537. <label class="control-label">Type of Customer: <em>*</em></label>
  538. <select name="toc" id="toc" class="form-control" onChange="get_toc(this.value);">
  539. <option value="">Type of Customer</option>
  540. <option value="1">Salaried</option>
  541. <option value="2">Self-Employed Business</option>
  542. <option value="3">Self-Employed Professional</option>
  543. <option value="4">Student</option>
  544. <option value="5">Housewife</option>
  545. <option value="6">Retired</option>
  546. <option value="7">Agriculturist</option>
  547. </select>
  548. </div>
  549. <div id="Salaried" style="display:none;">
  550. <div class="form-group col-md-6">
  551. <label class="control-label">Work Experience: <em>*</em><span class="wrk-exp">(ex. 1.5 years is 1 year 6 months)</span></label>
  552. <input type="text" class="form-control" id="workexper" placeholder="Work Experience" name="workexper"/>
  553. </div>
  554. <div class="form-group col-md-6">
  555. <label class="control-label">Organization Name: <em>*</em></label>
  556. <input type="text" class="form-control" id="empname" placeholder="Organization Name" name="empname"/>
  557. </div>
  558. <div class="form-group col-md-6">
  559. <label class="control-label">Monthly Salary: <em>*</em></label>
  560. <input type="text" class="form-control" id="monsal" placeholder="Monthly Salary" name="monsal"/>
  561. </div>
  562. </div>
  563. <div id="Self-emp-bus" style="display:none;">
  564. <div class="form-group col-md-6">
  565. <label class="control-label">Type of Company: <em>*</em></label>
  566. <select name="tocmpn" id="tocmpn" class="form-control">
  567. <option value="">Type of Company</option>
  568. <option>Propreitorship</option>
  569. <option>Partnership</option>
  570. <option>Pvt.Limited Company</option>
  571. </select>
  572. </div>
  573. <div class="form-group col-md-6">
  574. <label class="control-label">Start Date of Business: <em>*</em></label>
  575. <input type="text" class="form-control" id="sdob" placeholder="Start Date of Business" name="sdob" readonly/>
  576. </div>
  577. <div class="form-group col-md-6">
  578. <label class="control-label">Last Year's PAT as per ITR: <em>*</em><span class="wrk-exp">(in rupees)</span></label>
  579. <input type="text" class="form-control" id="lstyritr" placeholder="Last Year's PAT as per ITR" name="lstyritr"/>
  580. </div>
  581. </div>
  582. <div id="Self-emp-prfsnl" style="display:none;">
  583. <div class="form-group col-md-6">
  584. <label class="control-label">Profession: <em>*</em></label>
  585. <select name="prfsnl" id="prfsnl" class="form-control">
  586. <option value="">Profession</option>
  587. <option>Architect</option>
  588. <option>Charetered Accountant</option>
  589. <option>Consultant</option>
  590. <option>Dentist</option>
  591. <option>Doctor</option>
  592. <option>Engineer</option>
  593. <option>Lawyer</option>
  594. <option>Others</option>
  595. </select>
  596. </div>
  597. <div class="form-group col-md-6">
  598. <label class="control-label">Start Date of Profession: <em>*</em></label>
  599. <input type="text" class="form-control" id="sdop" placeholder="Start Date of Profession" name="sdop" readonly/>
  600. </div>
  601. <div class="form-group col-md-6">
  602. <label class="control-label">Last Year's PAT as per ITR: <em>*</em><span class="wrk-exp">(in rupees)</span></label>
  603. <input type="text" class="form-control" id="lstprfsnl" placeholder="Last Year's PAT as per ITR" name="lstprfsnl"/>
  604. </div>
  605. </div>
  606. <div class="form-group col-md-6" id="pension" style="display:none;">
  607. <label class="control-label">Monthly Pension: <em>*</em></label>
  608. <input type="text" class="form-control" id="mon_pen" placeholder="Monthly Pension" name="mon_pen"/>
  609. </div>
  610. <div class="form-group col-md-6" id="Agricultur" style="display:none;">
  611. <label class="control-label">Annual Income: <em>*</em></label>
  612. <input type="text" class="form-control" id="anl_incm" placeholder="Annual Income" name="anl_incm"/>
  613. </div>
  614. <div class="form-group col-md-12 text-left" id="btn-next">
  615. <button type="submit" class="form-control next-step" name="submit">Next</button>
  616. </div>
  617. </div>
  618. <!-- middle section -->
  619. <div class="bhoechie-tab-content" id="app-ver-tab">
  620. <div class="form-group col-md-12 text-center perdetail">Co-Applicant Personal Information</div>
  621. <div class="row">
  622. <div class="form-group col-md-2">
  623. <label class="control-label">Salutation: <em>*</em></label>
  624. <select name="app_mr" class="form-control">
  625. <option value="1" selected="selected">Mr</option>
  626. <option value="2">Ms</option>
  627. <option value="3">Mrs</option>
  628. <option value="4">Dr</option>
  629. <option value="5">Other</option>
  630. </select>
  631. </div>
  632. <div class="form-group col-md-3">
  633. <label class="control-label">First Name: <em>*</em></label>
  634. <input type="text" class="form-control" id="app_fname" placeholder="First Name" name="app_fname"/>
  635. </div>
  636. <div class="form-group col-md-3">
  637. <label class="control-label">Middle Name:</label>
  638. <input type="text" class="form-control" id="app_mname" placeholder="Middle Name" name="app_mname"/>
  639. </div>
  640. <div class="form-group col-md-4">
  641. <label class="control-label">Last Name: <em>*</em></label>
  642. <input type="text" class="form-control" id="app_lname" placeholder="Last Name" name="app_lname"/>
  643. </div>
  644. </div>
  645. <div class="form-group col-md-6">
  646. <label class="control-label">Father's Name: <em>*</em></label>
  647. <input type="text" class="form-control" id="app_pname" placeholder="Father Name" name="app_pname"/>
  648. </div>
  649. <div class="form-group col-md-6">
  650. <label class="control-label">Mother's Name: <em>*</em></label>
  651. <input type="text" class="form-control" id="app_moname" placeholder="Mother Name" name="app_moname"/>
  652. </div>
  653. <div class="form-group col-md-4">
  654. <label class="control-label">Gender: <em>*</em></label>
  655. <select name="app_gender" class="form-control">
  656. <option value="">Select Gender</option>
  657. <option value="1">Male</option>
  658. <option value="2">Female</option>
  659. <option value="3">Third Gender</option>
  660. <option value="4">Trans Gender</option>
  661. </select>
  662. </div>
  663. <div class="form-group col-md-4">
  664. <label class="control-label">Marital status: <em>*</em></label>
  665. <select name="app_status" class="form-control">
  666. <option value="">Select Status</option>
  667. <option value="1">Married</option>
  668. <option value="2">Un Married</option>
  669. <option value="3">Others</option>
  670. </select>
  671. </div>
  672. <div class="form-group col-md-4">
  673. <label class="control-label">Religion: <em>*</em></label>
  674. <select name="app_cast" class="form-control">
  675. <option value="">Select Religion</option>
  676. <option value="Hindu">Hindu</option>
  677. <option value="Muslim">Muslim</option>
  678. <option value="Christian">Christian</option>
  679. <option value="Sikh">Sikh</option>
  680. <option value="Buddh">Buddh</option>
  681. <option value="Jain">Jain</option>
  682. <option value="Zoroastrian">Zoroastrian</option>
  683. <option value="Juda">Juda</option>
  684. </select>
  685. </div>
  686. <div class="form-group col-md-6">
  687. <label class="control-label">Email: <em>*</em></label>
  688. <input type="text" class="form-control" id="app_email" placeholder="Email Address" name="app_email"/>
  689. </div>
  690. <div class="form-group col-md-6">
  691. <label class="control-label">Phone No: <em>*</em></label>
  692. <input type="text" class="form-control" id="app_phone" placeholder="Phone No" name="app_phone"/>
  693. </div>
  694. <div class="form-group col-md-6">
  695. <label class="control-label">Aadhaar Card No: <em>*</em></label>
  696. <input type="text" class="form-control" id="app_aadhar" placeholder="Aadhar No" name="app_aadhar"/>
  697. </div>
  698. <div class="form-group col-md-6">
  699. <label class="control-label">PAN Card No:</label>
  700. <input type="text" class="form-control" id="app_pancd" placeholder="Pan No" name="app_pancd"/>
  701. </div>
  702. <div class="form-group col-md-6">
  703. <label class="control-label">No. of Dependents: <em>*</em></label>
  704. <input type="text" class="form-control" id="app_nod" placeholder="No. of Dependents" name="app_nod"/>
  705. </div>
  706. <div class="form-group col-md-6">
  707. <label class="control-label">Type of Applicant: <em>*</em></label>
  708. <select name="app_toc" id="app_toc" class="form-control" onChange="app_get_toc(this.value);">
  709. <option value="">Type of Applicant</option>
  710. <option value="1">Salaried</option>
  711. <option value="2">Self-Employed Business</option>
  712. <option value="3">Self-Employed Professional</option>
  713. </select>
  714. </div>
  715. <div id="app-Salaried" style="display:none;">
  716. <div class="form-group col-md-6">
  717. <label class="control-label">Work Experience: <em>*</em><span class="wrk-exp">(ex. 1.5 years is 1 year 6 months)</span></label>
  718. <input type="text" class="form-control" id="app_workexper" placeholder="Work Experience" name="app_workexper"/>
  719. </div>
  720. <div class="form-group col-md-6">
  721. <label class="control-label">Organization Name: <em>*</em></label>
  722. <input type="text" class="form-control" id="app_empname" placeholder="Organization Name" name="app_empname"/>
  723. </div>
  724. <div class="form-group col-md-6">
  725. <label class="control-label">Monthly Salary: <em>*</em></label>
  726. <input type="text" class="form-control" id="app_monsal" placeholder="Monthly Salary" name="app_monsal"/>
  727. </div>
  728. </div>
  729. <div id="app-Self-emp-bus" style="display:none;">
  730. <div class="form-group col-md-6">
  731. <label class="control-label">Type of Company: <em>*</em></label>
  732. <select name="app_tocmpn" id="app_tocmpn" class="form-control">
  733. <option value="">Type of Company</option>
  734. <option>Propreitorship</option>
  735. <option>Partnership</option>
  736. <option>Pvt.Limited Company</option>
  737. </select>
  738. </div>
  739. <div class="form-group col-md-6">
  740. <label class="control-label">Start Date of Business: <em>*</em></label>
  741. <input type="text" class="form-control" id="app_sdob" placeholder="Start Date of Business" name="app_sdob" readonly/>
  742. </div>
  743. <div class="form-group col-md-6">
  744. <label class="control-label">Last Year's PAT as per ITR: <em>*</em><span class="wrk-exp">(in rupees)</span></label>
  745. <input type="text" class="form-control" id="app_lstyritr" placeholder="Last Year's PAT as per ITR" name="app_lstyritr"/>
  746. </div>
  747. </div>
  748. <div id="app-Self-emp-prfsnl" style="display:none;">
  749. <div class="form-group col-md-6">
  750. <label class="control-label">Profession: <em>*</em></label>
  751. <select name="app_prfsnl" id="app_prfsnl" class="form-control">
  752. <option value="">Profession</option>
  753. <option>Architect</option>
  754. <option>Charetered Accountant</option>
  755. <option>Consultant</option>
  756. <option>Dentist</option>
  757. <option>Doctor</option>
  758. <option>Engineer</option>
  759. <option>Lawyer</option>
  760. <option>Others</option>
  761. </select>
  762. </div>
  763. <div class="form-group col-md-6">
  764. <label class="control-label">Start Date of Profession: <em>*</em></label>
  765. <input type="text" class="form-control" id="app_sdop" placeholder="Start Date of Profession" name="app_sdop" readonly/>
  766. </div>
  767. <div class="form-group col-md-6">
  768. <label class="control-label">Last Year's PAT as per ITR: <em>*</em><span class="wrk-exp">(in rupees)</span></label>
  769. <input type="text" class="form-control" id="app_lstprfsnl" placeholder="Last Year's PAT as per ITR" name="app_lstprfsnl"/>
  770. </div>
  771. </div>
  772. <div class="form-group col-md-12 text-left" id="btn-next-add">
  773. <button type="submit" class="form-control next-step" name="submit">Next</button>
  774. </div>
  775. </div>
  776. <!-- third section -->
  777. <div class="bhoechie-tab-content" id="add-ver-tab">
  778. <div class="form-group col-md-12 text-center perdetail">Personal Address</div>
  779. <div class="row text-center">
  780. <span class="same-add">
  781. <input type="checkbox" value="1" id="same_address"> Same as Residential Address.
  782. </span>
  783. </div>
  784. <div class="form-group col-md-4">
  785. <label class="control-label ra-text">Residential Address</label><br/>
  786. <label class="control-label">Address: <em>*</em></label>
  787. <textarea name="raddress" id="raddress" class="form-control" placeholder="Address"></textarea>
  788.  
  789. <div class="form-group-state">
  790. <label class="control-label">State: <em>*</em></label>
  791. <select name="rstate" id="rstate" class="form-control">
  792. <option value="">Select State</option>
  793. <option value="Andhra Pradesh">Andhra Pradesh</option>
  794. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  795. <option value="Assam">Assam</option>
  796. <option value="Bihar">Bihar</option>
  797. <option value="Chhattisgarh">Chhattisgarh</option>
  798. <option value="Goa">Goa</option>
  799. <option value="Gujarat">Gujarat </option>
  800. <option value="Haryana">Haryana</option>
  801. <option value="Himachal Pradesh">Himachal Pradesh</option>
  802. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  803. <option value="Jharkhand">Jharkhand</option>
  804. <option value="Karnataka">Karnataka</option>
  805. <option value="Kerala">Kerala</option>
  806. <option value="Madhya Pradesh">Madhya Pradesh</option>
  807. <option value="Maharashtra">Maharashtra</option>
  808. <option value="Manipur">Manipur</option>
  809. <option value="Meghalaya">Meghalaya</option>
  810. <option value="Mizoram">Mizoram</option>
  811. <option value="Nagaland">Nagaland</option>
  812. <option value="New Delhi">New Delhi</option>
  813. <option value="Odisha">Odisha</option>
  814. <option value="Punjab">Punjab</option>
  815. <option value="Rajasthan">Rajasthan</option>
  816. <option value="Sikkim">Sikkim</option>
  817. <option value="Tamil Nadu">Tamil Nadu</option>
  818. <option value="Telangana">Telangana</option>
  819. <option value="Tripura">Tripura</option>
  820. <option value="Uttarakhand">Uttarakhand</option>
  821. <option value="Uttar Pradesh">Uttar Pradesh</option>
  822. <option value="West Bengal">West Bengal</option>
  823. </select>
  824. </div>
  825. <div class="form-group">
  826. <label class="control-label">City: <em>*</em></label>
  827. <input type="text" class="form-control" id="rcity" placeholder="City" name="rcity"/>
  828. </div>
  829. <div class="form-group">
  830. <label class="control-label">Pincode: <em>*</em></label>
  831. <input type="text" class="form-control" id="rpin" placeholder="Pincode" name="rpin"/>
  832. </div>
  833. </div>
  834. <div class="form-group col-md-4">
  835. <label class="control-label pa-text">Permanent Address</label><br/>
  836. <label class="control-label">Address: <em>*</em></label>
  837. <textarea name="paddress" id="paddress" class="form-control" placeholder="Address"></textarea>
  838. <div class="form-group-state">
  839. <label class="control-label">State: <em>*</em></label>
  840. <select name="pstate" id="pstate" class="form-control">
  841. <option value="">Select State</option>
  842. <option value="Andhra Pradesh">Andhra Pradesh</option>
  843. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  844. <option value="Assam">Assam</option>
  845. <option value="Bihar">Bihar</option>
  846. <option value="Chhattisgarh">Chhattisgarh</option>
  847. <option value="Goa">Goa</option>
  848. <option value="Gujarat">Gujarat </option>
  849. <option value="Haryana">Haryana</option>
  850. <option value="Himachal Pradesh">Himachal Pradesh</option>
  851. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  852. <option value="Jharkhand">Jharkhand</option>
  853. <option value="Karnataka">Karnataka</option>
  854. <option value="Kerala">Kerala</option>
  855. <option value="Madhya Pradesh">Madhya Pradesh</option>
  856. <option value="Maharashtra">Maharashtra</option>
  857. <option value="Manipur">Manipur</option>
  858. <option value="Meghalaya">Meghalaya</option>
  859. <option value="Mizoram">Mizoram</option>
  860. <option value="Nagaland">Nagaland</option>
  861. <option value="New Delhi">New Delhi</option>
  862. <option value="Odisha">Odisha</option>
  863. <option value="Punjab">Punjab</option>
  864. <option value="Rajasthan">Rajasthan</option>
  865. <option value="Sikkim">Sikkim</option>
  866. <option value="Tamil Nadu">Tamil Nadu</option>
  867. <option value="Telangana">Telangana</option>
  868. <option value="Tripura">Tripura</option>
  869. <option value="Uttarakhand">Uttarakhand</option>
  870. <option value="Uttar Pradesh">Uttar Pradesh</option>
  871. <option value="West Bengal">West Bengal</option>
  872. </select>
  873. </div>
  874. <div class="form-group">
  875. <label class="control-label">City: <em>*</em></label>
  876. <input type="text" class="form-control" id="pcity" placeholder="City" name="pcity"/>
  877. </div>
  878. <div class="form-group">
  879. <label class="control-label">Pincode: <em>*</em></label>
  880. <input type="text" class="form-control" id="ppin" placeholder="Pincode" name="ppin"/>
  881. </div>
  882. </div>
  883. <div class="form-group col-md-4">
  884. <label class="control-label ra-text">Office Address</label><br/>
  885. <label class="control-label">Address: <em>*</em></label>
  886. <textarea name="oaddress" id="oaddress" class="form-control" placeholder="Address"></textarea>
  887. <div class="form-group-state">
  888. <label class="control-label">State: <em>*</em></label>
  889. <select name="ostate" id="ostate" class="form-control">
  890. <option value="">Select State</option>
  891. <option value="Andhra Pradesh">Andhra Pradesh</option>
  892. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  893. <option value="Assam">Assam</option>
  894. <option value="Bihar">Bihar</option>
  895. <option value="Chhattisgarh">Chhattisgarh</option>
  896. <option value="Goa">Goa</option>
  897. <option value="Gujarat">Gujarat </option>
  898. <option value="Haryana">Haryana</option>
  899. <option value="Himachal Pradesh">Himachal Pradesh</option>
  900. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  901. <option value="Jharkhand">Jharkhand</option>
  902. <option value="Karnataka">Karnataka</option>
  903. <option value="Kerala">Kerala</option>
  904. <option value="Madhya Pradesh">Madhya Pradesh</option>
  905. <option value="Maharashtra">Maharashtra</option>
  906. <option value="Manipur">Manipur</option>
  907. <option value="Meghalaya">Meghalaya</option>
  908. <option value="Mizoram">Mizoram</option>
  909. <option value="Nagaland">Nagaland</option>
  910. <option value="New Delhi">New Delhi</option>
  911. <option value="Odisha">Odisha</option>
  912. <option value="Punjab">Punjab</option>
  913. <option value="Rajasthan">Rajasthan</option>
  914. <option value="Sikkim">Sikkim</option>
  915. <option value="Tamil Nadu">Tamil Nadu</option>
  916. <option value="Telangana">Telangana</option>
  917. <option value="Tripura">Tripura</option>
  918. <option value="Uttarakhand">Uttarakhand</option>
  919. <option value="Uttar Pradesh">Uttar Pradesh</option>
  920. <option value="West Bengal">West Bengal</option>
  921. </select>
  922. </div>
  923. <div class="form-group">
  924. <label class="control-label">City: <em>*</em></label>
  925. <input type="text" class="form-control" id="ocity" placeholder="City" name="ocity"/>
  926. </div>
  927.  
  928. <div class="form-group">
  929. <label class="control-label">Pincode: <em>*</em></label>
  930. <input type="text" class="form-control" id="opin" placeholder="Pincode" name="opin"/>
  931. </div>
  932. </div>
  933.  
  934. <div id="app-address" style="display:none;">
  935. <div class="form-group col-md-12 text-center perdetail">Co-Applicant Address</div>
  936. <div class="row text-center">
  937. <span class="same-add">
  938. <input type="checkbox" value="1" id="app_same_address"> Same as Residential Address.
  939. </span>
  940. </div>
  941. <div class="form-group col-md-4">
  942. <label class="control-label ra-text">Residential Address</label><br/>
  943. <label class="control-label">Address: <em>*</em></label>
  944. <textarea name="app_raddress" id="app_raddress" class="form-control" placeholder="Address"></textarea>
  945.  
  946. <div class="form-group-state">
  947. <label class="control-label">State: <em>*</em></label>
  948. <select name="app_rstate" id="app_rstate" class="form-control">
  949. <option value="">Select State</option>
  950. <option value="Andhra Pradesh">Andhra Pradesh</option>
  951. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  952. <option value="Assam">Assam</option>
  953. <option value="Bihar">Bihar</option>
  954. <option value="Chhattisgarh">Chhattisgarh</option>
  955. <option value="Goa">Goa</option>
  956. <option value="Gujarat">Gujarat </option>
  957. <option value="Haryana">Haryana</option>
  958. <option value="Himachal Pradesh">Himachal Pradesh</option>
  959. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  960. <option value="Jharkhand">Jharkhand</option>
  961. <option value="Karnataka">Karnataka</option>
  962. <option value="Kerala">Kerala</option>
  963. <option value="Madhya Pradesh">Madhya Pradesh</option>
  964. <option value="Maharashtra">Maharashtra</option>
  965. <option value="Manipur">Manipur</option>
  966. <option value="Meghalaya">Meghalaya</option>
  967. <option value="Mizoram">Mizoram</option>
  968. <option value="Nagaland">Nagaland</option>
  969. <option value="New Delhi">New Delhi</option>
  970. <option value="Odisha">Odisha</option>
  971. <option value="Punjab">Punjab</option>
  972. <option value="Rajasthan">Rajasthan</option>
  973. <option value="Sikkim">Sikkim</option>
  974. <option value="Tamil Nadu">Tamil Nadu</option>
  975. <option value="Telangana">Telangana</option>
  976. <option value="Tripura">Tripura</option>
  977. <option value="Uttarakhand">Uttarakhand</option>
  978. <option value="Uttar Pradesh">Uttar Pradesh</option>
  979. <option value="West Bengal">West Bengal</option>
  980. </select>
  981. </div>
  982.  
  983. <div class="form-group">
  984. <label class="control-label">City: <em>*</em></label>
  985. <input type="text" class="form-control" id="app_rcity" placeholder="City" name="app_rcity"/>
  986. </div>
  987.  
  988. <div class="form-group">
  989. <label class="control-label">Pincode: <em>*</em></label>
  990. <input type="text" class="form-control" id="app_rpin" placeholder="Pincode" name="app_rpin"/>
  991. </div>
  992. </div>
  993.  
  994. <div class="form-group col-md-4">
  995. <label class="control-label pa-text">Permanent Address</label><br/>
  996. <label class="control-label">Address: <em>*</em></label>
  997. <textarea name="app_paddress" id="app_paddress" class="form-control" placeholder="Address"></textarea>
  998.  
  999. <div class="form-group-state">
  1000. <label class="control-label">State: <em>*</em></label>
  1001. <select name="app_pstate" id="app_pstate" class="form-control">
  1002. <option value="">Select State</option>
  1003. <option value="Andhra Pradesh">Andhra Pradesh</option>
  1004. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  1005. <option value="Assam">Assam</option>
  1006. <option value="Bihar">Bihar</option>
  1007. <option value="Chhattisgarh">Chhattisgarh</option>
  1008. <option value="Goa">Goa</option>
  1009. <option value="Gujarat">Gujarat </option>
  1010. <option value="Haryana">Haryana</option>
  1011. <option value="Himachal Pradesh">Himachal Pradesh</option>
  1012. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  1013. <option value="Jharkhand">Jharkhand</option>
  1014. <option value="Karnataka">Karnataka</option>
  1015. <option value="Kerala">Kerala</option>
  1016. <option value="Madhya Pradesh">Madhya Pradesh</option>
  1017. <option value="Maharashtra">Maharashtra</option>
  1018. <option value="Manipur">Manipur</option>
  1019. <option value="Meghalaya">Meghalaya</option>
  1020. <option value="Mizoram">Mizoram</option>
  1021. <option value="Nagaland">Nagaland</option>
  1022. <option value="New Delhi">New Delhi</option>
  1023. <option value="Odisha">Odisha</option>
  1024. <option value="Punjab">Punjab</option>
  1025. <option value="Rajasthan">Rajasthan</option>
  1026. <option value="Sikkim">Sikkim</option>
  1027. <option value="Tamil Nadu">Tamil Nadu</option>
  1028. <option value="Telangana">Telangana</option>
  1029. <option value="Tripura">Tripura</option>
  1030. <option value="Uttarakhand">Uttarakhand</option>
  1031. <option value="Uttar Pradesh">Uttar Pradesh</option>
  1032. <option value="West Bengal">West Bengal</option>
  1033. </select>
  1034. </div>
  1035. <div class="form-group">
  1036. <label class="control-label">City: <em>*</em></label>
  1037. <input type="text" class="form-control" id="app_pcity" placeholder="City" name="app_pcity"/>
  1038. </div>
  1039. <div class="form-group">
  1040. <label class="control-label">Pincode: <em>*</em></label>
  1041. <input type="text" class="form-control" id="app_ppin" placeholder="Pincode" name="app_ppin"/>
  1042. </div>
  1043. </div>
  1044.  
  1045. <div class="form-group col-md-4">
  1046. <label class="control-label ra-text">Office Address</label><br/>
  1047. <label class="control-label">Address: <em>*</em></label>
  1048. <textarea name="app_oaddress" id="app_oaddress" class="form-control" placeholder="Address"></textarea>
  1049.  
  1050. <div class="form-group-state">
  1051. <label class="control-label">State: <em>*</em></label>
  1052. <select name="app_ostate" id="app_ostate" class="form-control">
  1053. <option value="">Select State</option>
  1054. <option value="Andhra Pradesh">Andhra Pradesh</option>
  1055. <option value="Arunachal Pradesh">Arunachal Pradesh</option>
  1056. <option value="Assam">Assam</option>
  1057. <option value="Bihar">Bihar</option>
  1058. <option value="Chhattisgarh">Chhattisgarh</option>
  1059. <option value="Goa">Goa</option>
  1060. <option value="Gujarat">Gujarat </option>
  1061. <option value="Haryana">Haryana</option>
  1062. <option value="Himachal Pradesh">Himachal Pradesh</option>
  1063. <option value="Jammu & Kashmir">Jammu & Kashmir</option>
  1064. <option value="Jharkhand">Jharkhand</option>
  1065. <option value="Karnataka">Karnataka</option>
  1066. <option value="Kerala">Kerala</option>
  1067. <option value="Madhya Pradesh">Madhya Pradesh</option>
  1068. <option value="Maharashtra">Maharashtra</option>
  1069. <option value="Manipur">Manipur</option>
  1070. <option value="Meghalaya">Meghalaya</option>
  1071. <option value="Mizoram">Mizoram</option>
  1072. <option value="Nagaland">Nagaland</option>
  1073. <option value="New Delhi">New Delhi</option>
  1074. <option value="Odisha">Odisha</option>
  1075. <option value="Punjab">Punjab</option>
  1076. <option value="Rajasthan">Rajasthan</option>
  1077. <option value="Sikkim">Sikkim</option>
  1078. <option value="Tamil Nadu">Tamil Nadu</option>
  1079. <option value="Telangana">Telangana</option>
  1080. <option value="Tripura">Tripura</option>
  1081. <option value="Uttarakhand">Uttarakhand</option>
  1082. <option value="Uttar Pradesh">Uttar Pradesh</option>
  1083. <option value="West Bengal">West Bengal</option>
  1084. </select>
  1085. </div>
  1086.  
  1087. <div class="form-group">
  1088. <label class="control-label">City: <em>*</em></label>
  1089. <input type="text" class="form-control" id="app_ocity" placeholder="City" name="app_ocity"/>
  1090. </div>
  1091.  
  1092. <div class="form-group">
  1093. <label class="control-label">Pincode: <em>*</em></label>
  1094. <input type="text" class="form-control" id="app_opin" placeholder="Pincode" name="app_opin"/>
  1095. </div>
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100. </div>
  1101. <div class="form-group col-md-12 text-left" id="btn-next-add">
  1102. <button type="submit" class="form-control next-step" name="submit">Next</button>
  1103. <?php // onclick="next_declare();" ?>
  1104. </div>
  1105. </div>
  1106. </div>
  1107. </div>
  1108. </div>
  1109. </div>
  1110. </div>
  1111. </div>
  1112. </div>
  1113. </form>
  1114. <form id="upload-documents" role="form" method="post" class="stdform margin" name="upload-documents" action="<?php echo SITE_URL;?>eli_criteria/upload_documents/" enctype="multipart/form-data">
  1115. <input type="hidden" name="last_id" value="" id="last_id">
  1116. <div id="loadingimg" class="row text-center" style="display:none;"><img src="<?php echo SITE_URL.'assets/images/loading.gif';?>" /></div>
  1117. <div id="success-msg" style='display:none'>
  1118. <span class="line_1"><img src="<?php echo SITE_URL.'assets/images/congrates.png';?>" /></span>
  1119. <span class="line_1" style="margin-top:5px;">Your Application Submited Successfully.</span>
  1120. </div>
  1121. <div class="row setup-content" id="step-3" style="display:none;"><!--style="display:none;"-->
  1122. <div class="col-md-12">
  1123. <div class="col-md-12 well" style="margin-top:20px;">
  1124. <div class="row text-center last-tab-doc"><h2>Upload Documents</h2>
  1125. <span class="wrk-exp" style="margin-left:0;letter-spacing:1px;">(Only allow jpg, png, gif, bmp, jpeg, pdf, csv, docx, doc)</span>
  1126. </div>
  1127. <div class="container">
  1128. <ul class="nav nav-pills nav-stacked col-md-2">
  1129. <li class="active" data-no=1><a href="#tab_a" data-toggle="pill" style="width: 185px;">Identity/Photo Verification</a></li>
  1130. <!--li data-no=2><a href="#tab_b" data-toggle="pill">Employment Document</a></li-->
  1131. <li data-no=3><a href="#tab_c" data-toggle="pill">Address Proof</a></li>
  1132. <li data-no=4><a href="#tab_d" data-toggle="pill">Income Proof</a></li>
  1133. </ul>
  1134. <div class="tab-content col-md-10">
  1135. <div class="tab-pane active" id="tab_a">
  1136. <div class="form-group col-md-8">
  1137. <label class="control-label">Select PanCard: <em>*</em><span class="tooltip-custom" data-tooltip-content="#tooltip_income_content2">help?</span><span class="wrk-exp"><a href="http://chdtransport.gov.in/Forms/Form60.pdf" target="_blank" class="link4form">(Link- http://chdtransport.gov.in/Forms/Form60.pdf)</a></span></label>
  1138. <input type="file" class="form-control" id="up_pan" name="up_pan"/>
  1139. </div>
  1140. <div class="tooltip_templates">
  1141. <span id="tooltip_income_content2">
  1142. <ul class="help_text">
  1143. <li>In case pan card has not been issued/in issuing process, please upload form 60</li>
  1144. <li>find the link below for from 60.</li>
  1145. <li>Link- http://chdtransport.gov.in/Forms/Form60.pdf</li>
  1146. <li>Please fill only Point 1,6 and signature.</li>
  1147. </ul>
  1148. </span>
  1149. </div>
  1150. <div class="form-group col-md-8">
  1151. <label class="control-label">Select AadharCard: <em>*</em></label>
  1152. <input type="file" class="form-control" id="up_adhr" name="up_adhr"/>
  1153. </div>
  1154. <div class="form-group col-md-8">
  1155. <label class="control-label">Select Driving Licence:</label>
  1156. <input type="file" class="form-control" id="up_licn" name="up_licn"/>
  1157. </div>
  1158. <div class="form-group col-md-6 text-left">
  1159. <button type="submit" class="form-control next-step" name="submit">Next</button>
  1160. </div>
  1161. </div>
  1162. <!--div class="tab-pane" id="tab_b">
  1163. <div class="form-group col-md-10">
  1164. <label class="control-label">Employment Document:<em>*</em><a href="#" data-html="true" data-toggle="tooltip" title="Upload any one from Below<ul><li>- Upload Salary slip<li>- Appointment Letter</li><li>- Last 3 Months Bank Statement</li></ul>">help?</a></label>
  1165. <input type="file" class="form-control" id="up_emp_doc" name="up_emp_doc"/>
  1166. </div>
  1167. <div class="form-group col-md-6 text-left">
  1168. <button type="submit" class="form-control next-step" name="submit">Next</button>
  1169. </div>
  1170. </div-->
  1171. <div class="tab-pane" id="tab_c">
  1172. <div class="form-group col-md-10" id="your-own">
  1173. <label class="control-label">Your Own Home:<em>*</em><a href="#" data-html="true" data-toggle="tooltip" title="Upload any one from Below<ul><li>- Electricity Bill</li><li>- Index || Form</li><li>- Tax receipt</li></ul>">help?</a></label>
  1174. <input type="file" class="form-control" id="up_add_proof" name="up_add_proof"/>
  1175. </div>
  1176. <div class="form-group col-md-10" id="rented-div">
  1177. <input type="checkbox" id="rented-check" name="rented_check"/> Check this If you are Rented.
  1178. </div>
  1179. <div class="form-group col-md-10" id="rented">
  1180. <label class="control-label">Rented Home:<em>*</em><a href="#" data-html="true" data-toggle="tooltip" title="Upload any one from Below<ul><li>- Rent Agreement</li><li>- Gas Connection</li><li>- LIC Doc</li><li>- Bank Passbook Front page</li><li>- Latest Mobile Bill</li></ul>">help?</a></label>
  1181. <input type="file" class="form-control" id="up_add_proof1" name="up_add_proof" disabled />
  1182. </div>
  1183. <div class="form-group col-md-6 text-left">
  1184. <button type="submit" class="form-control next-step" name="submit">Next</button>
  1185. </div>
  1186. </div>
  1187. <div class="tab-pane" id="tab_d">
  1188. <div class="form-group col-md-10">
  1189. <label class="control-label">Income Proof:<em class="inc-prf">*</em><a href="#" class="inc-prf" data-html="true" data-toggle="tooltip" title="Upload any one from Below<ul><li>- Last three months Salary Slip</li><li>- ITR 3 Years minimum</li><li>- Last 3 Months Bank Statement</li><li>- Shop Act. Agreement</li><li>- Company ID</li></ul>">help?</a><span class="wrk-exp inc-prf-stmt" style="display:none;">(Last 3 Months Bank Statement.)</span></label>
  1190. <input type="file" class="form-control" id="up_incm_prf" name="up_incm_prf"/>
  1191. </div>
  1192. <div class="form-group col-md-6 text-left">
  1193. <button type="submit" class="form-control next-step" name="submit">Final Submit</button>
  1194. </div>
  1195. <div class="form-group col-md-10">
  1196. <i>Please Wait, You Will Redirect on Home Page in a few Seconds...</i>
  1197. </div>
  1198. </div>
  1199. </div><!-- tab content -->
  1200. </div>
  1201. </div>
  1202. </div>
  1203. </div>
  1204.  
  1205.  
  1206.  
  1207.  
  1208. <div class="form-group col-md-12 dclrtn" id="declaration" style="display:none;"><!---style="display:none;"---->
  1209. <h3>Declaration</h3>
  1210.  
  1211. <ol>
  1212. <li>I/We declare that all the particulars and information and details given/filled in this application form are true, correct, complete and up-to-date in all respects and that I/We have not withheld any information whatsoever. I/We understand that certain particulars given by me/us are required by the operational guidelines of non banking financial companies. </li>
  1213. <li>I/We confirm that no insolvency proceedings or suits for recovery of outstanding dues or monies whatsoever or for attachment of my/our assets or properties and/or any criminal proceedings have been initiated and/or are pending against me/us and that/we have never been adjudicated insolvent by any court or other authority.</li>
  1214. <li>No action nor other steps have been taken or legal proceedings started by or against me/us in any court of law/other authorities for winding up, dissolution, administration or re-organisation or for the appointment of a receiver, administration, administrative receiver, trustee or similar officer or for my/our assets. </li>
  1215. <li>I/We authorize Decimus Financial Ltd. and all its group companies and their agents to exchange, share or part with all the information and details relating to my/our existing loans and/or repayment history to other group companies banks, financial institutions, credit bureaus, agencies statutory bodies etc. as may be required or as they may deem fit and shall not hold Decimus Financial Ltd. for any of its group companies or its/their agnets/representatives) liable for use/sharing of this information.</li>
  1216. <li>I/We understand and acknowledge that Decimus Financial Ltd. shall have the absolute discretion / without assigning any reasons (unless) whatsoever to me/us for such rejection or any delay in notifying me/us of such rejection and any costs, losses, damages or expenses or other consequences, caused by reason of such rejection or any delay in notifying me/us of such rejection of our application. </li>
  1217. <li>Decimus Financial Ltd./ its Group Companies reserves the to retain the photographs and documents with the photo-card application and will not return the same to the applicant.</li>
  1218.  
  1219. <li>I/We confirm that I/We am /are not a director/senior officer/relative of director or senior officer of Decimus Financial Ltd. I/We hereby authorize and give consent to Decimus Financial Ltd to disclose, without notice to me/us, information furnished by me/us in application form(s)/ related documents executed in relation to the facilities availed from Decimus Financial Ltd., to Decimus credit Bureaus/Rating Agencies, Services Providers, banks/financial Institution, governmental/regulatory authorities, third parties for KYC information verification, credit risk analysis, or for other related purposes that Decimus Financial Ltd may deem it. I/We waive the privilege of privacy and privily of contact. I/We understand that the tenure /repayment/interest/other terms and conditions of the loan are subject to changes as a consequence to any changes in the money market conditions or on account of any other statutory or regulatory requirements or at Decimus Financial Ltd. Discretion. Decimus reserves that right to review and amend the terms of the loan to such extent as it may deem fit. In case any of the above information is found to be false or untrue or misleading or misrepresenting. I am aware that I may be held liable for it. </li>
  1220. <li>I hereby consent to receiving information from Central KYC Registry through SMS/Email on the above registered number/email address. I/We confirm that the funds shall be used for the stated purpose and will not be used for speculative or antisocial purpose. </li>
  1221. <li>I/We Consent <input type="checkbox" name="dec_content" value="0" id="dec_content"/> to receive information / service etc. for marketing purpose through Telephone / Mobile / SMS / E-mail by the Bank / its agents.</li>
  1222. <li> I/We confirm that I/We have read and understood the above Declaration, and that the details provided on the form are correct.</li>
  1223. </ol>
  1224.  
  1225. <div class="form-group col-md-12 text-center">
  1226. <input type="checkbox" name="com_dec" value="" /> <b>I Agree With This Above Declaration.</b>
  1227. </div>
  1228. <div class="form-group col-md-12 text-center">
  1229. <button type="submit" class="form-control next-step" name="submit">Submit</button>
  1230. </div>
  1231. </div>
  1232. </form>
  1233. </div>
  1234.  
  1235. </div>
  1236. </div>
  1237.  
  1238.  
  1239. </div>
  1240. <div class="terms_condition" id="trms-condi">
  1241. All prices and credit are indicative and subject to Decimus Financial limited’s sole discretion. <a href="#" data-toggle="modal" data-target="#myData">Terms & Condition</a> apply.<br/>
  1242. <span class="agrment"><input type="checkbox" name="">I have understood and agree to the terms and conditions stated above. </span>
  1243. </div>
  1244. </div>
  1245. </div>
  1246. </div>
  1247.  
  1248.  
  1249. <!-- Modal -->
  1250. <div class="modal fade" id="myData" role="dialog">
  1251. <div class="modal-dialog">
  1252.  
  1253. <!-- Modal content-->
  1254. <div class="modal-content">
  1255. <div class="modal-header">
  1256. <b>Terms & Condition</b>
  1257. <button type="button" class="close" data-dismiss="modal">&times;</button>
  1258.  
  1259. </div>
  1260. <div class="modal-body scorll">
  1261. <?php echo get_cms_content('terms-and-condition'); ?>
  1262. </div>
  1263. <div class="modal-footer">
  1264. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  1265. </div>
  1266. </div>
  1267.  
  1268. </div>
  1269. </div>
  1270. <!-- loan calculater -->
  1271. <button onclick="topFunction()" id="myBtn" class="to-top" title="Go to top">
  1272. <i class="fa fa-chevron-up" aria-hidden="true"></i>
  1273. </button>
  1274.  
  1275. <!--popup-->
  1276. <!-- Wrapper End -->
  1277. <script src="<?php echo asset_url(); ?>js/jquery-1.9.1.min.js"></script>
  1278. <script src="<?php echo asset_url(); ?>js/jquery.countdown.js"></script>
  1279. <script src="<?php echo asset_url(); ?>js/jquery.flexslider.js"></script>
  1280. <script src="<?php echo asset_url(); ?>js/bootstrap.min.js"></script>
  1281. <script src="<?php echo asset_url(); ?>js/bootstrap-slider.js"></script>
  1282. <script src="<?php echo asset_url(); ?>js/owl.carousel.min.js"></script>
  1283. <script src="<?php echo asset_url(); ?>js/jquery.validate.js"></script>
  1284. <script src="<?php echo asset_url(); ?>js/croppie.js"></script>
  1285. <script src="<?php echo asset_url(); ?>js/custom-file-input.js"></script>
  1286. <script src="<?php echo asset_url(); ?>js/plugins/datepicker/bootstrap-datepicker.js"></script>
  1287. <script src="<?php echo asset_url(); ?>js/plugins/tooltipster-master/dist/js/tooltipster.bundle.min.js"></script>
  1288. <script src="<?php echo asset_url(); ?>js/jquery.mCustomScrollbar.concat.min.js"></script>
  1289. <script src="<?php echo asset_url(); ?>js/selectize.js"></script>
  1290. <script src="<?php echo asset_url(); ?>js/bootstrap-toggle.js"></script>
  1291. <script src="<?php echo asset_url(); ?>js/bootstrap-datetimepicker.min.js"></script>
  1292. <script src="<?php echo asset_url(); ?>js/moment.min.js"></script>
  1293. <script src="<?php echo asset_url(); ?>js/scripts.js"></script>
  1294. <?php if (isset($dashboard_page) && $dashboard_page == 'rental_bookinh_history') { ?>
  1295. <script src="<?php echo asset_url(); ?>js/calendar/config/config.js"></script>
  1296. <script src="<?php echo asset_url(); ?>js/calendar/languages/en.js"></script>
  1297. <script src="<?php echo asset_url(); ?>js/calendar/calendar.js"></script>
  1298. <?php } ?>
  1299. <?php if (isset($dashboard_page) && $dashboard_page == 'rental_car_edit') { ?>
  1300. <script src="https://maps.googleapis.com/maps/api/js?key=&libraries=places&callback=initMap" async defer></script>
  1301. <?php } ?>
  1302.  
  1303.  
  1304. <script>
  1305. /*window.onunload = refreshParent;
  1306. function refreshParent() {
  1307. window.opener.location.reload();
  1308. }*/
  1309. </script>
  1310. <script>
  1311.  
  1312. var car_mendatory = 0;
  1313. var car_upload = 0;
  1314. if (image_count > 0) {
  1315. car_upload = 1;
  1316. }
  1317. var tab_selected = '';
  1318. jQuery(document).ready(function () {
  1319. jQuery("#login_form").validate({
  1320. rules: {
  1321. email: {required: true, email: true},
  1322. password: {required: true}
  1323. },
  1324. messages: {
  1325. email: {required: 'Email cannot be blank'},
  1326. password: {required: 'Password cannot be blank.'}
  1327. },
  1328. submitHandler: function (form) {
  1329. if (submitLogin != 0) {
  1330. $('#terms-content').modal('show');
  1331. return false;
  1332. } else {
  1333. form.submit();
  1334. }
  1335. }
  1336. });
  1337.  
  1338.  
  1339.  
  1340. jQuery("#form_forgetpassword").validate({
  1341. rules: {
  1342. email: {required: true, email: true},
  1343. },
  1344. messages: {
  1345. email: {required: 'Email cannot be blank'},
  1346. }
  1347. });
  1348.  
  1349.  
  1350. /*var methodUrl = SITE_URL + 'customer/check_unique';*/
  1351.  
  1352. jQuery("#registration_form").validate({
  1353. rules: {
  1354. firstName: {required: true},
  1355. lastName: {required: true},
  1356. phone: {required: true, digits: true},
  1357. customer_type: {required: true},
  1358. bank: {required: true},
  1359. card: {required: true},
  1360. condinitons: {required: true},
  1361. brand: {required: true},
  1362. model: {required: true},
  1363. first_brand_compare: {required: true},
  1364. first_model_compare: {required: true},
  1365. second_brand_compare: {required: true},
  1366. second_model_compare: {required: true},
  1367. fullname: {required: true},
  1368. location: {required: true},
  1369. email: {
  1370. required: true,
  1371. email: true,
  1372. /*remote: {
  1373. url: methodUrl,
  1374. type: "post"
  1375. }*/
  1376. },
  1377. password: {required: true},
  1378. c_password: {required: true, equalTo: "#password"},
  1379. checkbox: {required: true},
  1380. },
  1381. messages: {
  1382. email: {required: 'Email Can`t be blank', /*remote: "Email already Exists"*/},
  1383. password: {required: 'Password cannot be blank.'},
  1384. bank: {required: 'Please Select Bank'},
  1385. card: {required: 'Please Select Card'},
  1386. condinitons: {required: 'please checked tearms and condinitons'},
  1387. brand: {required: 'Please Select Brand'},
  1388. model: {required: 'Please Select Model'},
  1389. first_brand_compare: {required: 'Please Select first brand'},
  1390. first_model_compare: {required: 'Please Select First Model'},
  1391. second_brand_compare: {required: 'Please Select second brand'},
  1392. second_model_compare: {required: 'Please Select second Model'},
  1393. firstName: {required: 'Please Enter FirstName'},
  1394. lastName: {required: 'Please Enter LastName'},
  1395. phone: {required: 'Please Enter Mobile Number '},
  1396. checkbox: {required: 'Please check T & C.'},
  1397. fullname: {required: 'Please Enter Full Name'},
  1398. location: {required: 'Please Enter Your Address.'},
  1399.  
  1400. }
  1401. });
  1402.  
  1403. jQuery("#reset_password").validate({
  1404. rules: {
  1405. password: {required: true},
  1406. new_password: {required: true},
  1407. confirm_password: {required: true, equalTo: "#new_Passowrd"}
  1408. },
  1409. messages: {
  1410. password: {required: 'Password cannot be blank.'},
  1411. new_password: {required: 'New Password cannot be blank.'},
  1412. confirm_password: {required: 'Confirm Password cannot be blank.'}
  1413. }
  1414. });
  1415. var car_direct_save = 0;
  1416. jQuery(".car_update_save").click(function () {
  1417. car_direct_save = 1;
  1418. jQuery("#add_edit_car").submit();
  1419. });
  1420.  
  1421. var methodCarUrl = SITE_URL + 'car_check_unique';
  1422.  
  1423. jQuery("#add_edit_car").validate({
  1424. ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input',
  1425. rules: {
  1426. car_name: {required: true},
  1427. // car_tagline: {required: true},
  1428. car_number_plate: {
  1429. required: true,
  1430. remote: {
  1431. url: methodCarUrl,
  1432. type: "post",
  1433. data: {
  1434. carId: carId,
  1435. }
  1436. }
  1437. },
  1438. car_price: {required: true, digits: true},
  1439. special_price: {number: true, digits: true},
  1440. short_description: {required: true},
  1441. description: {required: true},
  1442. },
  1443. messages: {
  1444. car_name: {required: 'Car name cannot be blank'},
  1445. // car_tagline: {required: 'Car Tagline cannot be blank.'},
  1446. car_number_plate: {required: 'Car number plate cannot be blank.', remote: "This car already Exists in this website."},
  1447. car_price: {required: 'Car price cannot be blank.'},
  1448. short_description: {required: 'Car short description cannot be blank.'},
  1449. description: {required: 'Car description cannot be blank.'}
  1450. },
  1451. invalidHandler: function (event, validator) {
  1452. car_mendatory = 0;
  1453. },
  1454. submitHandler: function (form) {
  1455. car_mendatory = 1;
  1456.  
  1457. if (car_direct_save == 1) {
  1458. form.submit();
  1459. return false;
  1460. }
  1461. if (tab_selected == '#images') {
  1462. if (car_upload == 1) {
  1463. form.submit();
  1464. } else {
  1465. $(".image_error").show();
  1466. }
  1467. } else {
  1468. $('#car_add_tab a[href="#specification"]').tab('show');
  1469. }
  1470. }
  1471. });
  1472.  
  1473. var offerUrl = SITE_URL + 'customer/offerSend';
  1474.  
  1475. jQuery("#offer_form").validate({
  1476. rules: {
  1477. first_name: {required: true},
  1478. last_name: {required: true},
  1479. amount_offered: {required: true, digits: true},
  1480. date_offered: {required: true},
  1481. // message: {required: true},
  1482. phone: {required: true},
  1483. email: {
  1484. required: true,
  1485. email: true
  1486. }
  1487. },
  1488. messages: {
  1489. first_name: {required: 'Firstname cannot be blank'},
  1490. last_name: {required: 'Lastname cannot be blank.'},
  1491. amount_offered: {required: 'Amount Offered cannot be blank.'},
  1492. date_offered: {required: 'Date Offered cannot be blank.'},
  1493. email: {required: 'Email cannot be blank.'},
  1494. phone: {required: 'Phone Number cannot be blank.'},
  1495. // message: {required: 'Message cannot be blank.'}
  1496. },
  1497. submitHandler: function (form) {
  1498.  
  1499. var offerPrice = parseInt($("#offer_price").val());
  1500. var amount_offered = parseInt($("#amount_offered").val());
  1501. if (offerPrice > amount_offered) {
  1502. $("#offer_error").css('color', 'red');
  1503. $("#offer_error").shake(3, 7, 800);
  1504. return false;
  1505. } else {
  1506. $("#offer_error").css('color', '#000');
  1507. }
  1508. // '<label id="amount_offered-error" class="error" for="amount_offered">Amount Offered cannot be blank.</label>';
  1509.  
  1510. $(".please-wait").css('display', 'block');
  1511. $.ajax({
  1512. type: "POST",
  1513. url: offerUrl,
  1514. data: $(form).serialize(),
  1515. success: function (data) {
  1516. $(".please-wait").css('display', 'none');
  1517. $(".sucess_sent").css('display', 'block');
  1518. setTimeout(function () {
  1519. $(".btn.btn-offer").hide();
  1520. $('#offer-popup').modal('hide');
  1521. $("#offer-popup #amount_offered , #offer-popup #date_offered , #offer-popup #message").val('');
  1522. var phone = $("#offer-popup #sellerPhone").val();
  1523. var email = $("#offer-popup #sellerEmail").val();
  1524. $(".seller_phone").text(phone);
  1525. $(".seller_email").text(email);
  1526. $(".sucess_sent").css('display', 'none');
  1527. }, 3000);
  1528. },
  1529. error: function () {
  1530. alert('failed');
  1531. }
  1532. });
  1533. return false;
  1534. }
  1535. });
  1536.  
  1537.  
  1538. jQuery("#profile_settings").validate({
  1539. rules: {
  1540. first_name: {required: true},
  1541. last_name: {required: true},
  1542. phone: {required: true},
  1543. contect_info: {required: true},
  1544. },
  1545. messages: {
  1546. first_name: {required: 'Firstname cannot be blank'},
  1547. last_name: {required: 'Lastname cannot be blank.'},
  1548. phone: {required: 'Phone number cannot be blank.'},
  1549. contect_info: {required: 'Contect info cannot be blank.'}
  1550. }
  1551. });
  1552.  
  1553.  
  1554. jQuery("#contact_form").validate({
  1555. rules: {
  1556. name: {required: true},
  1557. email: {required: true, email: true},
  1558. subject: {required: true},
  1559. message: {required: true},
  1560. },
  1561. messages: {
  1562. name: {required: 'Name cannot be blank'},
  1563. email: {required: 'Email cannot be blank.'},
  1564. subject: {required: 'Subject cannot be blank.'},
  1565. message: {required: 'Message cannot be blank.'}
  1566. }
  1567. });
  1568.  
  1569.  
  1570. var highestBox = 0;
  1571. $('.member-section ul.p-time').each(function () {
  1572. if ($(this).height() > highestBox) {
  1573. highestBox = $(this).height();
  1574. }
  1575. });
  1576. $('.member-section ul.p-time').height(highestBox);
  1577.  
  1578. $uploadFlag = 0;
  1579.  
  1580. $uploadCrop = $('#upload-car-images').croppie({
  1581. enableExif: true,
  1582. viewport: {width: 570, height: 370},
  1583. customClass: 'ads_image',
  1584. enableZoom: true,
  1585. boundary: {
  1586. width: 720,
  1587. height: 500
  1588.  
  1589. }
  1590. });
  1591.  
  1592. $('#upload-car').on('change', function () {
  1593.  
  1594. var reader = new FileReader();
  1595.  
  1596. reader.onload = function (e) {
  1597.  
  1598. $uploadCrop.croppie('bind', {
  1599. url: e.target.result
  1600.  
  1601. }).then(function () {
  1602.  
  1603. console.log('jQuery bind complete');
  1604.  
  1605. });
  1606. }
  1607. reader.readAsDataURL(this.files[0]);
  1608. });
  1609.  
  1610. $('.upload-car-result').on('click', function (ev) {
  1611.  
  1612. if ($(this).hasClass('ajax_image_set')) {
  1613. $uploadFlag = 1;
  1614. } else {
  1615. $(".ajax_image_set").show();
  1616. }
  1617.  
  1618. $uploadCrop.croppie('result', {
  1619. type: 'canvas',
  1620. size: 'viewport'
  1621. }).then(function (resp) {
  1622.  
  1623. html = '<img src="' + resp + '" />';
  1624. $("#upload-demo-i").html(html);
  1625.  
  1626. if ($uploadFlag == 1) {
  1627. // alert("set2");
  1628. var moduleUrl = SITE_URL + 'imageupload';
  1629. $.ajax({
  1630. url: moduleUrl,
  1631. type: "POST",
  1632. data: {"image": resp},
  1633. success: function (data) {
  1634. // alert(data);
  1635. console.log(data);
  1636. // html = '<img src="' + resp + '" />';
  1637. /*$("#ads_image").show();
  1638. $("#ads_image").attr('src', resp);
  1639. $("#image_ads").val(data);*/
  1640.  
  1641. $('#car-popup').modal('hide');
  1642.  
  1643. var car_imges = '<span class="img-thumb" id="image_thumb_section_' + image_count + '">' +
  1644. '<img src="' + resp + '"/>' +
  1645. '<div class="img-thumb-option">' +
  1646. '<span>' +
  1647. '<input id="select_car_' + image_count + '" value="' + image_count + '" class="image_defult_select" name="defult_car" type="radio"/>' +
  1648. '<label for="select_car_' + image_count + '">Default</label>' +
  1649. '<input type="hidden" id="car_image_' + image_count + '" name="car_images[' + image_count + ']" value="' + data + '" />' +
  1650. '</span>' +
  1651. '<span class="delete_link">' +
  1652. '<i class="fa fa-trash car_image_delete" rel="' + image_count + '" ></i>Delete' +
  1653. '</span>' +
  1654. '</div>' +
  1655. '</span>';
  1656. $(".img-thumb-section").append(car_imges);
  1657. if (image_count == 0) {
  1658. $('#select_car_0').attr('checked', true);
  1659. }
  1660. $(".croppie-container .cr-image").css("opacity", 0);
  1661. $("#upload-demo-i").html('');
  1662. $(".ajax_image_set").hide();
  1663. $(".change_image_name").html('Choose a image&hellip;');
  1664. $uploadFlag = 0;
  1665. car_upload = 1;
  1666. image_count++;
  1667. }
  1668. });
  1669. }
  1670.  
  1671. });
  1672.  
  1673. });
  1674.  
  1675. // Countdown(Timer)
  1676. $('#clock').countdown('<?php echo $expDate; ?>', function (event) {
  1677. $(this).html(event.strftime('%I:%M:%S'));
  1678. });
  1679.  
  1680.  
  1681. $('#datetimepicker1').datepicker({
  1682. format: "mm-dd-yyyy",
  1683. weekStart: 1,
  1684. autoclose: true,
  1685. todayHighlight: true,
  1686. startDate: new Date()
  1687. });
  1688.  
  1689. /*$('#car_add_tab a').click(function (e) {
  1690. e.preventDefault();
  1691.  
  1692. $(this).tab('show');
  1693. });*/
  1694.  
  1695. $('.car-select-simple-select').selectize();
  1696. $(".selectbox-with-input-text").selectize({
  1697. create: true,
  1698. createFilter: function (input) {
  1699. return input.length >= 2;
  1700. },
  1701. createOnBlur: true,
  1702. sortField: {
  1703. field: 'text',
  1704. direction: 'asc'
  1705. },
  1706. dropdownParent: 'body'
  1707. });
  1708.  
  1709.  
  1710. $(".car-information , .mail-message, .redemption-scroll, .view-current-offers").mCustomScrollbar({
  1711. theme: "dark"
  1712. });
  1713.  
  1714. $(".table-responsive, .compare-list .col-md-12").mCustomScrollbar({
  1715. theme: "dark",
  1716. axis: "x",
  1717. });
  1718.  
  1719. var make = '';
  1720. var model = '';
  1721.  
  1722. $('#section_Make select.selectized ,#section_Make input.selectized , #section_Model select.selectized , #section_Model input.selectized').each(function () {
  1723. var $input = $(this);
  1724. var update = function (e) {
  1725. // $value.text(JSON.stringify($input.val()));
  1726. if ($input.parent().attr('id') == 'section_Make') {
  1727. make = $input.find(":selected").text();
  1728. }
  1729.  
  1730. if ($input.parent().attr('id') == 'section_Model') {
  1731. model = $input.find(":selected").text();
  1732. }
  1733. if (make != '' && model != '') {
  1734. $("#car_name").val($.trim(make + " " + model));
  1735. }
  1736. }
  1737.  
  1738. $(this).on('change', update);
  1739. update();
  1740. // $container.insertAfter($input);
  1741. });
  1742.  
  1743.  
  1744. if (catStatus == 0) {
  1745. $(".delete_link").hide();
  1746. $("#add_edit_car input , #add_edit_car textarea").each(function () {
  1747. if ($(this).attr('id') != 'toggle-event-sold') {
  1748. $(this).prop('disabled', true);
  1749. }
  1750. });
  1751.  
  1752. }
  1753. if (sold_status == 0) {
  1754. $('#toggle-event-sold').bootstrapToggle('off');
  1755. $('#toggle-event-sold').bootstrapToggle('disable');
  1756. }
  1757.  
  1758. $('#toggle-event-sold').change(function (event) {
  1759. // $('#toggle-event-sold').bootstrapToggle('disable');
  1760. if ($(this).prop('checked')) {
  1761. $("#car_status").val(1);
  1762. $("#sold_buyer_id").removeClass("required");
  1763. $(".sold_buyer_id").hide();
  1764. } else {
  1765. $("#car_status").val(0);
  1766. $("#sold_buyer_id").addClass("required");
  1767. $(".sold_buyer_id").show();
  1768. }
  1769. });
  1770.  
  1771.  
  1772. jQuery(".img-thumb-section").on('click', '.delete_link', function () {
  1773. var sectionId = $(this).children('.car_image_delete').attr('rel');
  1774. if ($("#select_car_" + sectionId).is(":checked")) {
  1775. alert("You can not delete default car image.!!!");
  1776. } else {
  1777. if (confirm('Are you sure you want to delete this car image?')) {
  1778. $("#image_thumb_section_" + sectionId).remove();
  1779. image_count--;
  1780. }
  1781. }
  1782. });
  1783.  
  1784. $(".compare-section").on('click','.compare-add',function (e) {
  1785. e.preventDefault();
  1786. var curObj = $(this);
  1787. var carDatajson = $(this).attr('rel');
  1788. var carData = JSON.parse(carDatajson);
  1789.  
  1790. var compareUrl = SITE_URL + 'addcomparelist';
  1791. $.ajax({
  1792. type: "POST",
  1793. url: compareUrl,
  1794. data: {id: carData['id']},
  1795. success: function (data) {
  1796. if (data != 0) {
  1797. $('#bike_count').html(data+' bike in compare list');
  1798. $(".img-responsive.car-image").attr("src", carData["bike_image"]);
  1799. $(".compare-lable").html('You added <b class="car-name">' + carData["model"] + '</b> to your Compare list.');
  1800. $('#add-to-compare').modal('show');
  1801.  
  1802. $("#add_to_compare_"+carData['id']).hide();
  1803. $("#remove_to_compare_"+carData['id']).show();
  1804. $(".compare_button").text("Remove from compare").addClass("compare-remove").removeClass("compare-add");
  1805.  
  1806.  
  1807.  
  1808. //curObj.hide();
  1809. //curObj.parent('.compare-section').find('.compare-remove').show();
  1810. $('.recent-item').find('.compare-view-'+carData['id']).each(function(){
  1811. $(this).attr('cel', 1);
  1812. });
  1813.  
  1814. } else {
  1815. $('#bike_count').html('3 bike in compare list');
  1816. $('#add-to-compare-list').modal('show');
  1817. }
  1818. return false;
  1819. },
  1820. error: function () {
  1821. alert('failed');
  1822. }
  1823. });
  1824.  
  1825. return false;
  1826. });
  1827.  
  1828.  
  1829.  
  1830. $(".compare-view").click(function ()
  1831. {
  1832. var curObj = $(this);
  1833. var carDatajson = $(this).attr('rel');
  1834. var carData = JSON.parse(carDatajson);
  1835.  
  1836. $(".img-responsive.car-image").attr("src", carData["bike_image"]);
  1837. $(".name").html( carData["brand"] +' - '+carData["model"] );
  1838. $(".price1").html('<b></b> <span class="price">' + carData["bike_price"] + '</span>');
  1839. $(".brand").html('<b>Brand:</b> <span>' + carData["brand"] + '</span>');
  1840. $(".Model").html('<b>Model:</b> <span>' + carData["model"] + '</span>');
  1841. $(".emi_offer").html('<b>EMI Offer:</b> <span>' + carData["emi_offer"] + '</span>');
  1842. $(".Mileage").html('<b>Mileage: </b> <span>' + carData["mileage"] + '</span>');
  1843. $(".displacement").html('<b>Displacement:</b> <span>' + carData["displacement"] + ' CC</span>');
  1844. $(".Speedometer").html('<b>Speedometer:</b> <span>' + carData["speedometer"] + '</span>');
  1845. $(".gear").html('<b>No. of Gear:</b> <span>' + carData["gear"] + '</span>');
  1846. $(".bike_type").html('<b>Bike Type:</b> <span>' + carData["bike_type"] + '</span>');
  1847. $(".description").html('<b>Description:</b> <span>' + carData["description"] + '</span>');
  1848. $(".variant").html('<b>variant:</b> <span>' + carData["variant"] + '</span>');
  1849. $(".brake_horse_power").html('<b>Brake_Horse_Power:</b> <span>' + carData["brake_horse_power"] + '</span>');
  1850. $(".rpm").html('<b>Rpm:</b> <span>' + carData["rpm"] + '</span>');
  1851. $(".engine").html('<b>Engine:</b> <span>' + carData["engine"] + '</span>');
  1852. $(".kick_self_start").html('<b>Kick Self Start:</b> <span>' + carData["kick_self_start"] + '</span>');
  1853. $(".engine_kill_switch").html('<b>Engine kill Switch:</b> <span>' + carData["engine_kill_switch"] + '</span>');
  1854. $(".compare-lable").html('You add <b class="car-name">' + carData["model"] + '</b> from your Compare list.');
  1855.  
  1856. var compare_status = $(this).attr('cel');
  1857. if(compare_status == 1){
  1858. $(".compare_button").text("Remove from compare").addClass("compare-remove").removeClass("compare-add").attr('rel', carDatajson);
  1859. }else{
  1860. $(".compare_button").text("Add to Compare").addClass("compare-add").removeClass("compare-remove").attr('rel', carDatajson);
  1861. }
  1862.  
  1863. var brand = carData["brand_id"];
  1864. var model = carData["model_id"];
  1865. var bike_id = carData["id"];
  1866.  
  1867. $(".main1").click(function() {
  1868. window.location.href = SITE_URL+'apply/index/' + brand +'/'+ model +'/' + bike_id;
  1869. });
  1870.  
  1871. $('#view-to-compare').modal('show');
  1872.  
  1873. return false;
  1874. });
  1875.  
  1876. $(".compare-section").on('click','.compare-remove',function (e) {
  1877. e.preventDefault();
  1878. var curObj = $(this);
  1879. var carDatajson = $(this).attr('rel');
  1880. var carData = JSON.parse(carDatajson);
  1881. var compareUrl = SITE_URL + 'removecomparelist';
  1882. $.ajax({
  1883. type: "POST",
  1884. url: compareUrl,
  1885. data: {id: carData['id']},
  1886. success: function (data) {
  1887.  
  1888. $('#bike_count').html(data+' bike in compare list');
  1889. $(".img-responsive.car-image").attr("src", carData["bike_image"]);
  1890. $(".compare-lable").html('You removed <b class="car-name">' + carData["model"] + '</b> from your Compare list.');
  1891. $('#add-to-compare').modal('show');
  1892. /*curObj.hide();
  1893. curObj.parent('.compare-section').find('.compare-add').show();*/
  1894.  
  1895. $("#add_to_compare_"+carData['id']).show();
  1896. $("#remove_to_compare_"+carData['id']).hide();
  1897. $(".compare_button").text("Add to compare").addClass("compare-add").removeClass("compare-remove");
  1898.  
  1899. $('.recent-item').find('.compare-view-'+carData['id']).each(function(){
  1900. $(this).attr('cel', 0);
  1901. });
  1902. if(data==0)
  1903. {
  1904. $('#bike_count').html('bike in compare list');
  1905. }
  1906. },
  1907. error: function () {
  1908. alert('failed');
  1909. }
  1910. });
  1911. return false;
  1912. });
  1913.  
  1914.  
  1915. $("#loan_tenure_plane").change(function () {
  1916. var select_plan = $(this).val();
  1917. if (select_plan == 1) {
  1918. $('#loan_tenure').empty();
  1919. for (i = 12; i <= 84; i++) {
  1920. $("#loan_tenure").append('<option value="' + i + '">' + i + '</option>');
  1921. }
  1922. } else {
  1923. $('#loan_tenure').empty();
  1924. for (i = 1; i <= 7; i++) {
  1925. $("#loan_tenure").append('<option value="' + i + '">' + i + '</option>');
  1926. }
  1927. }
  1928. });
  1929.  
  1930.  
  1931. jQuery("#calculater-form").validate({
  1932. rules: {
  1933. loan_amount: {required: true, number: true},
  1934. interest_rate: {required: true, number: true}
  1935. },
  1936. messages: {
  1937. loan_amount: {required: 'Loan Amount cannot be blank'},
  1938. interest_rate: {required: 'Interest Rate cannot be blank.'}
  1939. },
  1940. submitHandler: function (form) {
  1941.  
  1942. var loan_amount = parseInt($("#loan_amount").val());
  1943. var loan_tenure = parseInt($("#loan_tenure").val());
  1944. var interest_rate = parseInt($("#interest_rate").val());
  1945. var period = $("#loan_tenure_plane").val();
  1946. var total_int = '';
  1947. var monthly_inst = '';
  1948. /*============ Logic ===========*/
  1949. var rateofint = parseFloat(((loan_amount * interest_rate) / 100));
  1950.  
  1951. if (period == 2) {
  1952. total_int = parseFloat(rateofint * loan_tenure);
  1953. } else {
  1954. total_int = parseFloat((rateofint / 12) * loan_tenure);
  1955. }
  1956.  
  1957. var topay = parseFloat(loan_amount + total_int);
  1958.  
  1959. if (period == 2) {
  1960. monthly_inst = Math.round(topay / (loan_tenure * 12));
  1961. } else {
  1962. monthly_inst = Math.round(topay / loan_tenure);
  1963. }
  1964.  
  1965. /*========= redemption Logic ============*/
  1966.  
  1967. var redemption = [CurrencyFormat(loan_amount)];
  1968.  
  1969. if (period == 2) {
  1970. var pof = parseFloat(loan_tenure * 12);
  1971. var r = 1;
  1972. for (r = 1; r < loan_tenure; r++) {
  1973. var taap = parseInt(monthly_inst * (r * 12));
  1974. var remainMonth = parseInt(pof - (r * 12));
  1975. // INT Rebate = [12(12+1)]/[36(36+1)] x 2235 = 262
  1976. var int_rebate = (remainMonth * (remainMonth + 1)) / (pof * (pof + 1)) * total_int;
  1977. var rebate_penalty = 0.2 * int_rebate;
  1978. // 25000 + 2235 - 18168 - 262 + 52 = 8857
  1979. var redemption_amt = loan_amount + total_int - taap - int_rebate + rebate_penalty;
  1980. if (redemption_amt > 0) {
  1981. redemption.push(CurrencyFormat(Math.round(redemption_amt)));
  1982. } else {
  1983. redemption.push("N.A");
  1984. }
  1985. }
  1986. }
  1987.  
  1988. if (period == 1) {
  1989.  
  1990. var pof = parseInt(loan_tenure);
  1991. var r = 1;
  1992. for (r = 1; r < loan_tenure; r++) {
  1993. var taap = parseInt(monthly_inst * r);
  1994. var remainMonth = pof - r;
  1995. // INT Rebate = [12(12+1)]/[36(36+1)] x 2235 = 262
  1996. var int_rebate = (remainMonth * (remainMonth + 1)) / (pof * (pof + 1)) * total_int;
  1997. var rebate_penalty = 0.2 * int_rebate;
  1998. // 25000 + 2235 - 18168 - 262 + 52 = 8857
  1999. var redemption_amt = loan_amount + total_int - taap - int_rebate + rebate_penalty;
  2000. if (redemption_amt > 0) {
  2001. redemption.push(CurrencyFormat(Math.round(redemption_amt)));
  2002. } else {
  2003. redemption.push("N.A");
  2004. }
  2005. }
  2006. }
  2007.  
  2008. console.log(redemption);
  2009.  
  2010. $(".loan-redemption").html('');
  2011. $.each(redemption, function (key, value) {
  2012. var htmlRed = '<tr><td>' + key + '</td><td>' + value + '</td></tr>';
  2013. $(".loan-redemption").append(htmlRed);
  2014. });
  2015. if (period == 1) {
  2016. $(".plane_mode").text("Month");
  2017. } else {
  2018. $(".plane_mode").text("Year");
  2019. }
  2020.  
  2021. $('.redemption-scroll').mCustomScrollbar("update");
  2022. // loan-redemption
  2023. // .redemption-scroll
  2024. $(".total_paid").text(CurrencyFormat(topay));
  2025. $(".monthly_installment").text(CurrencyFormat(monthly_inst));
  2026. $(".loan_amount").text(CurrencyFormat(loan_amount));
  2027. $(".loan_tenure").text(loan_tenure);
  2028. $(".interest_rate").text(CurrencyFormat(interest_rate));
  2029. $(".calculater-form .hide-defult").css('display', 'inline-block');
  2030. return false;
  2031. }
  2032. });
  2033.  
  2034. $('#location_type_section select.selectized ,#location_type_section input.selectized').each(function () {
  2035. var $input = $(this);
  2036. var update = function (e) {
  2037. // $value.text(JSON.stringify($input.val()));
  2038. if ($input.parent().attr('id') == 'location_type_section') {
  2039. if ($input.val() != '') {
  2040. var locVal = $input.val();
  2041. if (locVal == 1) {
  2042. $("#location_section").show();
  2043. $(".add_new_location_button").hide();
  2044. $(".location_type_input").removeClass('plus');
  2045. // $("#pickup_location").val('');
  2046. } else if (locVal == 2) {
  2047. $("#location_section").show();
  2048. $(".add_new_location_button").show();
  2049. $(".location_type_input").addClass('plus');
  2050. // $("#pickup_location").val('');
  2051. } else {
  2052. $("#location_section").hide();
  2053. $("#pickup_location").val('');
  2054. }
  2055. }
  2056. }
  2057. }
  2058.  
  2059. $(this).on('change', update);
  2060. update();
  2061. // $container.insertAfter($input);
  2062. });
  2063.  
  2064. jQuery("#rental_car_edit").validate({
  2065. ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input',
  2066. rules: {
  2067. pickup_location: {required: true},
  2068. price: {number: true}
  2069. },
  2070. messages: {
  2071. pickup_location: {required: 'Location cannot be blank'},
  2072. },
  2073. invalidHandler: function (event, validator) {
  2074.  
  2075. },
  2076. submitHandler: function (form) {
  2077.  
  2078. if ($("#rental-car-edit").css('display') == 'none') {
  2079. $('#car_edit_tab a[href="#rental-car-edit"]').tab('show');
  2080. } else {
  2081. form.submit();
  2082. }
  2083. }
  2084. });
  2085. var multiLocationcount = 1;
  2086. $(".add_new_location_button").click(function () {
  2087. var locationVal = $("#pickup_location").val();
  2088. var locationTrim = $.trim(locationVal);
  2089. if ($.trim(locationVal) != '') {
  2090. $("#pickup_location").css('border', '1px solid #ccc');
  2091. var locationAddHtml = '<div class="form-group multisection_added">' +
  2092. '<div class="col-md-12 row plus">' +
  2093. '<label class="col-md-3 control-label">Location #: </label>' +
  2094. '<div class="col-md-9">' +
  2095. '<button class="btn less remove_location" type="button">-</button>' +
  2096. '<input value="' + locationTrim + '" name="multi_location[]" type="text" readonly="" class="form-control input-md">' +
  2097. '</div>' +
  2098. '</div>' +
  2099. '</div>';
  2100. $(".location_input").append(locationAddHtml);
  2101. $("#pickup_location").val('');
  2102. multiLocationcount++;
  2103. } else {
  2104. $("#pickup_location").css('border', '1px solid red').shake(3, 7, 800);
  2105. }
  2106. });
  2107.  
  2108. $(".location_input").on("click", '.remove_location', function () {
  2109. var removeObj = $(this);
  2110. var removeContent = removeObj.parents('.multisection_added');
  2111. removeContent.fadeOut("slow", function () {
  2112. removeContent.remove();
  2113. });
  2114. multiLocationcount--;
  2115. });
  2116.  
  2117. $('.tooltip').tooltipster({
  2118. animation: 'fade',
  2119. delay: 200,
  2120. theme: 'tooltipster-borderless'
  2121. });
  2122.  
  2123. $('.tooltip-custom').tooltipster({
  2124. animation: 'fade',
  2125. delay: 200,
  2126. theme: 'tooltipster-borderless',
  2127. contentCloning: true,
  2128. side:'right'
  2129. });
  2130.  
  2131.  
  2132. });
  2133. function popWin(url, win, para) {
  2134. var win = window.open(url, win, para);
  2135. win.focus();
  2136. }
  2137.  
  2138. function tabChnageFunction(tab) {
  2139. tab_selected = tab;
  2140. $('#car_add_tab a[href="' + tab + '"]').tab('show');
  2141. }
  2142.  
  2143. function tabRentalChnageFunction(tab) {
  2144. tab_selected = tab;
  2145. $('#car_edit_tab a[href="' + tab + '"]').tab('show');
  2146. }
  2147.  
  2148. function cehckSearch() {
  2149. var searchVal = $("#search_input").val();
  2150. if ($.trim(searchVal) != '') {
  2151. return true;
  2152. } else {
  2153. return false;
  2154. }
  2155. }
  2156.  
  2157.  
  2158. jQuery.fn.shake = function (intShakes, intDistance, intDuration) {
  2159. this.each(function () {
  2160. $(this).css("position", "relative");
  2161. for (var x = 1; x <= intShakes; x++) {
  2162. $(this).animate({left: (intDistance * -1)}, (((intDuration / intShakes) / 4)))
  2163. .animate({left: intDistance}, ((intDuration / intShakes) / 2))
  2164. .animate({left: 0}, (((intDuration / intShakes) / 4)));
  2165. }
  2166. });
  2167. return this;
  2168. };
  2169.  
  2170.  
  2171. function CurrencyFormat(number)
  2172. {
  2173. var decimalplaces = 2;
  2174. var decimalcharacter = ".";
  2175. var thousandseparater = ",";
  2176. number = parseFloat(number);
  2177. var sign = number < 0 ? "-" : '';
  2178. var formatted = new String(number.toFixed(decimalplaces));
  2179. if (decimalcharacter.length && decimalcharacter != ".") {
  2180. formatted = formatted.replace(/\./, decimalcharacter);
  2181. }
  2182. var integer = "";
  2183. var fraction = "";
  2184. var strnumber = new String(formatted);
  2185. var dotpos = decimalcharacter.length ? strnumber.indexOf(decimalcharacter) : -1;
  2186. if (dotpos > -1)
  2187. {
  2188. if (dotpos) {
  2189. integer = strnumber.substr(0, dotpos);
  2190. }
  2191. fraction = strnumber.substr(dotpos + 1);
  2192. }
  2193. else {
  2194. integer = strnumber;
  2195. }
  2196. if (integer) {
  2197. integer = String(Math.abs(integer));
  2198. }
  2199. while (fraction.length < decimalplaces) {
  2200. fraction += "0";
  2201. }
  2202. temparray = new Array();
  2203. while (integer.length > 3)
  2204. {
  2205. temparray.unshift(integer.substr(-3));
  2206. integer = integer.substr(0, integer.length - 3);
  2207. }
  2208. temparray.unshift(integer);
  2209. integer = temparray.join(thousandseparater);
  2210. return sign + integer + decimalcharacter + fraction;
  2211. }
  2212.  
  2213. function runner() {
  2214. $("a.upgrade-plan , .marquee_title span").shake(3, 7, 800);
  2215. setTimeout(function () {
  2216. runner();
  2217. }, 1500);
  2218. }
  2219.  
  2220. runner();
  2221.  
  2222.  
  2223. window.onscroll = function () {
  2224. scrollFunction()
  2225. };
  2226.  
  2227. function scrollFunction() {
  2228. if (document.body.scrollTop > 250 || document.documentElement.scrollTop > 250) {
  2229. document.getElementById("myBtn").style.display = "block";
  2230. } else {
  2231. document.getElementById("myBtn").style.display = "none";
  2232. }
  2233. }
  2234.  
  2235. // When the user clicks on the button, scroll to the top of the document
  2236. function topFunction() {
  2237. $('html,body').animate({scrollTop: 0}, 'slow');
  2238. }
  2239.  
  2240. function popupSubmit() {
  2241. submitLogin = 0;
  2242. jQuery("#login_form").submit();
  2243. }
  2244.  
  2245. function initMap() {
  2246. var input = document.getElementById('pickup_location');
  2247. var input2 = document.getElementById('drop_location');
  2248. var autocomplete = new google.maps.places.Autocomplete(input);
  2249. // Set initial restrict to the greater list of countries.
  2250. autocomplete.setComponentRestrictions({'country': ['sg']});
  2251. autocomplete.addListener('place_changed', function () {
  2252. $("#pickup_location").css('border', '1px solid #ccc');
  2253. /*infowindow.close();
  2254. marker.setVisible(false);*/
  2255. var place = autocomplete.getPlace();
  2256. if (!place.geometry) {
  2257. // User entered the name of a Place that was not suggested and
  2258. // pressed the Enter key, or the Place Details request failed.
  2259. window.alert("No details available for input: '" + place.name + "'");
  2260. return;
  2261. }
  2262. });
  2263.  
  2264. var autocomplete2 = new google.maps.places.Autocomplete(input2);
  2265. // Set initial restrict to the greater list of countries.
  2266. autocomplete2.setComponentRestrictions({'country': ['sg']});
  2267. autocomplete2.addListener('place_changed', function () {
  2268. /*infowindow.close();
  2269. marker.setVisible(false);*/
  2270. var place = autocomplete2.getPlace();
  2271. if (!place.geometry) {
  2272. // User entered the name of a Place that was not suggested and
  2273. // pressed the Enter key, or the Place Details request failed.
  2274. window.alert("No details available for input: '" + place.name + "'");
  2275. return;
  2276. }
  2277. });
  2278.  
  2279. }
  2280.  
  2281. </script>
  2282. <script type="text/javascript">
  2283.  
  2284. !function ($) {
  2285.  
  2286. var is,
  2287. transition;
  2288.  
  2289. // from valentine
  2290. is = {
  2291. fun: function (f) {
  2292. return typeof f === 'function';
  2293. },
  2294. arr: function (ar) {
  2295. return ar instanceof Array;
  2296. },
  2297. obj: function (o) {
  2298. return o instanceof Object && !is.fun(o) && !is.arr(o);
  2299. }
  2300. };
  2301.  
  2302. /*
  2303. Based on Bootstrap
  2304. Mozilla and Webkit support only
  2305. */
  2306. transition = (function () {
  2307. var st = document.createElement('div').style,
  2308. transitionEnd = 'TransitionEnd',
  2309. transitionProp = 'Transition',
  2310. support = st.transition !== undefined ||
  2311. st.WebkitTransition !== undefined ||
  2312. st.MozTransition !== undefined;
  2313.  
  2314. return support && {
  2315. prop: (function () {
  2316. if (st.WebkitTransition !== undefined) {
  2317. transitionProp = 'WebkitTransition';
  2318. } else if (st.MozTransition !== undefined) {
  2319. transitionProp = 'MozTransition';
  2320. }
  2321. return transitionProp;
  2322. }()),
  2323. end: (function () {
  2324. if (st.WebkitTransition !== undefined) {
  2325. transitionEnd = 'webkitTransitionEnd';
  2326. } else if (st.MozTransition !== undefined) {
  2327. transitionEnd = 'transitionend';
  2328. }
  2329. return transitionEnd;
  2330. }())
  2331. };
  2332. }());
  2333.  
  2334. function extend() {
  2335. // based on jQuery deep merge
  2336. var options, name, src, copy, clone,
  2337. target = arguments[0], i = 1, length = arguments.length;
  2338.  
  2339. for (; i < length; i += 1) {
  2340. if ((options = arguments[i]) !== null) {
  2341. // Extend the base object
  2342. for (name in options) {
  2343. src = target[name];
  2344. copy = options[name];
  2345. if (target === copy) {
  2346. continue;
  2347. }
  2348. if (copy && (is.obj(copy))) {
  2349. clone = src && is.obj(src) ? src : {};
  2350. target[name] = extend(clone, copy);
  2351. } else if (copy !== undefined) {
  2352. target[name] = copy;
  2353. }
  2354. }
  2355. }
  2356. }
  2357. return target;
  2358. }
  2359.  
  2360. function clone(obj) {
  2361. if (null === obj || 'object' !== typeof obj) {
  2362. return obj;
  2363. }
  2364. var copy = obj.constructor(),
  2365. attr;
  2366. for (attr in obj) {
  2367. if (obj.hasOwnProperty(attr)) {
  2368. copy[attr] = obj[attr];
  2369. }
  2370. }
  2371. return copy;
  2372. }
  2373.  
  2374. // from jquery
  2375. function proxy(fn, context) {
  2376. var slice = Array.prototype.slice,
  2377. args = slice.call(arguments, 2);
  2378. return function () {
  2379. return fn.apply(context, args.concat(slice.call(arguments)));
  2380. };
  2381. }
  2382.  
  2383. function animate(options) {
  2384. var el = options.el,
  2385. complete = options.complete ? options.complete : function () {
  2386. },
  2387. animation,
  2388. dummy;
  2389.  
  2390. // no animation obj OR animation is not available,
  2391. // fallback to css and call the callback
  2392. if (!options.animation ||
  2393. !(el.animate || (options.css3transition && transition))) {
  2394. el.css(options.fallbackCss);
  2395. complete();
  2396. return;
  2397. }
  2398.  
  2399. // we will animate, apply start CSS
  2400. if (options.animStartCss) {
  2401. if (options.animStartCss.opacity === 0) {
  2402. options.animStartCss.opacity = 0.01; // ie quirk
  2403. }
  2404. el.css(options.animStartCss);
  2405. }
  2406. animation = options.animation;
  2407.  
  2408. // css3 setted, if available apply the css
  2409. if (options.css3transition && transition) {
  2410. dummy = el[0].offsetWidth; // force reflow; source: bootstrap
  2411. el[0].style[transition.prop] = 'all ' + animation.duration + 'ms';
  2412.  
  2413. // takaritas
  2414. delete animation.duration;
  2415. delete animation.easing;
  2416.  
  2417. el.css(animation);
  2418. // el.unbind(transition.end);
  2419. el.on(transition.end, function () {
  2420. // delete transition properties and events
  2421. el.off(transition.end);
  2422. el[0].style[transition.prop] = 'none';
  2423. complete();
  2424. });
  2425. } else if (window.ender) {
  2426. // use morpheus
  2427. el.animate(extend(animation, {'complete': complete}));
  2428. } else {
  2429. // use animate from jquery
  2430. el.animate(animation, animation.duration, animation.easing, complete);
  2431. }
  2432. }
  2433.  
  2434. /*
  2435. Carousel Constructor
  2436. */
  2437. function Carousel(el, options) {
  2438. this.init(el, options);
  2439.  
  2440. // only return the API
  2441. // instead of this
  2442. return {
  2443. getPageSize: proxy(this.getPageSize, this),
  2444. getCursor: proxy(this.getCursor, this),
  2445. nextPage: proxy(this.nextPage, this),
  2446. prevPage: proxy(this.prevPage, this),
  2447. isVisibleItem: proxy(this.isVisibleItem, this),
  2448. scrollToItem: proxy(this.scrollToItem, this),
  2449. getOptions: proxy(this.getOptions, this),
  2450. setOptions: proxy(this.setOptions, this)
  2451. };
  2452. }
  2453.  
  2454. Carousel.prototype = {
  2455. init: function (el, options) {
  2456. var opt;
  2457.  
  2458. this.options = {
  2459. window: '.window',
  2460. items: 'li',
  2461. pager: null,
  2462. nextPager: 'a.next',
  2463. prevPager: 'a.prev',
  2464. activeClass: null,
  2465. disabledClass: 'disabled',
  2466. duration: 400,
  2467. vertical: true,
  2468. keyboard: true,
  2469. css3transition: true,
  2470. extraOffset: 0
  2471. };
  2472. this.setOptions(options);
  2473. opt = this.options;
  2474.  
  2475. if (opt.css3transition && !transition) {
  2476. opt.css3transition = false;
  2477. }
  2478.  
  2479. this.$el = $(el);
  2480. this.$window = this.$el.find(
  2481. opt.window
  2482. );
  2483. this.$itemWrapper = this.$window.children().first();
  2484. this.$items = this.$el.find(
  2485. opt.items
  2486. );
  2487. this.$nextPager = this.$el.find(
  2488. opt.nextPager
  2489. );
  2490. this.$prevPager = this.$el.find(
  2491. opt.prevPager
  2492. );
  2493.  
  2494. this.setDimensions();
  2495.  
  2496. if (opt.pager) {
  2497. this.$pager = this.$el.find(
  2498. opt.pager
  2499. );
  2500.  
  2501. this.createPager();
  2502.  
  2503. this.$pagerItems = this.$pager.find('li');
  2504. }
  2505.  
  2506. if (this.$items.length <= this.pageSize) {
  2507. this.hidePrevPager();
  2508. this.hideNextPager();
  2509. return;
  2510. }
  2511.  
  2512. this.cursor = this.getActiveIndex();
  2513.  
  2514. if (this.cursor < 0) {
  2515. if (this.options.activeClass) {
  2516. for (var i = 0; i < this.pageSize; i += 1) {
  2517. $(this.$items.get(i)).addClass('active');
  2518. }
  2519. }
  2520.  
  2521. this.cursor = 0;
  2522. }
  2523.  
  2524. if (this.cursor > this.lastPosition) {
  2525. this.cursor = this.lastPosition;
  2526. }
  2527.  
  2528. if (this.cursor > 0) {
  2529. this.scrollToItem(this.cursor, true);
  2530. }
  2531.  
  2532. if (this.cursor === 0) {
  2533. this.hidePrevPager();
  2534. }
  2535.  
  2536. if (this.cursor >= this.lastPosition) {
  2537. this.hideNextPager();
  2538. }
  2539.  
  2540. this.$nextPager.on('click', proxy(this.nextPage, this));
  2541. this.$prevPager.on('click', proxy(this.prevPage, this));
  2542.  
  2543. if (opt.keyboard) {
  2544. $(document).on('keyup', proxy(this.onKeyUp, this));
  2545. }
  2546.  
  2547. this.$el.addClass('carousel-inited');
  2548. },
  2549. setDimensions: function () {
  2550. var $secondItem,
  2551. alignedDimension = 'width',
  2552. marginType = ['margin-left', 'margin-right'];
  2553.  
  2554. if (this.options.vertical) {
  2555. alignedDimension = 'height';
  2556. marginType = ['margin-top', 'margin-bottom'];
  2557. }
  2558.  
  2559. $secondItem = this.$items.first().next();
  2560. this.itemMargin = parseInt($secondItem.css(marginType[0]), 10) +
  2561. parseInt($secondItem.css(marginType[1]), 10);
  2562. this.itemDimension = $secondItem[alignedDimension]() + this.itemMargin;
  2563.  
  2564. this.windowDimension = this.$window[alignedDimension]();
  2565. this.pageSize = Math.floor(
  2566. (this.windowDimension + this.itemMargin) / this.itemDimension
  2567. );
  2568. this.pageDimension = this.pageSize * this.itemDimension;
  2569. this.lastPosition = this.$items.length - this.pageSize;
  2570.  
  2571. },
  2572. createPager: function () {
  2573. var itemsLen = this.$items.length,
  2574. pagerItemsFrag = document.createDocumentFragment(),
  2575. pagerItem,
  2576. i;
  2577.  
  2578. for (i = 0; i < itemsLen; i += 1) {
  2579. pagerItem = document.createElement('li');
  2580. $pagerItem = $(pagerItem);
  2581.  
  2582. $pagerItem.on('click', proxy(this.usePager, this, i, itemsLen));
  2583.  
  2584. if (i < this.pageSize) {
  2585. $pagerItem.addClass('active');
  2586. }
  2587.  
  2588. pagerItemsFrag.appendChild(pagerItem);
  2589. }
  2590.  
  2591. this.$pager.empty().get(0).appendChild(pagerItemsFrag);
  2592. },
  2593. usePager: function (pos, len) {
  2594. if (pos > (len - this.pageSize)) {
  2595. this.scrollToItem(len - this.pageSize);
  2596. } else {
  2597. this.scrollToItem(pos);
  2598. }
  2599. },
  2600. nextPage: function (e) {
  2601. if (typeof (e) !== 'undefined') {
  2602. e.preventDefault();
  2603. }
  2604.  
  2605. if (this.cursor >= this.lastPosition) {
  2606. return;
  2607. }
  2608.  
  2609. var itemIdx = this.cursor + this.pageSize;
  2610. if (itemIdx > this.lastPosition) {
  2611. itemIdx = this.lastPosition;
  2612. }
  2613.  
  2614. this.scrollToItem(itemIdx);
  2615. },
  2616. prevPage: function (e) {
  2617. if (typeof (e) !== 'undefined') {
  2618. e.preventDefault();
  2619. }
  2620.  
  2621. if (this.cursor === 0) {
  2622. return;
  2623. }
  2624.  
  2625. var itemIdx = this.cursor - this.pageSize;
  2626. if (itemIdx < 0) {
  2627. itemIdx = 0;
  2628. }
  2629.  
  2630. this.scrollToItem(itemIdx);
  2631. },
  2632. nextItem: function () {
  2633. if (this.cursor >= this.lastPosition) {
  2634. return;
  2635. }
  2636.  
  2637. this.scrollToItem(this.cursor + 1);
  2638. },
  2639. prevItem: function () {
  2640. if (this.cursor === 0) {
  2641. return;
  2642. }
  2643. this.scrollToItem(this.cursor - 1);
  2644. },
  2645. scrollToItem: function (idx, doNotAnimate) {
  2646. var animateTo,
  2647. scrollTo,
  2648. direction = this.options.vertical ? 'top' : 'left',
  2649. animObj = {},
  2650. activeClassName = this.options.activeClass || 'active',
  2651. itemsLen = this.$items.length,
  2652. i;
  2653.  
  2654. this.cursorPrevious = this.cursor;
  2655. this.cursor = idx;
  2656.  
  2657. if (this.cursor === 0) {
  2658. this.hidePrevPager();
  2659. } else {
  2660. this.showPrevPager();
  2661. }
  2662.  
  2663. if (this.cursor >= this.lastPosition) {
  2664. this.hideNextPager();
  2665. } else {
  2666. this.showNextPager();
  2667. }
  2668.  
  2669. scrollTo = this.cursor * this.itemDimension;
  2670. if (this.cursor === this.lastPosition) {
  2671. scrollTo = scrollTo -
  2672. (this.windowDimension - this.pageDimension + this.itemMargin) +
  2673. this.options.extraOffset;
  2674. }
  2675.  
  2676. scrollTo *= -1;
  2677. animObj[direction] = scrollTo;
  2678.  
  2679. if (!doNotAnimate) {
  2680. animObj.duration = this.options.duration;
  2681. }
  2682.  
  2683. if (this.options.activeClass) {
  2684. activeClass = this.options.activeClass;
  2685.  
  2686. if (this.getPageSize() === 1) {
  2687. $(this.$items.get(this.cursorPrevious)).removeClass(activeClass);
  2688. $(this.$items.get(idx)).addClass(activeClass);
  2689. } else {
  2690. itemslen = this.$items.length;
  2691. this.$items.removeClass(activeClass);
  2692.  
  2693. for (i = 0; i < itemslen; i += 1) {
  2694. if (this.isVisibleItem(i)) {
  2695. $(this.$items.get(i)).addClass(activeClass);
  2696. }
  2697. }
  2698. }
  2699. }
  2700.  
  2701. if (this.options.pager) {
  2702. if (this.getPageSize() === 1) {
  2703. $(this.$pagerItems.get(this.cursorPrevious)).removeClass(activeClassName);
  2704. $(this.$pagerItems.get(this.cursor)).addClass(activeClassName);
  2705. } else {
  2706. this.$pagerItems.removeClass(activeClassName);
  2707.  
  2708. for (i = 0; i < itemsLen; i += 1) {
  2709. if (this.isVisibleItem(i)) {
  2710. $(this.$pagerItems.get(i)).addClass(activeClassName);
  2711. }
  2712. }
  2713. }
  2714. }
  2715.  
  2716. animate({
  2717. el: this.$itemWrapper,
  2718. animation: doNotAnimate ? false : animObj,
  2719. fallbackCss: animObj,
  2720. css3transition: this.options.css3transition
  2721. });
  2722. },
  2723. onKeyUp: function (e) {
  2724. if (e.keyCode === 39) {
  2725. this.nextPage();
  2726. } else if (e.keyCode === 37) {
  2727. this.prevPage();
  2728. }
  2729. },
  2730. getActiveIndex: function () {
  2731. var i = 0,
  2732. il = this.$items.length;
  2733.  
  2734. for (; i < il; i += 1) {
  2735. if ($(this.$items.get(i)).hasClass('active')) {
  2736. return i;
  2737. }
  2738. }
  2739.  
  2740. return -1;
  2741. },
  2742. hideNextPager: function () {
  2743. this.$nextPager.addClass(
  2744. this.options.disabledClass
  2745. );
  2746. },
  2747. hidePrevPager: function () {
  2748. this.$prevPager.addClass(
  2749. this.options.disabledClass
  2750. );
  2751. },
  2752. showNextPager: function () {
  2753. this.$nextPager.removeClass(
  2754. this.options.disabledClass
  2755. );
  2756. },
  2757. showPrevPager: function () {
  2758. this.$prevPager.removeClass(
  2759. this.options.disabledClass
  2760. );
  2761. },
  2762. getPageSize: function () {
  2763. return this.pageSize;
  2764. },
  2765. getCursor: function () {
  2766. return this.cursor;
  2767. },
  2768. isVisibleItem: function (idx) {
  2769. if (this.cursor + this.pageSize <= idx || this.cursor > idx) {
  2770. return false;
  2771. }
  2772. return true;
  2773. },
  2774. getOptions: function () {
  2775. return this.options;
  2776. },
  2777. setOptions: function (options) {
  2778. extend(this.options, options || {});
  2779. }
  2780. };
  2781.  
  2782. $.fn.carousel = function (options) {
  2783. return new Carousel(this.first(), options);
  2784. };
  2785. }(window.ender || window.jQuery || window.Zepto);
  2786.  
  2787.  
  2788. $(document).ready(function () {
  2789. $(".carousel").carousel({
  2790. vertical: true,
  2791. interval: 3000
  2792.  
  2793. });
  2794. });
  2795.  
  2796. </script>
  2797. <script>
  2798. (function (e, t, n) {
  2799. var r = e.querySelectorAll("html")[0];
  2800. r.className = r.className.replace(/(^|\s)no-js(\s|$)/, "$1js$2")
  2801. })(document, window, 0);
  2802. </script>
  2803.  
  2804.  
  2805. <!--- for emi calculator---->
  2806. <script>
  2807. // ---------------this is for datepicker---------------
  2808. var flag=0;
  2809.  
  2810. var dt = new Date();
  2811. dt.setFullYear(new Date().getFullYear() - 18);
  2812.  
  2813. $('#dob').datepicker(
  2814. {
  2815. viewMode: "years",
  2816. endDate: dt,
  2817. format: 'yyyy-mm-dd',
  2818. autoclose: true,
  2819. }
  2820. );
  2821.  
  2822. function age_calculate(dateString) {
  2823.  
  2824. var today = new Date();
  2825. var birthDate = new Date(dateString);
  2826. var age = today.getFullYear() - birthDate.getFullYear();
  2827. var m = today.getMonth() - birthDate.getMonth();
  2828. if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
  2829. age--;
  2830. }
  2831. document.getElementById("current_age").value = age;
  2832. }
  2833.  
  2834. function getmodel_calc(id)
  2835. {
  2836. // alert('this id value :'+id);
  2837. $.ajax({
  2838. type: "POST",
  2839. url: '<?php echo site_url('brand_model/ajax_model_list') . '/'; ?>' + id,
  2840. datatype: 'json',
  2841. data: id = id,
  2842. success: function (data) {
  2843. var dopCollection = JSON.parse(data);
  2844. $('#brand_model').empty();
  2845. $('#brand_model').append($('<option></option>').val('').html('Select Model'));
  2846. $.each(dopCollection, function (val, text) {
  2847. $('#brand_model').append($('<option></option>').val(text.id).html(text.model_name));
  2848. });
  2849. },
  2850. });
  2851.  
  2852. document.getElementById("txt_bike_price").value = '';
  2853. }
  2854.  
  2855.  
  2856.  
  2857. function getprice(id)
  2858. {
  2859. // alert('this id value :'+id);
  2860. var brand_id = $("#brand_id").val();
  2861. // alert(brand_id);
  2862. if (id == "")
  2863. {
  2864. document.getElementById("txt_bike_price").value = '';
  2865. }
  2866. $.ajax({
  2867. type: "POST",
  2868. url: '<?php echo site_url('user/ajax_price') . '/'; ?>' + brand_id + '/' + id,
  2869. datatype: 'json',
  2870. data: 'brand_id=' + brand_id + 'model_id=' + id,
  2871. success: function (data) {
  2872. var dopCollection = JSON.parse(data);
  2873. document.getElementById("txt_bike_price").value = '';
  2874. document.getElementById("txt_bike_price").value = dopCollection[0]['bike_price'];
  2875. $(".exprice").html('On Road Price: &nbsp;<i class="fa fa-inr" aria-hidden="true"></i> '+CurrencyFormat(dopCollection[0]['bike_price'])+'<span class="wrk-exp red-msg">(Price may vary at different Locations)</span>');
  2876. },
  2877. });
  2878.  
  2879. }
  2880.  
  2881. // -----------price slider-----------
  2882. /*var slider = new Slider("#price_slider", {
  2883. tooltip: 'always'
  2884. });*/
  2885. var selectLoanPrice = 0;
  2886. var selectLoanTenure = 0;
  2887. var ex_bike_price= 0;
  2888. var emi=0;
  2889. var dob="";
  2890. var brand_id=0;
  2891. var model_id=0;
  2892. var income=0;
  2893. var income_doc_value=0;
  2894. var res_type_rel_val=0;
  2895. var toe_rel_val=0;
  2896.  
  2897.  
  2898. // on text-box blur calculate monthly income saving
  2899. function monthly_saving() {
  2900. var income = $("#mon_income").val();
  2901. var saving = (income * 60) / 100;
  2902. document.getElementById("mon_saving").value = saving;
  2903. }
  2904.  
  2905. // get res_type rel value
  2906. $("#resi_type").on("change",function(){
  2907. res_type_rel_val =$("#resi_type option:selected").attr("rel");
  2908. });
  2909.  
  2910. // get type of employement rel value
  2911. $("#toe").on("change",function(){
  2912. toe_rel_val =$("#toe option:selected").attr("rel");
  2913. });
  2914.  
  2915. // -----------form validation----------
  2916. jQuery("#calculator_form").validate({
  2917. rules: {
  2918. dob: {required: true},
  2919. doc_status: {required: true},
  2920. brand: {required: true},
  2921. brand_model: {required: true},
  2922. resi_type: {required: true},
  2923. loan_before: {required: true},
  2924. mon_income: {required: true, digits: true},
  2925. toe: {required: true},
  2926. },
  2927.  
  2928. messages: {
  2929. dob: {required: 'Please Select Date of Birth.'},
  2930. doc_status: {required: 'Select Document type.'},
  2931. brand: {required: 'Please Select Brand.'},
  2932. brand_model: {required: 'Please Select Model.'},
  2933. resi_type: {required: 'Please Select Residence Type.'},
  2934. loan_before: {required: 'Please Select Has taken Loan Before.'},
  2935. mon_income: {required: 'Please Enter Income.'},
  2936. toe: {required: 'Please Select Type of Employment.'}
  2937. },
  2938. submitHandler: function (form) {
  2939.  
  2940. $("#price_slider_div, #tenure_slider_div,#monthly_emi,#next_step").show();
  2941. var total_loan = ($("#txt_bike_price").val()*$("#doc_status").val())/100;
  2942. document.getElementById("txt_total_loan").value = total_loan;
  2943. $(".slide_price").html(CurrencyFormat(total_loan));
  2944. $(".max-slide-price").html(CurrencyFormat(total_loan));
  2945. $("#price_slider , #tenure_slider").slider('destroy');
  2946. selectLoanPrice = total_loan;
  2947. selectLoanTenure = 36;
  2948. $("#price_slider").slider({tooltip: 'always', max: total_loan, value: total_loan });
  2949. $("#tenure_slider").slider({tooltip: 'always'});
  2950. GetEmiprice(1);
  2951.  
  2952. $("#price_slider").on("slide", function (slideEvt) {
  2953. $(".slide_price").html(CurrencyFormat(slideEvt.value));
  2954. selectLoanPrice = slideEvt.value;
  2955. GetEmiprice(0);
  2956. });
  2957.  
  2958. $("#tenure_slider").on("slide", function (slideEvt) {
  2959. $(".slider_tenure").html(slideEvt.value);
  2960. selectLoanTenure = slideEvt.value;
  2961. GetEmiprice(0);
  2962. });
  2963.  
  2964. return false
  2965. },
  2966. });
  2967.  
  2968. function GetEmiprice(dbset){
  2969.  
  2970. dob=$("#dob").val();
  2971. var doc_type=$("#doc_status").val();
  2972. brand_id=$("#brand_id").val();
  2973. model_id=$("#brand_model").val();
  2974. income = $("#mon_income").val();
  2975. ex_bike_price= $("#txt_bike_price").val();
  2976. income_doc_value=$("#doc_status").val();
  2977.  
  2978.  
  2979. var current_age=$("#current_age").val();
  2980. var age_rate=0;
  2981. if(current_age>=18 && current_age<=21)
  2982. age_rate=3;
  2983. else if(current_age>=22 && current_age<=50)
  2984. age_rate=10;
  2985. else if(current_age>=51 && current_age<=60)
  2986. age_rate=5;
  2987. else
  2988. age_rate=0;
  2989.  
  2990.  
  2991. var mon_saving=$("#mon_saving").val();
  2992. var saving_rate=0;
  2993. if(mon_saving>50000)
  2994. saving_rate=10;
  2995. else if(mon_saving>=35000 && mon_saving<=50000)
  2996. saving_rate=8;
  2997. else if(mon_saving>=20000 && mon_saving<35000)
  2998. saving_rate=6;
  2999. else if(mon_saving>=10000 && mon_saving<20000)
  3000. saving_rate=4;
  3001. else if(mon_saving>=5100 && mon_saving<10000)
  3002. saving_rate=3;
  3003. else
  3004. saving_rate=0;
  3005.  
  3006.  
  3007. var resi_type_value=$("#resi_type").val();
  3008. var toe_value=$("#toe").val();
  3009.  
  3010.  
  3011.  
  3012. var age_weighted_score= (age_rate*5)/100;
  3013. var resi_type_weighted_score= (resi_type_value*30)/100;
  3014. var toe_weighted_score= (toe_value*20)/100;
  3015. var saving_weighted_score= (saving_rate*35)/100;
  3016. var bike_model_weighted_score= (0*10)/100;
  3017.  
  3018. var total_weighted_score= age_weighted_score+resi_type_weighted_score+toe_weighted_score+saving_weighted_score+bike_model_weighted_score;
  3019. var total_weighted_score=(CurrencyFormat(total_weighted_score));
  3020. // alert (total_weighted_score);
  3021.  
  3022. var ltv=(selectLoanPrice/$("#txt_bike_price").val())*100;
  3023. var loan_amount = selectLoanPrice;
  3024. var irr = (0.26-(0.26-0.23)*total_weighted_score/10);
  3025. // var mon_red_rate = (Math.pow((1+irr), (1/12)))-1;
  3026. var tanure = selectLoanTenure;
  3027. emi= PMT((irr/12), tanure, loan_amount);
  3028. $(".mon_emi").text(CurrencyFormat(emi));
  3029. //var flat_rate=((emi*tanure)-selectLoanPrice)/selectLoanPrice/(tenure/12);
  3030.  
  3031. if(dbset==1){
  3032. $.ajax({
  3033. type: "POST",
  3034. url: '<?php echo site_url('emi_calc_log/post'); ?>',
  3035. data: ({'dob': dob, 'age': current_age, 'income_docs': doc_type, 'brand': brand_id, 'model': model_id, 'resi_type': resi_type_value, 'mon_income': income, 'toe': toe_value, 'loan_amount': loan_amount, 'tenure': tanure, 'emi': emi}),
  3036. });
  3037. }
  3038. }
  3039.  
  3040.  
  3041. function PMT(ir, np, pv, fv, type) {
  3042. /*
  3043. * ir - interest rate per month
  3044. * np - number of periods (months)
  3045. * pv - present value
  3046. * fv - future value
  3047. * type - when the payments are due:
  3048. * 0: end of the period, e.g. end of month (default)
  3049. * 1: beginning of period
  3050. */
  3051. var pmt, pvif;
  3052.  
  3053. fv || (fv = 0);
  3054. type || (type = 0);
  3055.  
  3056. if (ir === 0)
  3057. return -(pv + fv)/np;
  3058.  
  3059. pvif = Math.pow(1 + ir, np);
  3060. pmt = - ir * pv * (pvif + fv) / (pvif - 1);
  3061.  
  3062. if (type === 1)
  3063. pmt /= (1 + ir);
  3064.  
  3065. return pmt*-1;
  3066. }
  3067. //for change title of Calculator popup
  3068. $('#Emi-openPopup').click(function(){
  3069. $('#loan-calculater').modal({show:true});
  3070. $('#loan-calculater').on('shown.bs.modal', function (e) {
  3071. $(".modal-title-calc").html('<i class="fa fa-calculator" aria-hidden="true"></i> EMI Calculator');
  3072. $(".hide-emi-click").hide();
  3073. });
  3074. });
  3075.  
  3076. $('#Elg-openPopup').click(function(){
  3077. $('#loan-calculater').modal({show:true});
  3078. $('#loan-calculater').on('shown.bs.modal', function (e) {
  3079. $(".modal-title-calc").html('<i class="fa fa-file-text-o" aria-hidden="true"></i> Eligibility Criteria');
  3080. //$('#vertical_tab').show();
  3081. $(".hide-emi-click").show();
  3082. });
  3083. });
  3084. // index page 4 tab emi calc, eligibility criteria, application form onclick open
  3085. $('#tab-calc-open').click(function(){
  3086. $('#loan-calculater').modal({show:true});
  3087. $('#loan-calculater').on('shown.bs.modal', function (e) {
  3088. $(".modal-title-calc").html('<i class="fa fa-calculator" aria-hidden="true"></i> EMI Calculator');
  3089. $(".hide-emi-click").hide();
  3090. });
  3091. });
  3092.  
  3093. $('#tab-eli-calc-open').click(function(){
  3094. $('#loan-calculater').modal({show:true});
  3095. $('#loan-calculater').on('shown.bs.modal', function (e) {
  3096. $(".modal-title-calc").html('<i class="fa fa-file-text-o" aria-hidden="true"></i> Eligibility Criteria');
  3097. //$('#vertical_tab').show();
  3098. $(".hide-emi-click").show();
  3099. });
  3100. });
  3101.  
  3102. $('#tab-appform-calc-open').click(function(){
  3103. $('#loan-calculater').modal({show:true});
  3104. $('#loan-calculater').on('shown.bs.modal', function (e) {
  3105. $(".modal-title-calc").html('<i class="fa fa-pencil-square-o" aria-hidden="true"></i> Application Form');
  3106. //$('#vertical_tab').show();
  3107. $(".hide-emi-click").show();
  3108. });
  3109. });
  3110. ////////////////////////4 tab code end here/////////////////////////////
  3111. function seeincomedoc(id){
  3112. if(id==75)
  3113. {
  3114. $(".inc-prf").hide();
  3115. $(".inc-prf-stmt").show();
  3116. $('#up_incm_prf').removeAttr('required');
  3117. }
  3118. else{
  3119. $(".inc-prf").show();
  3120. $(".inc-prf-stmt").hide();
  3121. $('#up_incm_prf').attr('required', 'required');
  3122. }
  3123. }
  3124. function next_step_button(btObj){
  3125.  
  3126. $(".modal-title").html('<i class="fa fa-file-text-o" aria-hidden="true"></i> Eligibility Criteria');
  3127. $("#loan-calculater").animate({scrollTop: 0}, 'slow');
  3128. $(".hide-emi-click").show();
  3129. $('.wizard .nav-tabs li').each(function(){
  3130. $(this).removeClass('active');
  3131. $(this).addClass('disabled');
  3132. });
  3133. $('.wizard .nav-tabs li#step-'+btObj+'-tab').prev().addClass('accessable');
  3134. $(".setup-content").each(function(){
  3135. $(this).hide();
  3136. });
  3137. $('.wizard .nav-tabs li#step-'+btObj+'-tab').addClass('active').removeClass('disabled');
  3138. $(".setup-content#step-"+btObj).show();
  3139. var $active = $('.wizard .nav-tabs li.active');
  3140.  
  3141.  
  3142. $(".price-vtab").text(CurrencyFormat(ex_bike_price));
  3143. $(".loan-vtab").text(CurrencyFormat(selectLoanPrice));
  3144. $(".emi-vtab").text(CurrencyFormat(emi));
  3145. $(".tenure-vtab").text(selectLoanTenure);
  3146.  
  3147.  
  3148. //pass data from one form to another in hidden field
  3149. $("#cli_dob").val(dob);
  3150. $("#bike_brand").val(brand_id);
  3151. $("#bike_model_name").val(model_id);
  3152. $("#bike_ex_price").val(ex_bike_price);
  3153. $("#bike_total_loan_amount").val(selectLoanPrice);
  3154. $("#bike_total_tenure").val(selectLoanTenure);
  3155. $("#bike_total_emi").val(emi);
  3156. $("#cli_mon_salary").val(income);
  3157. $("#doc_sta_value").val(income_doc_value);
  3158. $("#res_tp_rel").val(res_type_rel_val);
  3159. $("#toe_rel_vl").val(toe_rel_val);
  3160.  
  3161. }
  3162. $("#same_address").change(function() {
  3163. if(this.checked) {
  3164. $("#paddress").val($("#raddress").val());
  3165. $("#pstate").val($("#rstate").val());
  3166. $("#pcity").val($("#rcity").val());
  3167. $("#ppin").val($("#rpin").val());
  3168. }
  3169. });
  3170.  
  3171. $("#app_same_address").change(function() {
  3172. if(this.checked) {
  3173. $("#app_paddress").val($("#app_raddress").val());
  3174. $("#app_pstate").val($("#app_rstate").val());
  3175. $("#app_pcity").val($("#app_rcity").val());
  3176. $("#app_ppin").val($("#app_rpin").val());
  3177. }
  3178. });
  3179.  
  3180.  
  3181.  
  3182.  
  3183. function get_toc(id)
  3184. {
  3185. $("#toc").val(id);
  3186. if(id=="")
  3187. {
  3188. $("#Salaried,#Self-emp-bus,#Self-emp-prfsnl,#pension,#Agricultur,#applicant,#app-address").hide();
  3189. }
  3190. else if(id==1)
  3191. {
  3192. $("#Salaried").show();
  3193. $("#Self-emp-bus,#Self-emp-prfsnl,#pension,#Agricultur,#applicant,#app-address").hide();
  3194. }
  3195. else if(id==2)
  3196. {
  3197. $("#Self-emp-bus").show();
  3198. $("#Salaried,#Self-emp-prfsnl,#pension,#Agricultur,#applicant,#app-address").hide();
  3199. }
  3200. else if(id==3)
  3201. {
  3202. $("#Self-emp-prfsnl").show();
  3203. $("#Salaried,#Self-emp-bus,#pension,#Agricultur,#applicant,#app-address").hide();
  3204. }
  3205. else if(id==4)
  3206. {
  3207. $("#applicant,#app-address").show();
  3208. $("#Salaried,#Self-emp-bus,#Self-emp-prfsnl,#pension,#Agricultur").hide();
  3209. }
  3210. else if(id==5)
  3211. {
  3212. $("#applicant,#app-address").show();
  3213. $("#Salaried,#Self-emp-bus,#Self-emp-prfsnl,#pension,#Agricultur").hide();
  3214. }
  3215. else if(id==6)
  3216. {
  3217. $("#pension,#applicant,#app-address").show();
  3218. $("#Salaried,#Self-emp-bus,#Self-emp-prfsnl,#Agricultur").hide();
  3219. }
  3220. else if(id==7)
  3221. {
  3222. $("#Agricultur,#applicant,#app-address").show();
  3223. $("#Salaried,#Self-emp-bus,#Self-emp-prfsnl,#pension").hide();
  3224. }
  3225.  
  3226. }
  3227.  
  3228.  
  3229. function showApplicantTab(){
  3230. $('.bhoechie-tab-content, .list-group-item').removeClass('active');
  3231. $('#app-ver-tab, #applicant').addClass('active');
  3232. }
  3233.  
  3234.  
  3235. function app_get_toc(id)
  3236. {
  3237.  
  3238. if(id=="") $("#app-Salaried,#app-Self-emp-bus,#app-Self-emp-prfsnl").hide();
  3239. else if(id==1)
  3240. {
  3241. $("#app-Salaried").show();
  3242. $("#app-Self-emp-bus,#app-Self-emp-prfsnl").hide();
  3243. }
  3244. else if(id==2)
  3245. {
  3246. $("#app-Self-emp-bus").show();
  3247. $("#app-Salaried,#app-Self-emp-prfsnl").hide();
  3248. }
  3249. else if(id==3)
  3250. {
  3251. $("#app-Self-emp-prfsnl").show();
  3252. $("#app-Salaried,#app-Self-emp-bus").hide();
  3253. }
  3254. }
  3255.  
  3256. jQuery("#check-eligibility").validate({
  3257. rules: {
  3258. fname: {required: true},
  3259. //mname: {required: true},
  3260. lname: {required: true},
  3261. pname: {required: true},
  3262. moname: {required: true},
  3263. email: {required: true,email: true},
  3264. phone: {required: true, digits: true},
  3265. aadhar: {required: true, digits: true},
  3266. nod: {required: true, digits: true},
  3267. no_rent: {required: true},
  3268. cast: {required: true},
  3269. gender: {required: true},
  3270. status: {required: true},
  3271. toc: {required: true},
  3272. workexper: {required: true,number: true},
  3273. empname: {required: true},
  3274. monsal: {required: true,digits: true},
  3275. tocmpn: {required: true},
  3276. sdob: {required: true},
  3277. lstyritr: {required: true,digits: true},
  3278. prfsnl: {required: true},
  3279. sdop: {required: true},
  3280. lstprfsnl: {required: true,digits: true},
  3281. mon_pen: {required: true,digits: true},
  3282. anl_incm: {required: true,digits: true},
  3283. app_fname: {required: true},
  3284. //app_mname: {required: true},
  3285. app_lname: {required: true},
  3286. app_pname: {required: true},
  3287. app_moname: {required: true},
  3288. app_email: {required: true,email: true},
  3289. app_phone: {required: true, digits: true},
  3290. app_aadhar: {required: true, digits: true},
  3291. app_nod: {required: true, digits: true},
  3292. app_cast: {required: true},
  3293. app_gender: {required: true},
  3294. app_status: {required: true},
  3295. app_toc: {required: true},
  3296. app_workexper: {required: true,number: true},
  3297. app_empname: {required: true},
  3298. app_monsal: {required: true,digits: true},
  3299. app_tocmpn: {required: true},
  3300. app_sdob: {required: true},
  3301. app_lstyritr: {required: true,digits: true},
  3302. app_prfsnl: {required: true},
  3303. app_sdop: {required: true},
  3304. app_lstprfsnl: {required: true,digits: true},
  3305. raddress: {required: true},
  3306. rstate: {required: true},
  3307. rcity: {required: true},
  3308. rpin: {required: true,digits: true},
  3309. paddress: {required: true},
  3310. pstate: {required: true},
  3311. pcity: {required: true},
  3312. ppin: {required: true,digits: true},
  3313. oaddress: {required: true},
  3314. ostate: {required: true},
  3315. ocity: {required: true},
  3316. opin: {required: true,digits: true},
  3317. app_raddress: {required: true},
  3318. app_rstate: {required: true},
  3319. app_rcity: {required: true},
  3320. app_rpin: {required: true,digits: true},
  3321. app_paddress: {required: true},
  3322. app_pstate: {required: true},
  3323. app_pcity: {required: true},
  3324. app_ppin: {required: true,digits: true},
  3325. app_oaddress: {required: true},
  3326. app_ostate: {required: true},
  3327. app_ocity: {required: true},
  3328. app_opin: {required: true,digits: true}
  3329. },
  3330.  
  3331. messages: {
  3332. fname: {required: 'Please Enter Your FirstName.'},
  3333. mname: {required: 'Please Enter Your MiddleName.'},
  3334. lname: {required: 'Please Enter Your LastName.'},
  3335. pname: {required: 'Please Enter Your Fathers Name.'},
  3336. moname: {required: 'Please Enter Your Mothers Name.'},
  3337. gender: {required: 'Please select Gender.'},
  3338. status: {required: 'Please select Status.'},
  3339. email: {required: 'Please Enter Email Address.'},
  3340. phone: {required: 'Please Enter Mobile.'},
  3341. aadhar: {required: 'Please Enter AadharCard Number.'},
  3342. nod: {required: 'Please Enter Number of Dependents.'},
  3343. no_rent: {required: 'Please Enter Total Number of Rent.'},
  3344. cast: {required: 'Please Select Religion.'},
  3345. toc: {required: 'Please Select Type of Customer.'},
  3346. workexper: {required: 'Please Enter Work Experience.'},
  3347. empname: {required: 'Please Enter Employer Name.'},
  3348. monsal: {required: 'Please Enter Monthly Salary.'},
  3349. tocmpn: {required: 'Please Select Type of Company.'},
  3350. sdob: {required: 'Please Select Start Date of Business.'},
  3351. lstyritr: {required: 'Please Enter Last Years PAT as per ITR.'},
  3352. prfsnl: {required: 'Please Select Profession.'},
  3353. sdop: {required: 'Please Select Start Date of Profession.'},
  3354. lstprfsnl: {required: 'Please Enter Last Years PAT as per ITR.'},
  3355. mon_pen: {required: 'Please Enter Monthly Pension.'},
  3356. anl_incm: {required: 'Please Enter Annual Income.'},
  3357. app_fname: {required: 'Please Enter Your FirstName.'},
  3358. app_mname: {required: 'Please Enter Your MiddleName.'},
  3359. app_lname: {required: 'Please Enter Your LastName.'},
  3360. app_pname: {required: 'Please Enter Your Fathers Name.'},
  3361. app_moname: {required: 'Please Enter Your Mothers Name.'},
  3362. app_gender: {required: 'Please select Gender.'},
  3363. app_status: {required: 'Please select Status.'},
  3364. app_cast: {required: 'Please select Religion.'},
  3365. app_email: {required: 'Please Enter Email Address.'},
  3366. app_phone: {required: 'Please Enter Mobile.'},
  3367. app_aadhar: {required: 'Please Enter AadharCard Number.'},
  3368. app_nod: {required: 'Please Enter Number of Dependents.'},
  3369. app_toc: {required: 'Please Select Type of Applicant.'},
  3370. app_workexper: {required: 'Please Enter Work Experience.'},
  3371. app_empname: {required: 'Please Enter Employer Name.'},
  3372. app_monsal: {required: 'Please Enter Monthly Salary.'},
  3373. app_tocmpn: {required: 'Please Select Type of Company.'},
  3374. app_sdob: {required: 'Please Select Start Date of Business.'},
  3375. app_lstyritr: {required: 'Please Enter Last Years PAT as per ITR.'},
  3376. app_prfsnl: {required: 'Please Select Profession.'},
  3377. app_sdop: {required: 'Please Select Start Date of Profession.'},
  3378. app_lstprfsnl: {required: 'Please Enter Last Years PAT as per ITR.'},
  3379. raddress: {required: 'Please Enter Address.'},
  3380. rstate: {required: 'Please Select State.'},
  3381. rcity: {required: 'Please Enter City.'},
  3382. rpin: {required: 'Please Enter Pincode.'},
  3383. paddress: {required: 'Please Enter Address.'},
  3384. pstate: {required: 'Please Select State.'},
  3385. pcity: {required: 'Please Enter City.'},
  3386. ppin: {required: 'Please Enter Pincode.'},
  3387. oaddress: {required: 'Please Enter Address.'},
  3388. ostate: {required: 'Please Select State.'},
  3389. ocity: {required: 'Please Enter City.'},
  3390. opin: {required: 'Please Enter Pincode.'},
  3391. app_raddress: {required: 'Please Enter Address.'},
  3392. app_rstate: {required: 'Please Select State.'},
  3393. app_rcity: {required: 'Please Enter City.'},
  3394. app_rpin: {required: 'Please Enter Pincode.'},
  3395. app_paddress: {required: 'Please Enter Address.'},
  3396. app_pstate: {required: 'Please Select State.'},
  3397. app_pcity: {required: 'Please Enter City.'},
  3398. app_ppin: {required: 'Please Enter Pincode.'},
  3399. app_oaddress: {required: 'Please Enter Address.'},
  3400. app_ostate: {required: 'Please Select State.'},
  3401. app_ocity: {required: 'Please Enter City.'},
  3402. app_opin: {required: 'Please Enter Pincode.'}
  3403. },
  3404.  
  3405. submitHandler: function (form) {
  3406. if($('#step-3-tab').hasClass('active')){
  3407. var tab_next_obj;
  3408. $('#step-3 .container .nav-stacked li').each(function(){
  3409. if($(this).hasClass('active')){
  3410. tab_next_obj = $(this).next();
  3411. }
  3412. });
  3413. $('#step-3 .container .nav-stacked li').removeClass('active');
  3414. if(tab_next_obj.length){
  3415. tab_next_obj.addClass('active');
  3416. var show_id = tab_next_obj.find('a').attr('href');
  3417. $(show_id).addClass('active').siblings().removeClass('active');
  3418. }else{
  3419.  
  3420. }
  3421. return false;
  3422. }
  3423. var toc = $('#toc').val();
  3424. var toc_arr = new Array("4", "5", "6");
  3425. if(toc_arr.indexOf(toc) != -1 && $('#personal').hasClass('active')){
  3426. $('.bhoechie-tab-content, .list-group-item').removeClass('active');
  3427. $('#app-ver-tab, #applicant').addClass('active');
  3428. return false;
  3429. }
  3430. if($('#address-link').hasClass('active')){
  3431. $(".calculater-form .stdform, .hide-emi-click").hide();
  3432. $("#declaration, #upload-documents").show();
  3433. //openStep(3, 'content');
  3434. return false;
  3435. }
  3436. if($("#declaration").is(":visible")){
  3437. detail_store();
  3438. }
  3439. $('.bhoechie-tab-content, .list-group-item').removeClass('active');
  3440. $('#add-ver-tab, #address-link').addClass('active');
  3441. return false;
  3442. },
  3443. });
  3444.  
  3445. $("#dec_content").change(function() {
  3446. if(this.checked) {
  3447. $("#dec_content").val(1);
  3448. }
  3449. else
  3450. $("#dec_content").val(0);
  3451.  
  3452. });
  3453. jQuery("#upload-documents").validate({
  3454. rules: {
  3455. up_pan: {required: true},
  3456. up_adhr: {required: true},
  3457. up_emp_doc: {required: true},
  3458. up_add_proof: {required: true},
  3459. //up_incm_prf: {required: true},
  3460. com_dec: {required: true}
  3461. },
  3462. messages: {
  3463. up_pan: {required: 'Please Select Pancard.'},
  3464. up_adhr: {required: 'Please Select AadharCard.'},
  3465. up_emp_doc: {required: 'Please Select Any Employment Document.'},
  3466. up_add_proof: {required: 'Please Select Any Address Proof.'},
  3467. //up_incm_prf: {required: 'Please Select Any Income Proof.'},
  3468. com_dec: {required: 'Please Check This.'}
  3469. },
  3470. submitHandler: function (form) {
  3471. console.log('check');
  3472. if($("#step-3").is(":visible")){
  3473. var active_li_no;
  3474. $('#step-3 .container .nav-stacked li').each(function(){
  3475. if($(this).hasClass('active')){
  3476. $(this).removeClass('active');
  3477. if($(this).next().length){
  3478. $(this).next().addClass('active');
  3479. $('#step-3 .container .tab-content > div').each(function(){
  3480. if($(this).hasClass('active')){
  3481. $(this).removeClass('active');
  3482. $(this).next().addClass('active');
  3483. return false;
  3484. }
  3485. });
  3486. }else{
  3487. form.submit();
  3488. //alert("Form Submited Successfully.");
  3489.  
  3490. }
  3491. return false;
  3492. }
  3493. });
  3494. }else{
  3495. submitCustomForm("check-eligibility");
  3496. }
  3497. return false;
  3498. },
  3499. });
  3500.  
  3501. function submitCustomForm(form_id){
  3502. $("#loadingimg").show();
  3503. var myform = document.getElementById(form_id);
  3504. var fd = new FormData(myform);
  3505. $.ajax({
  3506. url: "<?php echo SITE_URL;?>eli_criteria/insert_eligibility/",
  3507. data: fd,
  3508. cache: false,
  3509. processData: false,
  3510. contentType: false,
  3511. type: 'POST',
  3512. success: function (dataofconfirm) {
  3513. $("#last_id").val(dataofconfirm);
  3514. $("#loadingimg,#declaration, #trms-condi,#calculator_form, .hide-emi-click").hide();
  3515. $("#success-msg").show();
  3516. openStep(3, 'content');
  3517. }
  3518. });
  3519. }
  3520.  
  3521.  
  3522.  
  3523.  
  3524.  
  3525. function next_declare()
  3526. {
  3527. $("#declaration").show();
  3528. $(".calculater-form").hide();
  3529. }
  3530. function detail_store()
  3531. {
  3532. $("#loadingimg").show();
  3533. var myform = document.getElementById("check-eligibility");
  3534. var fd = new FormData(myform);
  3535. $.ajax({
  3536. url: "<?php echo SITE_URL;?>eli_criteria/insert_eligibility/",
  3537. data: fd,
  3538. cache: false,
  3539. processData: false,
  3540. contentType: false,
  3541. type: 'POST',
  3542. success: function (dataofconfirm) {
  3543. $("#last_id").val(dataofconfirm);
  3544. $("#loadingimg,#declaration, #trms-condi,#calculator_form, .hide-emi-click").hide();
  3545. $("#success-msg").show();
  3546. openStep(3, 'content');
  3547. }
  3548. });
  3549. }
  3550.  
  3551. $("#rented-check").change(function() {
  3552. if(this.checked) {
  3553. $("#up_add_proof1").removeAttr('disabled');
  3554. $('#up_add_proof').attr("disabled", "true");
  3555. }
  3556. else{
  3557. $("#up_add_proof").removeAttr('disabled');
  3558. $('#up_add_proof1').attr("disabled", "true");
  3559. }
  3560. });
  3561.  
  3562. $('#address-link,#applicant').click(function(event){
  3563. // $(this).unbind("click");
  3564. if(!$(this).hasClass('active')){
  3565. var check_validation = $('#check-eligibility').valid();
  3566. if(check_validation == true){
  3567. $('#check-eligibility').submit();
  3568. }else{
  3569. // return false;
  3570.  
  3571. event.stopImmediatePropagation();
  3572. }
  3573. }
  3574. });
  3575.  
  3576. $('#step-3 .container .nav-stacked li').click(function(event){
  3577. var curr_li = parseInt($(this).attr('data-no'));
  3578. var active_li;
  3579. $('#step-3 .container .nav-stacked li').each(function(){
  3580. if($(this).hasClass('active')){
  3581. active_li = parseInt($(this).attr('data-no'));
  3582. }
  3583. });
  3584. if(curr_li > active_li){
  3585. event.stopImmediatePropagation();
  3586. }
  3587. });
  3588.  
  3589. </script>
  3590. <script>
  3591. /* dipesh work */
  3592. function openStep(step_id, from){
  3593. var active_step = 1;
  3594. $('.main-step-links').each(function(){
  3595. if($(this).hasClass('active')){
  3596. active_step = $(this).attr('step-id');
  3597. }
  3598. });
  3599. if(step_id < active_step || from == 'content'){
  3600. $('.main-step-links').removeClass('active').addClass('disabled');
  3601. $('#step-'+step_id+'-tab').removeClass('disabled').addClass('active');
  3602. $('#step-'+step_id+'-tab').prev().addClass('accessable');
  3603. $('#step-'+step_id+'-tab').next().removeClass('accessable');
  3604. $('.setup-content').hide();
  3605. $('#step-'+step_id).show();
  3606. }
  3607. }
  3608.  
  3609. /* dipesh work */
  3610. </script>
  3611. <script>
  3612. $(document).ready(function(){
  3613. $('[data-toggle="tooltip"]').tooltip();
  3614. });
  3615. </script>
  3616. <script>
  3617. //vertical tab
  3618. $(document).ready(function() {
  3619. $("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
  3620. e.preventDefault();
  3621. $(this).siblings('a.active').removeClass("active");
  3622. $(this).addClass("active");
  3623. var index = $(this).index();
  3624. $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
  3625. $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
  3626. });
  3627. });
  3628. </script>
  3629. <script>
  3630. var xm = 0;
  3631. var myVar = setInterval(function() {
  3632. if (jQuery('span:contains("Your loan has been Pre-approved")').is(":visible")) {
  3633. if (xm == 0) {
  3634. jQuery('body').append('<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/881999334/?label=cvYyCKO0unUQ5vvIpAM&amp;guid=ON&amp;script=0"/>');
  3635. xm = 1;
  3636. }
  3637. clearInterval(myVar);
  3638. }
  3639. }, 1000)
  3640. </script>
  3641.  
  3642. <script>
  3643. window.addEventListener('load', function() {
  3644. if(jQuery('.alert-success:contains("Your register successfully")').is(":visible")){
  3645. (new Image()).src="//www.googleadservices.com/pagead/conversion/881999334/?label=g8IkCL7rwXAQ5vvIpAM&guid=ON&script=0";
  3646. }
  3647. })
  3648.  
  3649. </script>
  3650. </body>
  3651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement