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
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 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" 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://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="already_created" id="already_created" value="" /> <input type="hidden" name="from_where" id="from_where" value="MortgageShop.com" /> <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="3.227.235.216" /> <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="" /> <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"> <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" 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" 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" 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" 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"> <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 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" 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 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">Client Details</h2> </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="required ten 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 ten wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_email" id="new_email" 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" id="new_door_no" placeholder="Door No."> </div> <div class="required seven wide field"> <label>Postcode</label> <input type="text" name="new_postcode" id="new_postcode" 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" id="new_dob" placeholder="Date of Birth"> </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" 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 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">Provide Rate<br> Data</button> <button class="ui big orange button" id="tri_chat">Live Chat Help<br> - Available</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" class="screen_span"> <form id="income_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">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" 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" style="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" 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" style="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" 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" style="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" 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" style="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"> Potential Maximum Mortgage Available </h3> <h2 class="ui center aligned icon header"id="max_mort_div" style="line-height:0.5"></h2> </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" 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="required seven wide field"> <label>Job Start Date</label> <input type="date" placeholder="Start Date" name="lack_start" id="lack_start" required /> </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" 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 five 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 five 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="required five wide field"> <label>Start Date</label> <input type="date" placeholder="Start Date" name="lack_bus_start" id="lack_bus_start" required /> </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" 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"> <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="required 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="required 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="required 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="required 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="required four wide field"> <label>Postcode</label> <input type="text" name="new_postcode_b" id="new_postcode_b" placeholder="Postcode"> </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 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" 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" 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" class="screen_span"> <form id="adverse_form"> <div class="ui segments" style="padding-bottom:13px"> <div class="ui segment"> <h2 class="ui dividing header">Adverse Questions</h2> </div> <div class="ui form" style="padding-left: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%;" /> </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%;" /> </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%;" /> </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="refused_many" style="display:none"> <input type="number" name="refused_number" id="refused_number" placeholder="How Many?" style="float:right; width:65%;" /> </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%;" /> </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" 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">CCJ Details</h2> </div> <div class="ui form" style="padding-left: 5px"> <div class="inline fields"> <label>Who is the CCJ/Default 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>CCJ/Default Amount</label> <input type="text" name="ccj_amount" id="ccj_amount" placeholder="£ Amount"> </div> </div> <div class="fields"> <div class="eight wide field"> <label>Who is the CCJ/Default 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 CCJ/Default 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" 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">Failed Payments 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="eight 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?</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 field"> <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> <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" 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" 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: 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" 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" 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" 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 did this end (if it has)?</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="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" 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 /> <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" style="display:none"> <div id="loading" class="panel-body"> <div style="height:420px"> <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> <!-- Shared Ownership Screen --> <span id="shared_questions_screen" style="display:none" 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="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="required 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="required 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" 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> <script type="text/javascript"> if ('' == "popup_link") { console.log('here'); $(document).ready(function() { $(".chat_container").slideToggle("slow"); }); } </script>
Contact
