Shared Ownership Mortgage Enquiries </a> <p><p>Your browser does not support iframes.</p></p> </div><!-- .entry-content --> </article><!-- #post-## --> </main><!-- #main --> </div><!-- #primary --> <video style="position:relative; right:-10px; margin-bottom:20px;" alt="Shared Ownership Advice" title="Shared Ownership Advice" class="header-video" height="77" muted autoplay loop> <source src="http://www.london-mortgages.com/wp-content/themes/london-mortgages/images/header-video-white.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <div id="secondary" class="widget-area" role="complementary"> <aside id="nav_menu-5" class="widget widget_nav_menu"><h2 class="widget-title">Side Menu</h2><div class="menu-index-container"><ul id="menu-index" class="menu"><li id="menu-item-96" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-96"><a href="http://www.shared-ownership-mortgages.com/Wordpress/">Home</a></li> <li id="menu-item-140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-140"><a href="http://www.shared-ownership-mortgages.com/Wordpress/mortgage-rates-and-mortgage-calculator-2/">Mortgage Rates and Mortgage Calculator</a> <ul class="sub-menu"> <li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="http://www.shared-ownership-mortgages.com/Wordpress/mortgage-rates-and-mortgage-calculator-2/shared-ownership-calculator/">Shared Ownership Mortgage Calculator Freephone 0800 092 0800</a></li> <li id="menu-item-2200" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2200"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership/shared-ownership-remortgage-calculator/">Shared Ownership Remortgage Calculator</a></li> <li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="http://www.shared-ownership-mortgages.com/Wordpress/mortgage-rates-and-mortgage-calculator-2/shared-ownership-rates/">Shared Ownership Mortgage Rates</a></li> </ul> </li> <li id="menu-item-532" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-532"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership/">Shared Ownership</a> <ul class="sub-menu"> <li id="menu-item-249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-249"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership-staircasing/">Staircasing a Shared Ownership Property</a></li> <li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-35 current_page_item menu-item-90"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership-enquiry/">Shared Ownership Mortgage Enquiries</a></li> <li id="menu-item-548" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-548"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership/adverse-credit-shared-ownership-mortgages/">Adverse Credit Shared Ownership Mortgage</a></li> <li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership-mortgage-information/">Shared Ownership Mortgage Information</a></li> <li id="menu-item-547" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-547"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership/100-shared-ownership-mortgages/">100% Shared Ownership Mortgages Freephone 0800 092 0800</a></li> <li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="http://www.shared-ownership-mortgages.com/Wordpress/shared-ownership/shared-ownership-remortgages/">Shared Ownership Remortgages</a></li> <li id="menu-item-88" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88"><a href="http://www.shared-ownership-mortgages.com/Wordpress/housing-associations-for-shared-ownership/">Shared Ownership Housing Associations</a></li> <li id="menu-item-2199" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2199"><a href="http://www.shared-ownership-mortgages.com/Wordpress/part-buy-and-part-rent-mortgages/">Part Buy and Part Rent Mortgages</a></li> </ul> </li> <li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"><a href="http://www.shared-ownership-mortgages.com/Wordpress/credit-check-and-credit-scores/">Credit Check and Credit Scores</a></li> <li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="http://www.shared-ownership-mortgages.com/Wordpress/site-map/">Site Map</a></li> </ul></div></aside></div><!-- #secondary --> </div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div id="footer-widgets"> <div class="inner"> <div class="widget-area split-1" role="complementary"> <aside id="text-3" class="widget widget_text"> <div class="textwidget"><p>FREEPHONE 0800 092 0800 for advice.</p> <p><strong><a href="https://www.xml-sitemaps.com/download/www.shared-ownership-mortgages.com-5a552b37/sitemap.xml?view=1">XML Sitemap</a></strong></p> </div> </aside> </div><!-- .widget-area --> </div><!-- .inner --> </div><!-- #footer-widgets --> <div class="site-footer-bottom"> <div class="inner"> <div class="site-info"> Shared Ownership Mortgages Freephone 0800 092 0800: YOUR PROPERTY MAY BE REPOSSESSED IF YOU DO NOT KEEP UP REPAYMENTS ON A MORTGAGE OR ANY DEBT SECURED ON IT! A service from Mortgage Shop London Ltd which is registered in England No. 06618942, Registered Offices: On & Offline Services, Metropolitan House, Potters Bar, Herts EN6 1AG. Authorised and Regulated by the Financial Conduct Authority (FCA reg. 487703). This site is only directed at persons mortgaging property within the UK.</p> <a href="http://wordpress.org/">Proudly powered by WordPress</a> <span class="sep"> | </span> Theme: Franklin by <a href="http://www.wpmultiverse.com/">Michael Burrows</a>. </div><!-- .site-info --> </div><!-- .inner --> </div><!-- .site-footer-bottom --> </footer><!-- #colophon --> </div><!-- #page --> <script type='text/javascript' src='http://www.shared-ownership-mortgages.com/Wordpress/wp-content/themes/franklin-wpcom/js/functions.js?ver=20150503'></script> <script type='text/javascript' src='http://www.shared-ownership-mortgages.com/Wordpress/wp-content/themes/franklin-wpcom/js/navigation.js?ver=20120206'></script> <script type='text/javascript' src='http://www.shared-ownership-mortgages.com/Wordpress/wp-content/themes/franklin-wpcom/js/skip-link-focus-fix.js?ver=20130115'></script> <script type='text/javascript' src='http://www.shared-ownership-mortgages.com/Wordpress/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> </body> </html> <html lang="en"> <head> <title>Client Chat FFB</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.tms007.co.uk/semantic/semantic242.css"> <link rel="stylesheet" type="text/css" href = "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/form.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="https://www.tms007.co.uk/semantic/w3.css"> <link rel="stylesheet" href="https://www.tms007.co.uk/semantic/components/dropdown.css"> <link rel="stylesheet" type="text/css" href="https://www.tms007.co.uk/semantic/alerts/dist/semantic-ui-alerts.css"> <link href="https://www.tms007.co.uk/semantic/bootstrap3.css" rel="stylesheet" id="bootstrap-css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/form.js"></script> <script src="https://www.tms007.co.uk/semantic/components/dropdown.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/transition.min.js" integrity="sha512-MCuLP92THkMwq8xkT2cQg5YpF30l3qzJuBRf/KsbQP1czFkRYkr2dSkCHmdJETqVmvIq5Y4AOVE//Su+cH+8QA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://www.tms007.co.uk/new_chat_system.js"></script> <script type="text/javascript" src="https://www.tms007.co.uk/semantic/alerts/dist/semantic-ui-alerts.js"></script> <script src="https://www.tms007.co.uk/admin/js/getAddress.js"></script> </head> <style> #chatbox { font-family: "Lato", sans-serif; text-align: center !important; } .col-md-2, .col-md-10{ padding:0; } .panel{ margin-bottom: -2px; } .chat-window{ bottom:0; right:0; position:fixed; float:right; } .chat-window > div > .panel{ border-radius: 5px 5px 0 0; } .icon_minim{ padding:2px 10px; } .msg_container_base{ background: #e5e5e5; margin: 0; padding: 0 10px 10px; max-height:600px; overflow-x:hidden; } .top-bar { background: #666; color: white; padding: 10px; position: relative; overflow: hidden; } .msg_receive{ padding-left:0; margin-left:0; } .msg_sent{ padding-bottom:20px !important; margin-right:0; } .messages { background: white; padding: 10px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); max-width:100%; } .messages > p { font-size: 13px; margin: 0 0 0.2rem 0; } .messages > time { font-size: 11px; color: #ccc; } .msg_container { padding: 10px; overflow: hidden; display: flex; } .chatimg { display: block; width: 100%; } .avatar { position: relative; } .base_receive > .avatar:after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border: 5px solid #FFF; border-left-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .base_sent { justify-content: flex-end; align-items: flex-end; } .base_sent > .avatar:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border: 5px solid white; border-right-color: transparent; border-top-color: transparent; box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close } .msg_sent > time{ float: right; } .msg_container_base::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .msg_container_base::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .msg_container_base::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } .btn-group.dropup{ position:fixed; left:0px; bottom:0; } .panel-footer { padding: 10px 15px; background-color: #ccace0; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .leave-chat { width: 100%; background-color: #3b444b; text-align: center; border: 3px solid white; color: white; padding-top: 4px; padding-bottom: 4px; font-weight: 700; } .ui.segments { height:600px } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: red; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .move-left { margin-left: 0px !important; } .center_header { width: 90%; left: 0; right: 0; margin-left: auto !important; margin-right: auto !important; } </style> <!-- All the hidden fields needed --> <input type="hidden" name="actual_client_id" id="actual_client_id" value="" /> <input type="hidden" name="new_or_existing" id="new_or_existing" value="" /> <input type="hidden" name="applicant" id="applicant" value="" /> <input type="hidden" name="applicantB" id="applicantB" value="" /> <input type="hidden" name="ffb_name" id="ffb_name" value="" /> <input type="hidden" name="from" id="from" value="" /> <input type="hidden" name="mortgage_type" id="mortgage_type" value="" /> <input type="hidden" name="mortgage_id_new" id="mortgage_id_new" value="" /> <input type="hidden" name="property_id_new" id="property_id_new" value="" /> <input type="hidden" name="remort_id" id="remort_id" value="" /> <input type="hidden" name="already_created" id="already_created" value="" /> <input type="hidden" name="from_where" id="from_where" value="Shared Ownership Mortgages" /> <input type="hidden" name="from_page" id="from_page" value="www.shared-ownership-mortgages.com/Wordpress/shared-ownership-enquiry/" /> <input type="hidden" name="start_log" id="start_log" value="" /> <input type="hidden" name="mort_type_log" id="mort_type_log" value="" /> <input type="hidden" name="new_no_enq" id="new_no_enq" value="" /> <input type="hidden" name="existing_alt_ver_log" id="existing_alt_ver_log" value="" /> <input type="hidden" name="type_done" id="type_done" value="" /> <input type="hidden" name="ver_fields" id="ver_fields" value="" /> <input type="hidden" name="alt_ver_field" id="alt_ver_field" value="" /> <input type="hidden" name="start_log_done" id="start_log_done" value="" /> <input type="hidden" name="app_log_done" id="app_log_done" value="" /> <input type="hidden" name="get_ver_fields_done" id="get_ver_fields_done" value="" /> <input type="hidden" name="alt_final_security_done" id="alt_final_security_done" value="" /> <input type="hidden" name="alt_ver_code_done" id="alt_ver_code_done" value="" /> <input type="hidden" name="visitor_ip" id="visitor_ip" value="54.80.173.217" /> <input type="hidden" name="luid" id="luid" value="" /> <input type="hidden" name="luiid" id="luiid" value="" /> <input type="hidden" name="chat_id" id="chat_id" value="" /> <input type="hidden" name="aus" id="aus" value="" /> <input type="hidden" name="ffb_lc" id="ffb_lc" value="" /> <input type="hidden" name="max_mort" id="max_mort" value="" /> <input type="hidden" name="lender_or_insurer" id="lender_or_insurer" value="" /> <input type="hidden" name="company_type" id="company_type" value="" /> <input type="hidden" name="company_number" id="company_number" value="" /> <input type="hidden" name="sol_id" id="sol_id" value="" /> <input type="hidden" name="other_hidden" id="other_hidden" value="" /> <input type="hidden" name="hidden_mort_amount" id="hidden_mort_amount" value="" /> <input type="hidden" name="current_lacking_field" id="current_lacking_field" value="" /> <input type="hidden" name="clt" id="clt" value="" /> <input type="hidden" name="section_lacking" id="section_lacking" value="" /> <input type="hidden" name="progress_value" id="progress_value" value="0" /> <input type="hidden" name="skip" id="skip" value="" /> <input type="hidden" name="mid" id="mid" value="" /> <input type="hidden" name="pid" id="pid" value="" /> <input type="hidden" name="hidden_address_1" id="hidden_address_1" value="" /> <input type="hidden" name="hidden_address_2" id="hidden_address_2" value="" /> <input type="hidden" name="hidden_address_3" id="hidden_address_3" value="" /> <input type="hidden" name="hidden_address_4" id="hidden_address_4" value="" /> <input type="hidden" name="hidden_address_5" id="hidden_address_5" value="" /> <input type="hidden" name="hidden_address_6" id="hidden_address_6" value="" /> <input type="hidden" name="pm" id="pm" value="" /> <input type="hidden" name="adverse_q" id="adverse_q" value="" /> <input type="hidden" name="this_form" id="this_form" value="" /> <input type="hidden" name="keyup_change" id="keyup_change" value="" /> <input type="hidden" name="income_ah" id="income_a" value="" /> <input type="hidden" name="income_bh" id="income_a" value="" /> <input type="hidden" name="income_ch" id="income_a" value="" /> <input type="hidden" name="income_dh" id="income_a" value="" /> <input type="hidden" name="income_apps" id="income_apps" value="2" /> <input type="hidden" name="no_of_apps" id="no_of_apps" value="" /> <input type="hidden" name="posted_lacking" id="posted_lacking" value="" /> <input type="hidden" name="ccid" id="ccid" value="" /> <input type="hidden" name="chase_a" id="chase_a" value="" /> <input type="hidden" name="call_id" id="call_id" value="" /> <input type="hidden" name="client_name" id="client_name" value="" /> <input type="hidden" name="ccj_list" id="ccj_list" value="" /> <input type="hidden" name="failed_list" id="failed_list" value="" /> <input type="hidden" name="bank_list" id="bank_list" value="" /> <input type="hidden" name="con_list" id="con_list" value="" /> <input type="hidden" name="commit_list" id="commit_list" value="" /> <input type="hidden" name="refused_list" id="refused_list" value="" /> <input type="hidden" name="tccj" id="tccj" value="" /> <input type="hidden" name="tfailed" id="tfailed" value="" /> <input type="hidden" name="tbank" id="tbank" value="" /> <input type="hidden" name="tcon" id="tcon" value="" /> <input type="hidden" name="trefused" id="trefused" value="" /> <input type="hidden" name="tcommit" id="tcommit" value="" /> <input type="hidden" name="hidden_income_a" id="hidden_income_a" value="" /> <input type="hidden" name="hidden_income_b" id="hidden_income_b" value="" /> <input type="hidden" name="hidden_income_c" id="hidden_income_c" value="" /> <input type="hidden" name="hidden_income_d" id="hidden_income_d" value="" /> <input type="hidden" name="hidden_employment_a" id="hidden_employment_a" value="" /> <input type="hidden" name="hidden_employment_b" id="hidden_employment_b" value="" /> <input type="hidden" name="hidden_employment_c" id="hidden_employment_c" value="" /> <input type="hidden" name="hidden_employment_d" id="hidden_employment_d" value="" /> <input type="hidden" name="emp_check_a" id="emp_check_a" value="" /> <input type="hidden" name="emp_check_b" id="emp_check_b" value="" /> <input type="hidden" name="bus_check_a" id="bus_check_a" value="" /> <input type="hidden" name="bus_check_b" id="bus_check_b" value="" /> <input type="hidden" name="other_check_a" id="other_check_a" value="" /> <input type="hidden" name="other_check_b" id="other_check_b" value="" /> <input type="hidden" name="new_emp_a" id="new_emp_a" value="" /> <input type="hidden" name="new_emp_b" id="new_emp_b" value="" /> <input type="hidden" name="new_bus_a" id="new_bus_a" value="" /> <input type="hidden" name="new_bus_b" id="new_bus_b" value="" /> <input type="hidden" name="new_oth_a" id="new_oth_a" value="" /> <input type="hidden" name="new_oth_b" id="new_oth_b" value="" /> <input type="hidden" name="app_b_here" id="app_b_here" value="" /> <input type="hidden" name="rate_id_pdq" id="rate_id_pdq" value="" /> <input type="hidden" name="rate_month_pdq" id="rate_month_pdq" value="" /> <input type="hidden" name="rate_html_pdq" id="rate_html_pdq" value="" /> <input type="hidden" name="prop_amount_pdq" id="prop_amount_pdq" value="" /> <input type="hidden" name="loan_amount_pdq" id="loan_amount_pdq" value="" /> <input type="hidden" name="usual_pdq" id="usual_pdq" value="" /> <input type="hidden" name="early_redemp" id="early_redemp" value="" /> <input type="hidden" name="commit_fee_pdq" id="commit_fee_pdq" value="" /> <input type="hidden" name="comp_pdq" id="comp_pdq" value="" /> <input type="hidden" name="start_pdq" id="start_pdq" value="" /> <input type="hidden" name="u_or_c" id="u_or_c" value="" /> <input type="hidden" name="inc_pri" id="inc_pri" value="" /> <input type="hidden" name="inc_sec" id="inc_sec" value="" /> <input type="hidden" name="inc_joi" id="inc_joi" value="" /> <input type="hidden" name="l_code" id="l_code" value="" /> <input type="hidden" name="needs_lacking" id="needs_lacking" value="" /> <div class="container pull-right" id="chatbox"> <div class="row chat-window col-xs-5 col-md-3 pull-right" id="chat_window_1" style="width:600px"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading top-bar" style="background:#EB9800;height:45px" id="popup_click"> <div class="col-md-8 col-xs-8" style="width:80%"> <h3 class="panel-title" style="color:white;font-weight:600;margin: 6px 0;font-size:19px; line-height:1; border-bottom:0px !important"> <i class="far fa-comment fa"></i> Chat with our UK support team! </h3> </div> <div class="col-md-4 col-xs-4" style="text-align: right;"> <a href="#"></a> </div> </div> <div id="big_screen" style="height:600px"> <!-- Client Reference Screen --> <span id="client_ref_screen" desc="Is Client Dealing with us Screen" class="screen_span"> <form id="client_ref_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /><br /> <br /><br /> <a href="javascript:void" id="debug">Debug</a> <h4>Do you have a Reference Number with us?</h4> </div> <div class="ui big buttons segment"> <button class="ui positive button" id="client_ref_yes">Yes</button> <div class="or"></div> <button class="ui negative button" id="client_ref_no">No</button> </div> </div> </form> </span> <!-- Existing Details Screen --> <span id="existing_details_screen" style="display:none" desc="Existing Client Login Screen" class="screen_span"> <form id="existing_details_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Verification Details</h2> </div> <div class="ui form" style="margin-left:10px"> <div class="fields"> <div class="required seven wide field" style="font-size:15px"> <label>Reference Number</label> <input type="number" placeholder="Ref No." name="ref_no" id="ref_no" required /> </div> <!-- <span id="no_ref_divert_span"> <a href="javascript:void(0)" id="no_ref_divert"> <div class="ui negative mini message" style="margin: 2em 0 !important"> <p style="font-size:12px">Can't Remember their Reference Number? Click Here to Verify the Client another way.</p> </div> </a> </span> --> </div> <div class="fields" id="app_name_fields" style="display:none"> <div class="five wide field" class="app_name_class"> <label class="switch" id="app_a_label"> <input type="checkbox" name="app_a_name" id="app_a_name" class="app_name_class" value="a"> <span class="slider round"></span> <span style="margin-left:70px;font-size:15px" id="new_app_a_label">Hi!</span> </label> </div> <div class="five wide field"> <label class="switch" id="app_b_label"> <input type="checkbox" name="app_b_name" id="app_b_name" class="app_name_class" value="b"> <span class="slider round"></span> <span style="margin-left:70px;font-size:15px" id="new_app_b_label">Hi!</span> </label> </div> </div> <span class="existing_ver_sub" style="display:none"> <span id="put_fields" style="font-size:15px"> </span> </span> <h2 class="ui dividing header"></h2> <button class="ui large button" id="existing_details_back"> Back </button> <span class="existing_ver_sub_alt"> <button class="ui large primary button" id="existing_details_next_alt"> Next </button> </span> <span class="existing_ver_sub" style="display:none"> <button class="ui large primary button" id="existing_details_next"> Next </button> </span> <div class="ui error message" id="validation_error" style="display:none"> <i class="close icon"></i> <div class="header"> There were some errors with your details </div> <ul class="list"> Please check the details and make sure they are correct INCLUDING THE CLIENT ID!. </ul> </div> <div class="ui error message" id="validation_error_app" style="display:none"> <i class="close icon"></i> <div class="header"> The Client gave Information for Different Applicants! </div> <ul class="list"> Please check the details and make sure they are correct INCLUDING THE CLIENT ID. </ul> </div> </div> <div class="ui attached negative message" id="app_name_alert" style="display:none"> <p>Please confirm who we are talking to!</p> </div> </div> </form> </span> <!-- New Client Enquiry --> <span id="new_client_enq_screen" style="display:none" desc="New Enquiry? Screen" class="screen_span"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /><br /> <h4>Are you making a New Enquiry?</h4> </div> <br /> <div class="ui big buttons segment"> <button class="ui positive button" id="client_enq_yes">Yes</button> <div class="or"></div> <button class="ui negative button" id="client_enq_no">No</button> </div><br /> <div class="ui big buttons segment" style="text-align:left !important"> <button class="ui large button" id="new_enq_question_back"> Back </button> </div> </div> </span> <!-- Mortgage Type Screen --> <span id="new_enq_mort_screen" style="display:none" desc="Mortgage Type Selector Screen" class="screen_span"> <form id="new_enq_mort_form"> <input type="hidden" name="option_append" id="option_append" value="" /> <div class="ui segments"> <div class="ui segment" style="padding:10px"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /><br /> <h2 class="ui dividing header">Mortgage Type (Required)</h2> </div> <div class="ui positive message"> <div class="header"> Select what type of product you would like to speak to us about below, on subsequent screens you will have the ability to speak to us about this </div> </div> <div class="ui form"> <span id="mortgage_type_buttons"> <div class="four ui buttons" id="option_append_1" style="font-size: inherit;"> </div> <div class="four ui buttons" id="option_append_2" style="font-size: inherit;"> </div> <div class="four ui buttons" id="option_append_3" style="font-size: inherit;"> </div> <div class="four ui buttons" id="option_append_4" style="font-size: inherit;"> </div> </span> <h2 class="ui dividing header"></h2> <button class="ui large button" id="mort_type_back"> Back </button> </div> </div> </form> </span> <!-- New Client No Enquiry --> <span id="new_client_no_enq_screen" style="display:none" desc="Client Matter Line Only Screen" class="screen_span"> <div class="ui segments"> <div class="ui segment" style="text-align:left"> <h2 class="ui header"> <div class="content"> Client Matter Line Only </div> </h2> <h2 class="ui dividing header"></h2> <div class="ui error icon large message"> <i class="notched circle loading icon"></i> <div class="content"> <p><b>This is a Client Matter Line only, if you need anything else they need to contact us on 0871 362 0871.</b></p> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large button" id="new_enq_only_back"> Back </button> </div> </div> </span> <!-- New Enquiry from Pre Decision Quote --> <span id="new_enq_details_pdq_screen" style="display:none" desc="Details to Send Pre Decision Quote" class="screen_span"> <form id="new_enq_details_pdq_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header">Client Details</h2> </div> <div class="ui positive message"> <div class="header"> Add below some initial details so that we can send you the Pre-Decision Quote. </div> </div> <div class="ui large form" style="padding-left:20px;font-size:13px"> <div class="field"> <div class="required seven wide field"> <label>First Name</label> <div class="field"> <input type="text" name="new_forename_pdq" id="new_forename_pdq" placeholder="First Name"> </div> </div> </div> <div class="field"> <div class="required seven wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_email_pdq" id="new_email_pdq" placeholder="Email Address"> </div> </div> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large button" id="new_enq_back_pdq" style="float:left;left:20px"> Back </button> <button class="ui large primary button" id="new_enq_next_pdq" style="float:left;left:20px"> Next </button> </div> </form> </span> <!-- PDQ Extra Details --> <span id="pdq_extra_details" style="display:none" desc="New Client Details From Pre Decision Quote Screen" class="screen_span"> <form id="pdq_extra_details_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header">Extra Details Details</h2> </div> <div class="ui positive message"> <div class="header"> Add below some initial details so that we can refer to you correctly and commence the product assessment stages of your contact - no Credit Searches will be performed by these systems, don't worry about Credit Score effects there will be none :-) </div> </div> <div class="ui large form" style="padding-left:20px;font-size:13px"> <div class="two fields"> <div class="required seven wide field"> <label>Surname</label> <div class="field"> <input type="text" name="new_surname_pdq" id="new_surname_pdq" placeholder="Last Name"> </div> </div> <div class="required seven wide field"> <label>Mobile Number</label> <div class="field"> <input type="number" name="new_mobile_pdq" id="new_mobile_pdq" placeholder="Mobile Number"> </div> </div> </div> <div class="three fields"> <div class="required five wide field"> <label>Door Number</label> <input type="text" name="new_door_no" id="new_door_no_pdq" placeholder="Door No."> </div> <div class="required four wide field"> <label>Postcode</label> <input type="text" name="new_postcode" id="new_postcode_pdq" placeholder="Postcode"> </div> <div class="required five wide field"> <label>Date of Birth</label> <div class="field"> <input type="date" name="new_dob" id="new_dob_pdq" placeholder="Date of Birth"> </div> </div> </div> <div class="field"> <label>Please Choose the Type of Mortgage you are Interested in : </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="mort_type_pdq"> <input type="hidden" name="hidden_mort_type_pdq" id="hidden_mort_type_pdq" value="" /> <span class="text" style="font-size: 13px;">Select Mortgage Type</span> <div class="menu" id="pdq_mort_append"> </div> </div> </div> </div> <button class="ui large primary button" id="pdq_extra_details_next" style="float:left;left:20px"> Next </button> </div> </form> </span> <!-- New Enquiry Details Screen --> <span id="new_enq_details_screen" style="display:none" desc="New Client Details Screen" class="screen_span"> <form id="new_enq_details_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header">Client Details</h2> </div> <div class="ui positive message"> <div class="header"> Add below some initial details so that we can refer to you correctly and commence the product assessment stages of your contact - no Credit Searches will be performed by these systems, don't worry about Credit Score effects there will be none :-) </div> </div> <div class="ui large form" style="padding-left:20px;font-size:13px"> <div class="two fields"> <div class="required seven wide field"> <label>First Name</label> <div class="field"> <input type="text" name="new_forename" id="new_forename" placeholder="First Name"> </div> </div> <div class="required seven wide field"> <label>Surname</label> <div class="field"> <input type="text" name="new_surname" id="new_surname" placeholder="Last Name"> </div> </div> </div> <div class="two fields"> <div class="required seven wide field"> <label>Mobile Number</label> <div class="field"> <input type="number" name="new_mobile" id="new_mobile" placeholder="Mobile Number"> </div> </div> <div class="required seven wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_email" id="new_email" placeholder="Email Address"> </div> </div> </div> <div class="three fields" id="post_manual"> <div class="required five wide field"> <label>Door Number</label> <input type="text" name="new_door_no" id="new_door_no" placeholder="Door No."> </div> <div class="required four wide field"> <label>Postcode</label> <input type="text" name="new_postcode" id="new_postcode" placeholder="Postcode"> </div> <div class="required five wide field"> <label>Date of Birth</label> <div class="field"> <input type="date" name="new_dob" id="new_dob" placeholder="Date of Birth"> </div> </div> </div> <div class="sixteen wide field" id="post_look" style="display:none"> <label>Postcode Lookup</label> <div class="field"> <div id="postcode_lookup"></div> </div> </div> <!-- <button class="ui primary button" id="post_man">Enter Manually</button>--> <h2 class="ui dividing header"></h2> <span id="notes_span" style="display:none"> <div class="field"> <label>Notes</label> <textarea name="notes" id="notes" rows="5" style="width:70%"></textarea> </div> <div class="ui error message" id="notes_text_error" style="display:none"> <i class="close icon"></i> <div class="header"> <p><b>Please Enter actual Notes above to submit.</b></p> </div> </div> <br /> </span> <button class="ui large button" id="new_enq_back" style="float:left"> Back </button> <button class="ui large primary button" id="new_enq_next" style="float:left"> Next </button> </div> </div> </form> </span> <!-- New Enquiry Alternate Verification --> <span id="new_enq_ver_screen" style="display:none" desc="New Client Verification Screen" class="screen_span"> <form id="new_enq_ver_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header" id="ver_header">Mobile Verification</h2> </div> <div class="ui form" id="ui_form_tri"> <div class="fields" id="code_ver_fields_app" style="display:none"> <div class="five wide field"> <label class="switch" id="app_a_new_alt"> <br/><br /><input type="checkbox" name="app_a_name" id="app_a_name_alts" class="app_name_ver_alt" value="a" /> <span class="slider round"></span> </label> </div> <div class="five wide field"> <label class="switch" id="app_b_new_alt" > <br/><br /><input type="checkbox" name="app_b_name" id="app_b_name_alts" class="app_name_ver_alt" value="b" /> <span class="slider round"></span> </label> </div> </div> <div class="inline fields" id="new_code_ver_field" style="display:none"> <div class="sixteen wide field"> <label>6-Digit Code from Text Message</label> <input type="number" placeholder="6-Digit Code." name="code_ver_alt" id="code_ver" /> <button class="ui large primary button" id="new_enq_ver_next"> Next </button> </div> </div> <div class="ui positive message"> <div class="header"> So where would you like to go now? Find out How Much You Can Borrow OR Find out some Mortgage Rate Detail? Click below to steer your enquiry </div> </div> <div class="ui vertical buttons" id="tri_buttons" style="display:none"> <button class="ui big green button" id="tri_max_mort">Calculate Maximum<br> Mortgage Figure</button> <button class="ui big blue button" id="tri_rate">Display Rate<br> Data</button> </div><br /><br /> <!-- <div class="ui big buttons segment" id="tri_buttons" style="display:none"> <button class="ui big green button" id="tri_max_mort">Calculate Maximum<br> Mortgage Figure</button> <div class="or" style="height:3.4em"></div> <button class="ui big blue button" id="tri_rate">Provide Rate<br> Data</button> <div class="or" style="height:3.4em"></div> <button class="ui big orange button" id="tri_chat">Live Chat Help<br> - Available</button> </div> --> <span id="new_old_butt"> <h2 class="ui dividing header"></h2> <button class="ui large button" id="new_enq_ver_back"> Back </button> <span id="new_enq_next_span"> <button class="ui large primary button" id="new_enq_ver_next_alt"> Next </button> </span> </span> </div> <div class="ui attached negative message" id="new_ver_alert" style="display:none"> <p>We have just sent a Text Message to the Client. The Text Message has a 6-Digit Code, which needs to be entered above.</p> </div> <div class="ui attached negative message" id="new_ver_alert_alt" style="display:none"> <p>Please ask who you are speaking to and select from the above names by clicking on the slider.</p> </div> </div> </form> </span> <!-- Income Screen --> <span id="income_screen" style="display:none" desc="Income and Potential Maximum Mortgage Screen" class="screen_span"> <form id="income_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header" style="margin-top:0px">Income</h2> </div> <div class="ui form"> <div class="ui negative small message" style="margin: 2em 0 !important; margin-top: 0em !important;"> <div class="content"> <div class="header" id="rate_disclaimer"></div> </div> </div> <div class="inline fields"> <label style="font-size:15px;padding-left:10px">How many Applicants are there?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="income_radio" id="income_radio_1" value="1" style="margin-left: 0px !important" /> <label>1</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="income_radio" id="income_radio_2" value="2" style="margin-left: 0px !important" /> <label>2</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="income_radio" id="income_radio_3" value="3" style="margin-left: 0px !important"/> <label>3</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="income_radio" id="income_radio_4" value="4" style="margin-left: 0px !important" /> <label>4</label> </div> </div> </div> <span id="income_span_a" style="display:none; margin-left:-70px; font-size:12px"> <label>Applicant A: </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="emp_status_a"> <input type="hidden" name="hidden_emp_a" id="hidden_emp_a" value="" /> <span class="text" style="font-size: 13px;">Select Employment Status</span> <div class="menu"> <div class="item" style="font-size:13px">Employed</div> <div class="item" style="font-size:13px">Self Employed</div> <div class="item" style="font-size:13px">Retired</div> <div class="item" style="font-size:13px">Other</div> </div> </div> <div class="ui right labeled input" id="income_a_hi" style="display:none;width:20%"> <label for="amount" class="ui label">£</label> <input type="text" name="income_amount_a" id="income_amount_a" placeholder="Income" /> <div class="ui basic label">.00</div> </div> <br /><br /> </span> <span id="income_span_b" style="display:none; margin-left:-70px; font-size:12px"> <label>Applicant B: </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="emp_status_b"> <input type="hidden" name="hidden_emp_b" id="hidden_emp_b" value="" /> <span class="text" style="font-size: 13px;">Select Employment Status</span> <div class="menu"> <div class="item" style="font-size:13px">Employed</div> <div class="item" style="font-size:13px">Self Employed</div> <div class="item" style="font-size:13px">Retired</div> <div class="item" style="font-size:13px">Other</div> </div> </div> <div class="ui right labeled input" id="income_b_hi" style="display:none;width:20%"> <label for="amount" class="ui label">£</label> <input type="text" name="income_amount_b" id="income_amount_b" placeholder="Income" /> <div class="ui basic label">.00</div> </div> <br /><br /> </span> <span id="income_span_c" style="display:none; margin-left:-70px; font-size:12px"> <label>Applicant C: </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="emp_status_c"> <input type="hidden" name="hidden_emp_c" id="hidden_emp_c" value="" /> <span class="text" style="font-size: 13px;">Select Employment Status</span> <div class="menu"> <div class="item" style="font-size:13px">Employed</div> <div class="item" style="font-size:13px">Self Employed</div> <div class="item" style="font-size:13px">Retired</div> <div class="item" style="font-size:13px">Other</div> </div> </div> <div class="ui right labeled input" id="income_c_hi" style="display:none;width:20%"> <label for="amount" class="ui label">£</label> <input type="text" name="income_amount_c" id="income_amount_c" placeholder="Income" /> <div class="ui basic label">.00</div> </div> <br /><br /> </span> <span id="income_span_d" style="display:none; margin-left:-70px; font-size:12px"> <label>Applicant D: </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="emp_status_d"> <input type="hidden" name="hidden_emp_d" id="hidden_emp_d" value="" /> <span class="text" style="font-size: 13px;">Select Employment Status</span> <div class="menu"> <div class="item" style="font-size:13px">Employed</div> <div class="item" style="font-size:13px">Self Employed</div> <div class="item" style="font-size:13px">Retired</div> <div class="item" style="font-size:13px">Other</div> </div> </div> <div class="ui right labeled input" id="income_d_hi" style="display:none;width:20%"> <label for="amount" class="ui label">£</label> <input type="text" name="income_amount_d" id="income_amount_d" placeholder="Income" /> <div class="ui basic label">.00</div> </div> <br /><br /> </span> <span id="max_mort_span" style="display:none"> <h3 class="ui center aligned icon header" style="font-size:1.1em; font-weight:bold"> Your Potential Maximum Mortgage Available: <span id="max_mort_div"></span> </h3> <buton class="ui orange button" id="send_max" style="margin-left: auto;left: 28%;margin-right: auto;position: absolute;">Want this Figure Emailed to You?</buton><br /><br /> </span> <h2 class="ui dividing header"></h2> <button class="ui large button" id="income_back"> Back </button> <button class="ui large primary button" id="income_next"> Next </button> </div> </div> </form> </span> <!-- Lacking Employment Screen --> <span id="lacking_emp_screen" style="display:none" desc="Lacking Employment Details Screen" class="screen_span"> <form id="lacking_emp_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" id="emp_header"></h2> </div> <div class="ui form" style="padding-left:10px"> <input type="hidden" name="lack_emp_app" id="lack_emp_app" value="" /> <input type="hidden" name="lack_emp_id" id="lack_emp_id" value="" /> <div class="fields"> <div class="required seven wide field"> <label>Job Title</label> <input type="text" placeholder="Job Title" name="lack_occupation" id="lack_occupation" required /> </div> </div> <div class="fields"> <div class="required seven wide field"> <label>Yearly Salary</label> <input type="number" placeholder="Yearly Salary" name="lack_bgi" id="lack_bgi" required /> </div> </div> <div class="fields"> <div class="seven wide field"> <label>Job Start Date</label> <input type="date" placeholder="Start Date" name="lack_start" id="lack_start" /> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_emp_next"> Next </button> </div> </div> </form> </span> <!-- Lacking Business Screen --> <span id="lacking_bus_screen" style="display:none" desc="Lacking Business Details Screen" class="screen_span"> <form id="lacking_bus_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" id="bus_header"></h2> </div> <div class="ui form" style="padding-left:10px"> <input type="hidden" name="lack_bus_app" id="lack_bus_app" value="" /> <input type="hidden" name="lack_bus_id" id="lack_bus_id" value="" /> <div class="fields"> <div class="required seven wide field"> <label>Business Name</label> <input type="text" placeholder="Business Name" name="lack_bus_name" id="lack_bus_name" required /> </div> </div> <div class="fields"> <div class="required seven wide field"> <label>Estimated Yearly Income</label> <input type="number" placeholder="Estimated Income" name="lack_eyi" id="lack_eyi" required /> </div> </div> <div class="fields"> <div class="seven wide field"> <label>Start Date</label> <input type="date" placeholder="Start Date" name="lack_bus_start" id="lack_bus_start" /> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_bus_next"> Next </button> </div> </div> </form> </span> <!-- App B Details Screen --> <!-- <span id="new_enq_details_screen" style="display:none" class="screen_span"> <form id="new_enq_details_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header">Applicant B Details</h2> </div> <div class="ui huge form" style="padding-left:20px"> <div class="two fields"> <div class="required seven wide field"> <label>First Name</label> <div class="field"> <input type="text" name="new_forename_b" id="new_forename_b" placeholder="First Name"> </div> </div> <div class="required seven wide field"> <label>Surname</label> <div class="field"> <input type="text" name="new_surname_b" id="new_surname_b" placeholder="Last Name"> </div> </div> </div> <div class="required ten wide field"> <label>Mobile Number</label> <div class="field"> <input type="number" name="new_mobile_b" id="new_mobile_b" placeholder="Mobile Number"> </div> </div> <div class="required ten wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_emai_bl" id="new_email_b" placeholder="Email Address"> </div> </div> <div class="two fields" id="post_manual"> <div class="required five wide field"> <label>Door Number</label> <input type="text" name="new_door_no_b" id="new_door_no_b" placeholder="Door No."> </div> <div class="required seven wide field"> <label>Postcode</label> <input type="text" name="new_postcode_b" id="new_postcode_b" placeholder="Postcode"> </div> </div> <div class="sixteen wide field" id="post_look" style="display:none"> <label>Postcode Lookup</label> <div class="field"> <div id="postcode_lookup"></div> </div> </div> <div class="required six wide field"> <label>Date of Birth</label> <div class="field"> <input type="date" name="new_dob_b" id="new_dob_b" placeholder="Date of Birth"> </div> </div> <button class="ui primary button" id="post_man">Enter Manually</button> <h2 class="ui dividing header"></h2> <button class="ui button" id="new_enq_b_back"> Back </button> <button class="ui primary button" id="new_enq_b_next"> Next </button> </div> </div> </form> </span> --> <!-- App B Details Screen --> <span id="app_b_details" style="display:none" desc="Applicant B Details Screen" class="screen_span"> <form id="app_b_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Applicant B Details</h2> </div> <div class="ui form" style="padding-left:10px"> <div class="two fields"> <div class="required five wide field"> <label>First Name</label> <div class="field"> <input type="text" name="new_forename_b" id="new_forename_b" placeholder="First Name"> </div> </div> <div class="five wide field"> <label>Surname</label> <div class="field"> <input type="text" name="new_surname_b" id="new_surname_b" placeholder="Last Name"> </div> </div> </div> <div class="six wide field"> <label>Mobile Number</label> <div class="field"> <input type="number" name="new_mobile_b" id="new_mobile_b" placeholder="Mobile Number"> </div> </div> <div class="six wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_email_b" id="new_email_b" placeholder="Email Address"> </div> </div> <div class="two fields" id="post_manual"> <div class="four wide field"> <label>Door Number</label> <input type="text" name="new_door_no_b" id="new_door_no_b" placeholder="Door No."> </div> <div class="four wide field"> <label>Postcode</label> <input type="text" name="new_postcode_b" id="new_postcode_b" placeholder="Postcode"> </div> </div> <div class="six wide field"> <label>Date of Birth</label> <div class="field"> <input type="date" name="new_dob_b" id="new_dob_b" placeholder="Date of Birth"> </div> </div> <button class="ui button" id="new_enq_b_back"> Back </button> <button class="ui primary button" id="new_enq_b_next"> Next </button> </div> </div> </form> </span> <!-- Rates Screen --> <span id="rates_screen" style="display:none" desc="Rates Table Screen" class="screen_span"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <h2 class="ui dividing header" id="rate_header">Rates</h2> </div> <div class="ui form"> <table class="ui celled table" style="font-size:14px"> <thead> <tr> <th>Rate</th> <th>Period</th> <th>LTV</th> <th>Type</th> <th>Interested In?</th> </tr> </thead> <tbody id="rates_table"></tbody> </table> <button class="ui large button" id="rates_back"> Back </button> <button class="ui large primary button" id="rates_next"> Next </button> </div> <div class="ui attached negative message"> <p>These are Generic Rates, for more specific rates please continue this application and give us more details.</p> </div> </div> </span> <!-- Temporary Resi Screen --> <span id="temp_resi_screen" style="display:none" desc="Residential, Mortgage Amount, and Deposit Screen" class="screen_span"> <form id="temp_resi_screen_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Basic Information</h2> </div> <div class="ui form" style="font-size:14px"> <label style="float: left;padding-left: 20px;">Residential Status: </label> <div class="ui inline selection dropdown" id="resi_status_div" style="float: left;left: 10px;top: -9px;"> <input type="hidden" name="hidden_resi" id="hidden_resi" value="" /> <span class="text">Select Residential Status</span> <div class="menu" id="resi_append"> </div> </div><br /><br /> <span id="mort_amount_span" style="display:none"> <div class="required twelve wide field"> <label>Approximate Value of Property to be Mortgaged</label> <input type="number" name="prop_amount" placeholder="£ Property" id="prop_amount" style="width: 60%;margin-left:-90px"/> </div> </span><br /> <span id="deposit_question_span" style="display:none"> <div class="ui placeholder segment"> <div class="ui two column stackable center aligned grid"> <div class="ui vertical divider">Or</div> <div class="middle aligned row"> <div class="column"> <div class="ui icon header"> Amount Required </div> <div class="field"> <div class="required twelve wide field" style="display:flex"> <span style="padding-top: 3px;padding-right: 3px;font-size: 18px;">£</span> <input type="number" name="mort_amount" id="mort_amount" placeholder="Mortgage Amount" min="0" /> </div> </div> </div> <div class="column"> <div class="ui icon header"> Deposit Amount </div> <div class="field"> <div class="required twelve wide field" style="display:flex"> <span style="padding-top: 3px;padding-right: 3px;font-size: 18px;">£</span> <input type="number" name="deposit_amount" id="deposit_amount" placeholder="Deposit" min="0" /> </div> </div> <div class="ui buttons"> <button class="ui button" id="dep_5">5%</button> <div class="or"></div> <button class="ui positive button" id="dep_10">10%</button> <div class="or"></div> <button class="ui orange button" id="dep_15">15%</button> </div><br /><br /> <div class="ui buttons"> <button class="ui button" id="dep_20">20%</button> <div class="or"></div> <button class="ui positive button" id="dep_25">25%</button> <div class="or"></div> <button class="ui orange button" id="dep_30">30%</button> </div> <span style="color:red"> <b><a href="javascript:void(0)" id="no_dep"><p style="line-height: 50px;">Click Here if you have no Deposit</p></a></b> </span> </div> </div> </div> </div> </span><br /><br /> <button class="ui large button" id="temp_resi_back"> Back </button> <button class="ui large primary button" id="temp_resi_next"> Next </button> </div> </div> </form> </span> <!-- Adverse Questions --> <span id="adverse_screen" style="display:none" desc="Adverse Selection Screen" class="screen_span"> <form id="adverse_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" style="font-size:24px">Has any Applicant any Adverse Data to Confirm?</h2> </div> <div class="ui form" style="padding-left:10px; padding-right:5px"> <div class="fields"> <div class="inline fields"> <label>In the last 6 years, have you had any Debt Judgements, CCJs, or Defaults?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_radio" id="ccj_yes" value="1" class="move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_radio" id="ccj_no" value="0" class="move-left" /> <label>No</label> </div> </div> </div> <div class="field" id="ccj_many" style="display:none"> <input type="number" name="ccj_number" id="ccj_number" placeholder="How Many?" style="float:right; width:95%;" disabled /> </div> </div> <div class="fields"> <div class="inline fields"> <label>In the last 6 years, have you had any Failed Loan, Rental, or Mortgage Payments?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="failed_radio" id="failed_yes" value="1" class="move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="failed_radio" id="failed_no" value="0" class="move-left" /> <label>No</label> </div> </div> </div> <div class="field" id="failed_many" style="display:none"> <input type="number" name="failed_number" id="failed_number" placeholder="How Many?" style="float:right; width:95%;" disabled /> </div> </div> <div class="fields"> <div class="inline fields"> <label>In the last 6 years, declared Bankruptcy, entered an IVA, or been Compounded?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="bank_radio" id="bank_yes" value="1" class="move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="bank_radio" id="bank_no" value="0" class="move-left" /> <label>No</label> </div> </div> </div> <input type="hidden" name="bank_number" id="bank_number" /> </div> <div class="fields"> <div class="inline fields"> <label style="padding-left:5px">Have you been refused a Mortgage?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="refused_radio" id="refused_yes" value="1" class="move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="refused_radio" id="refused_no" value="0" class="move-left" /> <label>No</label> </div> </div> </div> <input type="hidden" name="refused_number" id="refused_number" /> </div> <div class="fields"> <div class="inline fields"> <label>In the last 6 years, had any Convictions (not including Driving Convictions)?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="con_radio" id="con_yes" value="1" class="move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="con_radio" id="con_no" value="0" class="move-left" /> <label>No</label> </div> </div> </div> <div class="field" id="con_many" style="display:none"> <input type="number" name="con_number" id="con_number" placeholder="How Many?" style="float:right; width:95%;" disabled /> </div> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="adverse_next"> Next </button> </div> </form> </span> <!-- CCJ Details --> <span id="ccj_details_screen" style="display:none" desc="CCJ Details Screen" class="screen_span"> <form id="ccj_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header"><span class="ccj_or">CCJ/Default</span> Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is the <span class="ccj_or">CCJ/Default</span> registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_app" id="ccj_app_a" value="A" class="ccj_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="ccj_app" id="ccj_app_b" value="B" class="ccj_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="ccj_app" id="ccj_app_both" value="Both" class="ccj_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="inline fields"> <label>Is this a CCJ or Default</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_details_radio" id="ccj_details_yes" value="ccj" class="ccj_cd move-left"/> <label>CCJ</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_details_radio" id="ccj_details_no" value="default" class="ccj_cd move-left" /> <label>Default</label> </div> </div> </div> <div class="two fields"> <div class="six wide field"> <label>Date Registered</label> <input type="date" name="ccj_date" id="ccj_date" /> </div> <div class="six wide field"> <label><span class="ccj_or">CCJ/Default</span> Amount</label> <input type="text" name="ccj_amount" id="ccj_amount" placeholder="£ Amount"> </div> </div> <div class="fields"> <div class="nine wide field"> <label>Who is the <span class="ccj_or">CCJ/Default</span> Registered with?</label> <input type="text" name="ccj_by" id="ccj_by" placeholder="Who is the CCJ/Default Registered with" /> </div> </div> <div class="inline fields"> <label>Has this <span class="ccj_or">CCJ/Default</span> been Satisfied?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_satisfied" id="ccj_satisfied_yes" value="Yes" class="ccj_sat move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="ccj_satisfied" id="ccj_satisfied_no" value="No" class="ccj_sat move-left" /> <label>No</label> </div> </div> </div> <div class="fields" style="display:none" id="ccj_satisfied_date_div"> <div class="six wide field"> <label>Date Satisfied</label> <input type="date" name="ccj_satisfied_date" id="ccj_satisfied_date" /> </div> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="ccj_next"> Next </button> </div> </form> </span> <!-- Failed Details --> <span id="failed_details_screen" style="display:none" desc="Failed Payment Details Screen" class="screen_span"> <form id="failed_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" style="padding-top:0px">Failed Payment Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is the Failed Payment registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="failed_app" id="failed_app_a" value="A" class="failed_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="failed_app" id="failed_app_b" value="B" class="failed_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="failed_app" id="failed_app_both" value="Both" class="failed_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="fields"> <div class="ten wide field"> <label>What Company is this registered by?</label> <input type="text" name="failed_by" id="failed_by" placeholder="Who is the Failed Payment Registered to" /> </div> </div> <div class="inline fields"> <label>Have you entered an Arrangement to Pay or Debt Management Plan with this Company?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="failed_atp" id="failed_atp_yes" value="1" class="failed_atp move-left"/> <label>Arrangement to Pay</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="failed_atp" id="failed_atp_no" value="0" class="failed_atp move-left" /> <label>Debt Management Plan</label> </div> </div> </div> <div class="two fields" id="failed_atp_dates" style="display:none"> <div class="six wide field"> <label>Date Started Arrangement to Pay</label> <input type="date" name="failed_atp_start" id="failed_atp_start" /> </div> <div class="six wide field"> <label>Date Ended Arrangement to Pay</label> <input type="date" name="failed_atp_end" id="failed_atp_end" /> </div> </div> <div class="two fields" id="failed_dmp_dates" style="display:none"> <div class="six wide field"> <label>Date Started Debt Management Plan</label> <input type="date" name="failed_dmp_start" id="failed_dmp_start" /> </div> <div class="six wide field"> <label>Date Ended Debt Management Plan</label> <input type="date" name="failed_dmp_end" id="failed_dmp_end" /> </div> </div> <div class="two fields"> <div class="six wide field"> <label>When was your last Missed Payment</label> <input type="date" name="failed_missed_date" id="failed_missed_date" /> </div> <div class="six wide fields"> <label>Is this Missed Payment a Mortgage Payment?</label> <input type="checkbox" name="failed_missed_mp" id="failed_missed_mp" value="1" /> </div> </div> <div class="inline field" id="fail_lender_div" style="display:none"> <div class="six wide fields"> <label style="padding-top:10px">What Lender was this with? </label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="fail_lender"> <input type="hidden" name="hidden_fail_lender" id="hidden_fail_lender" value="" /> <span class="text" style="font-size: 13px;">Select Lender</span> <div class="menu" id="fail_menu"> </div> </div> </div> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="failed_next"> Next </button> </div> </form> </span> <!-- Bankruptcies Details --> <span id="bank_details_screen" style="display:none" desc="Bankruptcy Details Screen" class="screen_span"> <form id="bank_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Bankruptcies Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is this registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="bank_app" id="bank_app_a" value="A" class="bank_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="bank_app" id="bank_app_b" value="B" class="bank_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="bank_app" id="bank_app_both" value="Both" class="bank_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="inline fields"> <label>Is this a: </label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="bank_type" id="bank_type_b" value="Bankruptcy" class="bank_type_class move-left"/> <label>Bankruptcy</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="bank_type" id="bank_type_c" value="Compounded" class="bank_type_class move-left" /> <label>Compounded</label> </div> </div> <div class="field" id="bank_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="bank_type" id="bank_type_i" value="IVA" class="bank_type_class move-left" /> <label>IVA</label> </div> </div> </div> <div class="two fields"> <div class="six wide field"> <label>When did this start?</label> <input type="date" name="bank_start" id="bank_start" /> </div> <div class="six wide field"> <label>When did this end?</label> <input type="date" name="bank_end" id="bank_end" /> </div> </div> <div class="field"> <label>Details of this Bankruptcy/IVA/Compounded</label> <textarea name="bank_details" id="bank_details" rows="5" style="width:70%"></textarea> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="bank_next"> Next </button> </div> </form> </span> <!-- Refused Mortgages Details --> <span id="refused_details_screen" style="display:none" desc="Refused Mortgage Details Screen" class="screen_span"> <form id="refused_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Refused Mortgages Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is this registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="refused_app" id="refused_app_a" value="A" class="refused_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="refused_app" id="refused_app_b" value="B" class="refused_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="refused_app" id="refused_app_both" value="Both" class="refused_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="field"> <label>Details including: Lender, When, Why (in your opinion)</label> <textarea name="refused_details" id="refused_details" rows="5" style="width:70%"></textarea> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="refused_next"> Next </button> </div> </form> </span> <!-- Convictions Details --> <span id="con_details_screen" style="display:none" desc="Conviction Details Screen" class="screen_span"> <form id="con_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Conviction Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is this registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="con_app" id="con_app_a" value="A" class="con_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="con_app" id="con_app_b" value="B" class="con_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="con_app" id="con_app_both" value="Both" class="con_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="field"> <label>Details of this Conviction</label> <textarea name="con_details" id="con_details" rows="5" style="width:70%"></textarea> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="con_next"> Next </button> </div> </form> </span> <!-- Commitments Screen --> <span id="commitments_screen" style="display:none" desc="Commitment Selection Screen" class="screen_span"> <form id="commitments_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Commitments</h2> </div> <div class="ui form" style="padding-left:5px"> <div class="inline fields"> <label>Do you have any Commitments? e.g. Credit Cards, Car Lease, Loan etc.</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="commit_radio" id="commit_yes" value="1" class="commit_q move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="commit_radio" id="commit_no" value="0" class="commit_q move-left" /> <label>No</label> </div> </div> </div><br /> <div class="field" id="commit_many" style="display:none"> <input type="number" name="commit_number" id="commit_number" placeholder="How Many?" style="width:30%;" /> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="commit_next"> Next </button> </div> </div> </form> </span> <!-- Commitment Details --> <span id="commit_details_screen" style="display:none" desc="Commitment Details Screen" class="screen_span"> <form id="commit_details_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Commitment Details</h2> </div> <div class="ui form"> <div class="inline fields"> <label>Who is this registered to?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="commit_app" id="commit_app_a" value="" class="commit_app_class move-left"/> <label class="adverse_app_a"></label> </div> </div> <div class="field" class="adverse_app_b_hide"> <div class="ui radio checkbox"> <input type="radio" name="commit_app" id="commit_app_b" value="" class="commit_app_class move-left" /> <label class="adverse_app_b"></label> </div> </div> <div class="field" class="adverse_app_both_hide"> <div class="ui radio checkbox"> <input type="radio" name="commit_app" id="commit_app_both" value="Both" class="commit_app_class move-left" /> <label class="adverse_app_both"></label> </div> </div> </div> <div class="field"> <div class="ui floating inline dropdown labeled icon button" id="commit_type"> <input type="hidden" name="hidden_commit_type" id="hidden_commit_type" value="" /> <i class="address card outline icon"></i> <span class="text">Select Commitment Type</span> <div class="menu" id="commit_type_menu" style="overflow-y:scroll; height:200px !important"> </div> </div> </div> <div class="two fields"> <div class="six wide field"> <label>When did this start?</label> <input type="date" name="commit_start" id="commit_start" /> </div> <div class="six wide field"> <label>When roughly does this end?</label> <input type="date" name="commit_end" id="commit_end" /> </div> </div> <div class="two fields"> <div class="six wide field"> <label>Total Amount</label> <input type="number" name="commit_amount" id="commit_amount" placeholder="£ Amount" /> </div> <div class="required six wide field"> <label>Monthly Payment</label> <input type="number" name="commit_monthly" id="commit_monthly" placeholder="£ Amount" /> </div> </div> <div class="inline fields"> <label>Is this to be Redeemed Prior to, or on Completion of the New Mortgage?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="commit_prior" id="commit_prior_yes" value="Yes" class="commit_prior_class move-left"/> <label>Yes</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="commit_prior" id="commit_prior_no" value="No" class="commit_prior_class move-left"/> <label>No</label> </div> </div> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="commit_details_next"> Next </button> </div> </form> </span> <!-- Lacking Screen --> <span id="existing_lacking_screen" style="display:none" desc="Lacking Screen" class="screen_span"> <form id="lacking_form"> <div class="ui segments"> <div class="ui segment"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <div class="ui positive message" style="display:none" id="dupe_alert"> <div class="header"> We have detected you made an enquiry with us recently. Please provide us with a few details to help progress your enquiry. </div> </div> <h2 class="ui dividing header">Details we need</h2> </div> <div class="ui form" style="padding:10px; font-size:13px"> <div class="fields"> <div class="required nine wide field"> <label id="lacking_label"></label> <span id="lacking_input"></span> </div> </div> <h2 class="ui dividing header"></h2> <div style="text-align:left"> <button class="ui large button" id="lacking_back"> Skip This Item </button> <button class="ui large primary button" id="lacking_next"> Next </button> </div> </div> </div> </form> </span> <!-- Chat System Screen --> <span id="chat_system_screen" desc="Live Chat Screen" class="screen_span" style="display:none"> <div id="loading" class="panel-body"> <div style="height:520px"> <img src="images/tms-logo.png" id="tms_logo" style="height:50px" /> <img src="https://www.tms007.co.uk/admin/images/loading-hourglass.gif" width="300px" style="margin-top:40px" /> <br /> <p style="font-size:20px"><b>We are trying to find an Admin Member to answer this Chat.</b></p> </div> </div> <div id="messagebody" class="panel-body msg_container_base" style="display:none; height:550px"> </div> <div class="panel-footer"> <div class="input-group"> <input id="btn-input" type="text" class="form-control input-sm chat_input" placeholder="Write your message here..." required="required" id="chat_input" /> <span class="input-group-btn"> <button class="btn btn-primary btn-sm" id="btn-chat">Send</button> </span> </div> </div> </span> <!-- Chat Timeout Screen --> <span id="span_timeout_screen" desc="Chat Timeout Screen" class="screen_span" style="display:none"> <div class="ui segments"> <div class="ui segment"> <h2>Sorry!</h2> </div> <div class="ui placeholder segment"> <div class="ui header" id="chat_timeout_message"> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="continue_app_chat"> Continue Application </button> </div> </span> <!-- Temp Existing End Screen --> <span id="temp_pdq_screen" style="display:none" desc="Pre Decision Quote Emailed Confirmation Screen" class="screen_span"> <div class="ui segments"> <div class="ui segment"> <h2>Thank You</h2> </div> <div class="ui placeholder segment"> <div class="ui header"> We have received your details and emailed you your Pre-Decision Quote. To carry on with your application you can click the button below, or call us on 0800 092 0800. </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="continue_app"> Continue Application </button> </div> </span> <!-- Shared Ownership Screen --> <span id="shared_questions_screen" style="display:none" desc="Shared Ownership Details Screen" class="screen_span"> <form id="shared_questions_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header" style="margin-top:0px">Shared Ownership</h2> </div> <div class="ui form" style="padding:10px;font-size:13px"> <div class="fields" style="margin:0px"> <div class="required field"> <label>Housing Association Name</label> <input type="text" name="so_ha" placeholder="Housing Association" id="so_ha" /> </div> <span id="so_no_ha_span"> <a href="javascript:void(0)" id="so_no_ha"> <div class="ui negative mini message" style="margin: 2em 0 !important"> <p>Click Here if Unknown</p> </div> </a> </span> </div> <div class="fields" style="margin:0px"> <div class="five wide field"> <label>Full Property Value</label> <input type="number" name="so_ha_value" placeholder="£ Value" id="so_ha_value" /> </div> <a href="javascript:void(0)"> <div class="ui negative mini message" style="margin: 2em 0 !important"> <p>This is the Property Value, not Share Value</p> </div> </a> </div> <div class="fields"> <div class="eight wide field"> <label>Percentage of Shares Being Bought</label> <input type="number" name="so_ha_shares" placeholder="% of Shares" id="so_ha_shares" /> </div> </div> <div class="fields"> <div class="six wide field"> <label>Monthly Rental Amount</label> <input type="number" name="so_ha_rent" placeholder="£ Rent" id="so_ha_rent" /> </div> </div> <div class="fields"> <div class="nine wide field" style="margin-bottom:0px"> <label>Is there a Seperate Management Charge?</label> <input type="number" name="so_ha_man" placeholder="Management Charge" id="so_ha_man" /> </div> <span> <a href="javascript:void(0)"> <div class="ui negative mini message" style="margin: 2em 0 !important"> <p>If so, How Much?</p> </div> </a> </span> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="so_next"> Next </button> </div> </div> </form> </span> <!-- Remortgage Questions Screen --> <span id="remortgage_questions_screen" style="display:none" desc="Extra Details Screen" class="screen_span"> <form id="remortgage_questions_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Remortgage</h2> </div> <div class="ui form" style="padding:10px;font-size:12px"> <div class="fields"> <div class="field"> <label>Who is your Lender?</label> <div class="ui selection dropdown" id="lender_div"> <input type="hidden" name="lender_list" id="lender_list" value="" /> <span class="text">Lender List</span> <div class="menu" id="list_of_lenders"> </div> </div> </div> </div> <div class="fields"> <div class="required six wide field"> <label>Years left on Mortgage?</label> <input type="number" name="rem_years" placeholder="Years" id="rem_years" /> </div> <div class="required eight wide field"> <label>Existing Full Mortgage Amount?</label> <input type="number" name="rem_amount" placeholder="£ amount" id="rem_amount" /> </div> </div> <div class="fields" id="extra_div" style="display:none"> <div class="field"> <label id="extra_label"></label> <div class="ui selection dropdown" id="extra_on_div"> <input type="hidden" name="extra_list" id="extra_list" value="" /> <span class="text">Reason for Extra Money</span> <div class="menu" id="list_of_extra"> </div> </div> </div> </div> <div class="fields"> <div class="inline field"> <label>Approximately what Rate are you on?</label> <div class="ui selection dropdown" id="rate_on_div"> <input type="hidden" name="rate_list" id="rate_list" value="" /> <span class="text">Select Rate</span> <div class="menu" id="list_of_rates"> </div> </div> </div> </div> <div class="fields"> <div class="fourteen wide field"> <label>Do you have a Redemption Penalty?</label> <label class="switch" style="top:-25px"> <input type="checkbox" name="redemp_q" id="redemp_q" class="app_name_class" value="1"> <span class="slider round" style="60px"></span> </label> </div> </div> <div class="fields" style="margin-bottom:-30px"> <div class="ui negative mini message" style="margin: 1em 0 !important;top: -30;"> <p style="font-size:13px">A Redemption Penalty is when the Lender will charge you for paying off the mortgage before the inital rate expires.</p> </div> </div> <div class="fields" id="rem_redemp_div" style="display:none;margin-left:-25%"> <div class="twelve wide field"> <label>Approximately when will this end?</label> <input type="date" name="rem_redemp" id="rem_redemp" style="width:50%" /> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large button" id="rem_back"> Back </button> <button class="ui large primary button" id="rem_next"> Next </button> </div> </div> </form> </span> </div> </div> </div> </div> </div> </html>