Mortgage Rates
About
Info
Reviews
Contact
Mortgage Shop Freephone 0800 092 0800, Independent Mortgage Financial Advisers
Contact
Mortgage Index
Mortgage Calculators
Buy To Let
UK Mortgage Calculator
Remortgages, Debt Consolidation, Refinance, New Mortgage
Shared Ownership Mortgages
Council Right to Buy Mortgages
Mortgage Prisoner Remortgages
Government 95% Mortgage Guarantee Scheme
Self Build & Help to Build Mortgages
UK Mortgage Information - Mortgage Robo Adviser
Government Home Schemes
Bad Credit, Low Credit Score & Adverse Mortgages
Landlord Buy To Let Mortgages
Council Right to Buy Additional Borrowing
Equity Release Mortgages
Commercial Mortgages & Business Loans
Flexible Mortgages
Help To Buy Mortgages
Customer Testimonial / Client Review - Ratings
Sitemap
Mortgage Capacity Assessment Reports
PhD Student Candidate Stipend Mortgages
Mortgage Contact
</a> <p><p>Your browser does not support iframes.</p></p> </td> </tr> </table> <span class="article_separator"> </span> </td> </tr> </table> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> <div id="whitebox_b"> <div id="whitebox_bl"> <div id="whitebox_br"></div> </div> </div> </div> <div id="footerspacer"></div> </div> <div id="footer"> <div id="footer_l"> <div id="footer_r"> <div class="moduletable"> <div><strong>Mortgage Shop:</strong> YOUR PROPERTY MAY BE REPOSSESSED IF YOU DO NOT KEEP UP REPAYMENTS ON A MORTGAGE OR ANY DEBT SECURED ON IT!<br />Mortgage Shop London Ltd is registered in England No. 06618942, Registered Offices: On & Offline Services, Metropolitan House, Potters Bar, Herts EN6 1AG. <br />Authorised and Regulated by the <a href="https://register.fca.org.uk/" target="_blank">Financial Conduct Authority</a> (FCA reg. 487703). This site is only directed at persons mortgaging property within the UK. Marketed by <a href="http://www.Appellation.uk" target="_blank">www.Appellation.uk</a> <strong><a href="/privacy/" target="_blank">Our Privacy Policy </a><a href="/sitemap.xml" target="_blank">SiteMap</a></strong></div> <p> </p> </div> </div> </div> </div> </div> </div> </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" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <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://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></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; } #upload_doc { cursor: pointer; } </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="MortgageShop.com Chat" /> <input type="hidden" name="from_page" id="from_page" value="www.mortgage-shop.co.uk/mortgage-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="44.201.96.43" /> <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="repayment_by" id="repayment_by" 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="" /> <input type="hidden" name="filename" id="filename" value="" /> <input type="hidden" name="max_mort_low" id="max_mort_low" value="" /> <input type="hidden" name="low_pri" id="low_pri" value="" /> <input type="hidden" name="low_sec" id="low_sec" value="" /> <input type="hidden" name="low_joi" id="low_joi" value="" /> <input type="hidden" name="adverse_level" id="adverse_level" 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 class="field"> <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> <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 No/House Name</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 No/House Name</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="inline fields" id="resend_code" style="display:none; justify-content: center;"> <p id="resend_p"><a href="javascript:void(0)" id="resend_6dc">Click Here to Resend the 6-Digit Code</a></p> </div> <div class="ui positive message" style="display:none" id="new_borrow_mess"> <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> </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">Housewife/Husband</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">Housewife/Husband</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">Housewife/Husband</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">Housewife/Husband</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:<br /><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" class="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" class="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> <!-- Lacking Employment Screen --> <span id="lacking_inc_screen" style="display:none" desc="Lacking Employment Selection Screen" class="screen_span"> <form id="lacking_inc_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Income</h2> </div> <div class="ui form"> <input type="hidden" name="hidden_lack_inc_app" id="hidden_lack_inc_app" value="" /> <span id="lack_inc_span_a" style="display:none"> <label>What is the Employment Status for <span class="app_a_name_inc"></span></label><br /> <div class="ui floating inline dropdown icon labeled button" id="lack_inc_status_a"> <input type="hidden" name="hidden_inc_a" id="hidden_inc_a" value="" /> <span class="text">Select Employment Status</span> <i class="chevron circle right icon"></i> <div class="menu"> <div class="item">Employed</div> <div class="item">Self Employed</div> <div class="item">Retired</div> <div class="item">Other</div> </div> </div> <br /><br /> </span> <span id="lack_inc_span_b" style="display:none"> <label>What is the Employment Status for <span class="app_b_name_inc"></span></label><br /> <div class="ui floating inline dropdown icon labeled button" id="lack_inc_status_b"> <input type="hidden" name="hidden_inc_b" id="hidden_inc_b" value="" /> <span class="text">Select Employment Status</span> <i class="chevron circle right icon"></i> <div class="menu"> <div class="item">Employed</div> <div class="item">Self Employed</div> <div class="item">Retired</div> <div class="item">Other</div> </div> </div> <br /><br /> </span> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_inc_next"> Next </button> </div> </div> </form> </span> <!-- Lacking Employment Screen --> <span id="lack_emp_screen" style="display:none" desc="Lacking Employment Details Screen" class="screen_span"> <form id="lack_emp_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" class="emp_header"></h2> </div> <div class="ui form" style="padding-left:10px"> <input type="hidden" name="lack_emp_app" id="lack_emp_app_a" value="" /> <input type="hidden" name="lack_emp_id" id="lack_emp_id_a" 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_a" 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_a" 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_a" /> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_emp_next_a"> 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" class="bus_header"></h2> </div> <div class="ui form" style="padding-left:10px"> <input type="hidden" name="lack_bus_app" id="lack_bus_app_a" value="" /> <input type="hidden" name="lack_bus_id" id="lack_bus_id_a" 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_a" 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_a" 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_a" /> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_bus_next_a"> Next </button> </div> </div> </form> </span> <!-- Lacking Other Screen --> <span id="lacking_oth_screen" style="display:none" desc="Lacking Other Income Details Screen" class="screen_span"> <form id="lacking_oth_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header" id="oth_header"></h2> </div> <div class="ui form" style="padding-left:10px"> <input type="hidden" name="lack_oth_app" id="lack_oth_app" value="" /> <input type="hidden" name="lack_oth_id" id="lack_oth_id" value="" /> <div class="fields"> <div class="required twelve wide field"> <label>Type of Income</label> <div class="ui floating inline dropdown icon labeled button" id="lack_oth_type"> <input type="hidden" name="hidden_lack_oth_type" id="hidden_lack_oth_type" value="" /> <span class="text">Select Income Type</span> <div class="menu" id="lack_oth_type_menu" style="width:auto"> </div> </div> </div> </div> <div class="fields"> <div class="required five wide field"> <label>Annual Amount</label> <input type="number" placeholder="Annual Amount £" name="lack_aa" id="lack_aa" required /> </div> </div> <div class="fields"> <div class="required five wide field"> <label>Any Extra Details</label> <textarea name="lack_oth_notes" id="lack_oth_notes" rows="5" style="width:200%"></textarea> </div> </div> <h2 class="center_header ui dividing header"></h2> <button class="ui primary button" id="lacking_oth_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 No/House Name</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> <div class="field" id="bank_many" style="display:none"> <input type="number" name="bank_number" id="bank_number" placeholder="How Many?" style="float:right; width:95%;" disabled /> </div> </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> <div class="field" id="refu_many" style="display:none"> <input type="number" name="refu_number" id="refu_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, 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>Approx Date of <span class="ccj_or">CCJ/Default</span> Registered</label> <input type="date" name="ccj_date" id="ccj_date" /> </div> <div class="six wide field"> <label>Approx <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>Approx 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>Approx when did this start?</label> <input type="date" name="bank_start" id="bank_start" /> </div> <div class="six wide field"> <label>Approc 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" id="hourglass" /> <br /> <p style="font-size:17px; margin-top: 5px"><b>We are trying to find an Admin Member to answer this Chat.<span id="chat_more_text" style="display:none"> In the meantime here is a list of outstanding items that we require from you. (Click the section below to provide each item)</span></b></p> <div id="cc_div_div" style="display:none; max-height:380px; overflow: auto; margin-left: -20px"> <ul id="cc_div"> </ul> </div> </div> </div> <div id="messagebody" class="panel-body msg_container_base" style="display:none; height:550px"> </div> <form enctype="multipart/form-data" name="fileinfo" method="post"> <div class="panel-footer"> <div class="input-group"> <label for="upload"> <i class="fa fa-paperclip fa-2x" style="padding-right:10px;" id="upload_doc_trigger"> </i> <input type="file" id="upload" style="display:none" /> </label> <input style="width:92%; float:right" 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> </form> </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> <!-- To Quote Screen --> <span id="quote_step_screen" desc="To Quote Screen" class="screen_span" style="display:none"> <div class="ui segments"> <div class="ui segment"> <h2>We're pleased to be able to confirm we can help you with this request. Click below to view the most appropriate rate for you.</h2> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="quote_button"> Check the Rate out! </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" style="margin-top:1px; font-size:21px">We need some details on your existing mortgage please</h2> </div> <div class="ui form" style="padding:10px;font-size:12px"> <div class="fields"> <div class="field"> <label>Who is your Existing 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 Existing 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" style="margin-bottom: -30px"> <div class="fourteen wide field"> <label>Do you have a Redemption Penalty on your Existing Mortgage?</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" 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> <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> <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> <!-- Commerical 1st Questions Screen --> <span id="commercial_sel_screen" style="display:none" desc="Commercial Selection Screen" class="screen_span"> <form id="commercial_sel_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Commercial / Business Funding</h2> </div> <div class="ui form"> <div class="fields"> <div class="inline field" style="padding-left: 20px;"> <label>Is this for a Purchase or Refinance?</label> <div class="ui radio checkbox"> <input type="radio" name="commerical_pay" id="commercial_pay_p" class="commerical_pay_c move-left" value="Purchase" leng="0" /> <label>Purchase </label> </div> <div class="ui radio checkbox"> <input type="radio" name="commerical_pay" id="commercial_pay_r" class="commerical_pay_c move-left" value="Refinance" leng="0" /> <label>Refinance</label> </div> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui primary button" id="commerical_sel_next"> Next </button> </div> </div> </form> </span> <!-- Right to Buy Questions Screen --> <span id="rtb_details_screen" style="display:none" desc="Right to Buy Details Screen" class="screen_span"> <form id="rtb_details_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Right to Buy</h2> </div> <div class="ui form" style="padding-left: 20px;"> <div class="inline field" style="text-align:left"> <label>Is this for a Purchase or Remortgage of a Right to Buy?</label><br /> <div class="ui radio checkbox"> <input type="radio" name="rtb_radio" id="rtb_radio_p" class="rtb_radio_c move-left" value="Purchase" leng="0" /> <label>Purchase </label> </div> <div class="ui radio checkbox"> <input type="radio" name="rtb_radio" id="rtb_radio_r" class="rtb_radio_c move-left" value="Remortgage" leng="0" /> <label>Remortgage</label> </div> </div> <div class="fields" style="display:none" id="rtb_purchase_hidden"> <div class="ten wide field"> <label>What Discount is being offered to you by the Local Authority for this Right to Buy?</label> <div class="ui labeled input"> <div class="ui label">£</div> <input type="text" name="rtb_discount" placeholder="Discount" /> </div> </div> </div> <div class="inline field" style="display:none" id="rtb_remortgage_hidden" style="text-align:left"> <label>Is this Right to Buy within the Pre-Emption Period of Discount?</label><br /> <div class="ui radio checkbox"> <input type="radio" name="rtb_pre_radio" id="rtb_pre_radio_y" class="rtb_pre_class move-left" value="1" leng="0" /> <label>Yes </label> </div> <div class="ui radio checkbox"> <input type="radio" name="rtb_pre_radio" id="rtb_pre_radio_n" class="rtb_pre_class move-left" value="0" leng="0" /> <label>No</label> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui primary button" id="rtb_next"> Next </button> </div> </div> </form> </span> <!-- Buy to Let Questions Screen --> <span id="btl_details_screen" style="display:none" desc="Buy to Let Details Screen" class="screen_span"> <form id="btl_details_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Buy to Let</h2> </div> <div class="ui form" style="padding-left: 20px;"> <div class="inline field" style="text-align:left"> <label>Is this for a Purchase or Remortgage of a Buy to Let?</label><br /> <div class="ui radio checkbox"> <input type="radio" name="btl_radio" id="btl_radio_p" class="btl_radio_c move-left" value="Purchase" leng="0" /> <label>Purchase </label> </div> <div class="ui radio checkbox"> <input type="radio" name="btl_radio" id="btl_radio_r" class="btl_radio_c move-left" value="Remortgage" leng="0" /> <label>Remortgage</label> </div> </div> <div class="fields"> <div class="seven wide field"> <label>What is the Monthly Rental Income? An Estimate is fine</label> <div class="ui labeled input"> <div class="ui label">£</div> <input type="text" name="btl_monthly" id="btl_monthly" placeholder="Monthly Income" /> </div> </div> </div> <div class="field" > <div class="seven wide field"> <label>What type of Let is it for?</label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="btl_type"> <input type="hidden" name="hidden_btl_type" id="hidden_btl_type" value="" /> <span class="text" style="font-size: 13px;">Type of Let</span> <div class="menu"> <div class="item">Office</div> <div class="item">Residential</div> <div class="item">Office</div> </div> </div> </div> </div> <div class="fields" style="display:none" id="btl_date_hidden"> <div class="seven wide field"> <label>What Date did you Start Renting?</label> <input type="date" name="btl_date" id="btl_date" /> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui primary button" id="btl_next"> Next </button> </div> </div> </form> </span> <!-- Self Build Questions Screen --> <span id="sb_details_screen" style="display:none" desc="Self Build Details Screen" class="screen_span"> <form id="sb_details_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Self Build</h2> </div> <div class="ui form" style="padding-left: 20px;"> <div class="inline field" style="text-align:left; margin-top: -10px;"> <label>Is the Plot Purchased yet?</label> <div class="ui radio checkbox"> <input type="radio" name="sb_plot" id="sb_plot_y" class="sb_plot_c move-left" value="1" leng="0" /> <label>Yes </label> </div> <div class="ui radio checkbox"> <input type="radio" name="sb_plot" id="sb_plot_n" class="sb_plot_c move-left" value="0" leng="0" /> <label>No</label> </div> </div> <div class="inline field" style="text-align:left; margin-top: -10px;"> <label>Has Planning Permission been obtained?</label><br /> <div class="ui radio checkbox"> <input type="radio" name="sb_plan" id="sb_plan_n" class="sb_plan_c move-left" value="no_planning" leng="0" /> <label>No Planning </label> </div> <div class="ui radio checkbox"> <input type="radio" name="sb_plan" id="sb_plan_o" class="sb_plan_c move-left" value="outline_planning" leng="0" /> <label>Outline Planning </label> </div> <div class="ui radio checkbox"> <input type="radio" name="sb_plan" id="sb_plan_f" class="sb_plan_c move-left" value="full_planning" leng="0" /> <label>Full Planning</label> </div> </div> <div class="seven wide field" style="text-align:left;"> <label>Intended Use of the Building?</label> <textarea name="sb_intend" id="sb_intend" rows="5" style="width:200%"></textarea> </div> <div class="inline fields"> <div class="sixteen wide inline field"> <label style="width:60%">What will be the Build Cost?</label> <div class="ui labeled input"> <div class="ui label">£</div> <input type="number" name="sb_build" id="sb_build" placeholder="Build Cost" /> </div> </div> </div> <div class="inline fields"> <div class="sixteen wide field"> <label style="width:60%">What is the Approximate End Value of the Property after Build?</label> <div class="ui labeled input"> <div class="ui label">£</div> <input type="number" name="sb_end" id="sb_end" placeholder="End Value" /> </div> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui primary button" id="sb_next" style="float:left"> Next </button> </div> </div> </form> </span> </div> </div> </div> </div> </div> </html> <script type="text/javascript"> if ('' == "popup_link") { $(document).ready(function() { console.log('/mortgage-enquiry'); var $this = $('#popup_click'); if (!$this.hasClass('panel-collapsed')) { if ($('#big_screen').is(':visible')) { $('#big_screen').addClass('im_vis'); $('#big_screen').slideUp(); } $('.panel-footer').hide(); $this.addClass('panel-collapsed'); } else { if($('#big_screen').hasClass('im_vis')) { $('#big_screen').slideDown(); $('#big_screen').removeClass('im_vis'); } $('.panel-footer').show('fast'); $this.removeClass('panel-collapsed'); } }); } </script>
Contact
