Mortgage Rates
About
Info
Reviews
Contact
News
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
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
Government Home Schemes
Council Right to Buy Additional Borrowing
Mortgage Prisoner Remortgages
Equity Release Mortgages
Commercial Mortgages & Business Loans
Flexible Mortgages
Customer Testimonial / Client Review - Ratings
Mortgage Capacity Assessment Reports
PhD Student Candidate Stipend Mortgages
Mortgage Offer Withdrawn After Exchange Mortgages
Mortgage Capacity Calculator - Divorce
Target Help to Buy Remortgages
Probate Loans
Our Media Coverage
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" style="height:74px !important; padding-top: 10px; !important"> <div class="moduletable"> <div> <b> <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. <br /><a href="http://www.gardenswings.co.uk" target="_blank">Garden Swings</a> || <a href="http://www.shared-ownership-mortgages.com" target="_blank">Shared Ownership Mortgages</a> || <a href="https://www.large-mortgages.com/" target="_blank">Large Mortgage Loans</a> || <strong><a href="/privacy/" target="_blank"> Our Privacy Policy </a> || <a href="/sitemap.xml" target="_blank">SiteMap</a></strong> || <a href="/complaints" target="_blank">Complaints</a></strong></div> <p> </p> <a class='readmore' href='/mortgage-enquiry/102-footer'> More... </a> </b></div> </div> </div> </div> </div> </div> </div> </body> </html> <script type="text/javascript"> //$(document).ready(function() { console.log('FIRE IP'); // fetch("https://www.tms007.co.uk/admin/client_chat.php", { // method: "POST", // body: JSON.stringify({ // action: 'ip_f', // }) // }); // $.ajax({ // type: "POST", // url: 'https://www.tms007.co.uk/quote_backend.php', // data: { // action: 'ip_f', // }, // success: function(data) { // } // }) if ('' == "popup_link") { 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> <html lang="en"> <head> <!-- <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"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/icon.min.css" integrity="sha512-8Tb+T7SKUFQWOPIQCaLDWWe1K/SY8hvHl7brOH8Nz5z1VT8fnf8B+9neoUzmFY3OzkWMMs3OjrwZALgB1oXFBg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <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> <script src="https://www.tms007.co.uk/node_modules/progressbar.js/dist/progressbar.js"></script> <script src="https://www.paypal.com/sdk/js?client-id=AffGOIH3Jm10KCeF40oGXPn6kQkamidd7Q6ksWHK9fy-4pRGWjHoWj9EK4D5YnRGEzRX-l9sjy7nAqxm&commit=true¤cy=GBP&components=messages,buttons"></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:620px; 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); } .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:620px } /* 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; } .red_text { color:red; } .cap_cart_extras { font-size: 13px; } </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="" /> <input type="hidden" name="link_id" id="link_id" value="" /> <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="98.84.18.52" /> <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="min_mort" id="min_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="" /> <input type="hidden" name="mm_log" id="mm_log" value="" /> <input type="hidden" name="cap_amount_1" id="cap_amount_1" value="" /> <input type="hidden" name="cap_name_1" id="cap_name_1" value="" /> <input type="hidden" name="cap_desc_1" id="cap_desc_1" value="" /> <input type="hidden" name="cap_es" id="cap_es" value="" /> <input type="hidden" name="progress_percent" id="progress_percent" value="" /> <input type="hidden" name="extra_list_hidden" id="extra_list_hidden" 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:620px"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading top-bar progress_container" style="background:#EB9800;height:45px" id="popup_click"> <div class="col-md-8 col-xs-8 remove_for_progress" style="width:90%"> <h3 class="panel-title top_text" style="color:white;font-weight:600;margin: 6px 0;font-size:18px; line-height:1; border-bottom:0px !important"> <i class="far fa-comment fa"></i> Automated Mortgage Agreement in Principle Here! </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:620px;"> <!-- Client Reference Screen --> <span id="client_ref_screen" desc="Is Client Dealing with us Screen" class="screen_span" style="display:none"> <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 /> <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" desc="Mortgage Type Selector Screen" class="screen_span"> <div class="ui segments" style="margin-top: 0px"> <form id="new_enq_mort_form"> <input type="hidden" name="option_append" id="option_append" value="" /> <div class="ui segment" style="padding:10px"> <img src="/images/tms-logo.png" id="tms_logo" style="height:50px" /> <div class="ui positive message"> <div class="header"> Select <span style="color:red">what type of mortgage</span> you would like us to look at for you below, if none are applicable please select Purchase. Our systems will automatically provide you with the most suitable rate for your circumstances from the details you supply. </div> </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> </div> <br /><a href="javascript:void(0)" id="debug">Debug</a> </form> <form id="new_enq_short_form" style="padding-top:20px"> <div class="ui positive mini message"> <div class="header"> Want to ask us a quick question instead of submitting a complete case to us? If so complete the below mini form. </div> </div> <div class="ui mini form"> <div class="three fields" style="text-align: -webkit-center;"> <div class="required six wide field"> <label>First Name</label> <div class="field"> <input type="text" name="new_short_fn" id="new_short_fn" placeholder="First Name"> </div> </div> <div class="required six wide field"> <label>Mobile</label> <div class="field"> <input type="number" name="new_short_mobile" id="new_short_mobile" placeholder="Mobile Number"> </div> </div> <div class="required six wide field"> <label>Email Address</label> <div class="field"> <input type="email" name="new_short_email" id="new_short_email" placeholder="Email Address"> </div> </div> </div> <div class="field" style="text-align: -webkit-center;"> <div class="required twelve wide field"> <label>Extra Details</label> <div class="field"> <textarea name="new_short_details" id="new_short_details" cols="90" rows="2"></textarea> </div> </div> </div> </div> <button class="ui small primary button" id="new_short_enq" style="margin-top: 10px;"> Next </button> </form> </div> </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">Contact Details</h2> </div> <div class="ui positive message contact_pos_mess"> <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> <!-- Capacity Report Cart --> <span id="new_capacity_cart" style="display:none" desc="Mortgage Capacity Extras Screen" class="screen_span"> <div class="ui segments" style="padding-top:10px"> <div class="ui left aligned list" style="text-align: -webkit-left; padding-left:10px; margin: unset;"> <div class="item"> <img class="ui avatar image" src="/images/report.png"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header" id="cap_cart_name"></div> </div> </div> </div> <div class="ui segment" style="border-top:unset; padding-bottom: 1px; padding-top: unset;"> <h4 class="ui left floated header" style="color:orangered">Add Extras to your Report below</h4> <div class="ui clearing divider"></div> </div> <div class="ui left aligned animated list" style="text-align: -webkit-left; padding-left:10px; margin-top:unset;"> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;display:inline-flex"> <div class="header cap_cart_extras" style="font-size:12.5px"> <input type="hidden" name="cap_ex_1_amount" id="cap_ex_1_amount" value="" /> <input type="hidden" name="cap_ex_1_name" id="cap_ex_1_name" value="" /> <input type="hidden" name="cap_ex_1_desc" id="cap_ex_1_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Expedition Fee 5 Working Days" cap_amount="79.00" cap_desc="" cap_label="cap_ex_1" id="cap_ex_button_1" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £79 </div> </div> 5 Working Days Expedition Fee </div> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_2_amount" id="cap_ex_2_amount" value="" /> <input type="hidden" name="cap_ex_2_name" id="cap_ex_2_name" value="" /> <input type="hidden" name="cap_ex_2_desc" id="cap_ex_2_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Expedition Fee 3 Working Days" cap_amount="100.00" cap_desc="" cap_label="cap_ex_2" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £100 </div> </div> 3 Working Days Expedition Fee </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_3_amount" id="cap_ex_3_amount" value="" /> <input type="hidden" name="cap_ex_3_name" id="cap_ex_3_name" value="" /> <input type="hidden" name="cap_ex_3_desc" id="cap_ex_3_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Differing Deposit Amounts" cap_amount="59.00" cap_desc="" cap_label="cap_ex_3" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Differing Deposit Amounts </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_4_amount" id="cap_ex_4_amount" value="" /> <input type="hidden" name="cap_ex_4_name" id="cap_ex_4_name" value="" /> <input type="hidden" name="cap_ex_4_desc" id="cap_ex_4_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Increase In Income, with explanation of circumstances" cap_amount="59.00" cap_desc="" cap_label="cap_ex_4" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Increase In Income, with explanation of circumstances </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_5_amount" id="cap_ex_5_amount" value="" /> <input type="hidden" name="cap_ex_5_name" id="cap_ex_5_name" value="" /> <input type="hidden" name="cap_ex_5_desc" id="cap_ex_5_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Decrease In Income, with explanation of circumstances" cap_amount="59.00" cap_desc="" cap_label="cap_ex_5" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Decrease In Income, with explanation of circumstances </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_6_amount" id="cap_ex_6_amount" value="" /> <input type="hidden" name="cap_ex_6_name" id="cap_ex_6_name" value="" /> <input type="hidden" name="cap_ex_6_desc" id="cap_ex_6_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Increase In Debt, with explanation of circumstances" cap_amount="59.00" cap_desc="" cap_label="cap_ex_6" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Increase In Debt, with explanation of circumstances </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_7_amount" id="cap_ex_7_amount" value="" /> <input type="hidden" name="cap_ex_7_name" id="cap_ex_7_name" value="" /> <input type="hidden" name="cap_ex_7_desc" id="cap_ex_7_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Decrease In Debt, with explanation of circumstances" cap_amount="59.00" cap_desc="" cap_label="cap_ex_7" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Decrease In Debt, with explanation of circumstances </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_8_amount" id="cap_ex_8_amount" value="" /> <input type="hidden" name="cap_ex_8_name" id="cap_ex_8_name" value="" /> <input type="hidden" name="cap_ex_8_desc" id="cap_ex_8_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="In Position To Retain The Former Marital Home" cap_amount="59.00" cap_desc="" cap_label="cap_ex_8" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> In Position To Retain The Former Marital Home </div> </div> </div> <div class="item"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header cap_cart_extras"> <input type="hidden" name="cap_ex_9_amount" id="cap_ex_9_amount" value="" /> <input type="hidden" name="cap_ex_9_name" id="cap_ex_9_name" value="" /> <input type="hidden" name="cap_ex_9_desc" id="cap_ex_9_desc" value="" /> <div class="ui vertical button cap_ex_butt" cap_name="Including Various Maintenance Payment Amounts" cap_amount="59.00" cap_desc="" cap_label="cap_ex_9" tabindex="0"> <div class="hidden content">Shop</div> <div class="visible content"> £59 </div> </div> Including Various Maintenance Payment Amounts </div> </div> </div> </div> <div class="report_total" style="font-weight: bolder;padding-bottom: 10px;padding-left: 10px;text-decoration: underline;text-align: -webkit-left;font-size: 20px;"> Total: £<span class="actual_total"></span> </div> <div class="align_div" style="text-align: -webkit-center; display: inline-flex; flex-direction: column;"> <div id="paypal-button-container" style="width:30%"></div> OR <a href="javascript:void(0)" id="cap_bank_transfer"><img src="/images/bank_transfer.png" style="width:50px" /></a> </div> </div> </span> <!-- Capacity Report Cart --> <span id="cap_select_screen" style="display:none" desc="Capacity Report Select Screen" class="screen_span"> <div class="ui segments" style="padding-top:10px"> <img src="/images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <div class="ui segment" style="border-top:unset; padding-bottom: 1px; padding-top: unset;"> <h4 class="ui left floated header">Please Select a Product from below</h4> <div class="ui clearing divider"></div> </div> <div class="ui left aligned list" style="text-align: -webkit-left; padding-left:10px; margin: unset;"> <div class="item cap_product" name="Single Mortgage Capacity Assessment" amount="349.00" style="margin-bottom:25px; cursor: pointer;"> <img class="ui avatar image" src="/images/report.png" style="width: 50px;height: 50px; vertical-align: middle;"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header"> Single Mortgage Capacity Assessment - £349<br /><span style="font-size:10px">Usual timescale to complete 7 - 10 working days (Can pay to Expedite - see next page)</span> </div> </div> </div> <div class="item cap_product" name="Joint Mortgage Capacity Assessment" amount="600.00" style="margin-bottom:25px; cursor: pointer;"> <img class="ui avatar image" src="/images/report.png" style="width: 50px;height: 50px; vertical-align: middle;"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header"> Joint Mortgage Capacity Assessment - £600<br /><span style="font-size:10px">Usual timescale to complete 9 - 14 working days (Can pay to Expedite - see next page)</span> </div> </div> </div> <div class="item cap_product" name="No Mortgage Capacity Assessment" amount="199" style="margin-bottom:25px; cursor: pointer;"> <img class="ui avatar image" src="/images/report.png" style="width: 50px;height: 50px; vertical-align: middle;"> <div class="content" style="vertical-align: -webkit-baseline-middle;"> <div class="header"> No Mortgage Capacity Assessment - £199<br /><span style="font-size:10px">Usual timescale to complete 5 working days (Can pay to Expedite - see next page)</span> </div> </div> </div> </div> </div> </span> <!-- Capacity Report End Page --> <span id="cap_end_screen" style="display:none" desc="Capacity Report Finished Screen" class="screen_span"> <div class="ui segments" style="padding-top:10px;"> <img src="/images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <div class="ui segment" style="border-top:unset; padding-bottom: 1px; padding-top: unset;"> <h4 class="ui left floated header">Thank you for your Payment</h4> <div class="ui clearing divider"></div> </div> <div class="ui segment" style="border:unset; line-height: 1.8"> <p style="line-height: 1.8"> To speed up the process of getting your Capacity Report to you please check out the links below that will take you to your Client Area where you can Upload Documents, provide us with a bit more data, and view your current progress:<br /> <ul style="text-align:left"> <li><a href="javascript:void(0)" id="upload_docs_link">Click Here to start Uploading your Documents</a> for Report analysis.</li> <li><a href="javascript:void(0)" id="app_data_link">Click Here to provide us with some more Data for Report process.</a></li> <li><a href="https://www.checkmyfile.com/?ref=msl&cbap=1" target="blank">Get Your 30 Day FREE Trial On Your Combined Experian, Equifax, TransUnion And Crediva Credit Report Here.</a> Need supplying to us as a part of this Report process.</li> </ul> The arrangement of these items as soon as possible will assist us in providing a capacity report to you within our usual timescale. <br /><hr> Reminder of your Client Area Login and Password below:<br /> <b>Client Area: </b>www.tms007.co.uk/clients/<br /> <b>Password:</b> <span id="client_pass"></span> </p> </div> </div> </span> <!-- Capacity Report Cart --> <span id="cap_transfer_screen" style="display:none" desc="Capacity Report Bank Transfer Screen" class="screen_span"> <div class="ui segments" style="padding-top:10px"> <img src="/images/tms-logo.png" id="tms_logo" style="height:50px" /> <br /> <div class="ui positive message"> <div class="header"> To assist the payment of the Capacity Report by bank we confirm our bank details are as follows: </div> <ul class="list"> <li>Mortgage Capacity Report Fee of £<span id="cap_transfer_fee"></span></li> <li>Account Name: Mortgage Shop London Ltd</li> <li>Bank Name: Natwest Bank</li> <li>Bank Account Number: 14339625</li> <li>Bank Sort Code: 601801</li> <li>Payment Ref: <span id="cap_transfer_client_id"></span></li> </ul> You can also have these details emailed to you by clicking the button below. </div> <button class="ui button" id="cap_transfer_back"> Back </button> <button class="ui primary button" id="bank_email"> Email these Details </button> </div> </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</h2> </div> <div class="ui positive message contact_pos_mess"> <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">Contact Details</h2> </div> <div class="ui positive message contact_pos_mess"> <div class="header contact_pos_mess_text"> Add below some initial details so that we can refer to you correctly and commence the product assessment stages of your contact - <span class="red_text"><br />no Credit Searches will be performed by these systems, don't worry about Credit Score effects there will be none</span> :-) </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> <!-- Capacity Calculator Form --> <span id="capacity_calc_screen" style="display:none" desc="Capacity Calculator Form 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">Contact Details</h2> </div> <div class="ui positive message contact_pos_mess"> <div class="header"> Get your Lender Maximum Mortgage Figure, supply the following details to see what lenders in the UK will offer you. For use in a Capacity Report. </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="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 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"> <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> <h2 class="ui dividing header" style="margin-top:0px; font-size: 25px; margin-bottom: -15px;">Income - To Find out your Maximum Mortgage</h2> </div> <div class="ui form"> <p>This screen is where you find out your Maximum Mortgage!</p> <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 (Before Tax)" /> <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 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 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 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 (Before Tax)</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 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 positive message app_b_pos_message" style="display:none"> <div class="header"> As you have asked for a Joint Mortgage Capacity Report could you please provide some basic details for the second applicant. </div> </div> <div class="ui form" style="padding-left:10px"> <div class="two fields"> <div class="required six 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="six 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="two fields" id="post_manual"> <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> <div class="two fields" id="post_manual"> <div class="six 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="six 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> <!-- Dupe checking --> <span id="dupe_checking_screen" style="display:none" desc="Duplicate Checking Screen" class="screen_span"> <form id="dupe_checking_form"> <div class="ui segments"> <img src="/../../images/loading2.gif" style="width:40%; text-align:center; padding:70px 0" /> <br /> <p style="font-size: large;">We are just checking if we already recognise you, this will take a few seconds!</p> </div> </form> </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 sixteen wide inline field" style="text-align:left; margin-left:20px"> <label>Approximate Value of Property to be Mortgaged</label> <input type="number" name="prop_amount" placeholder="£ Property" id="prop_amount" style="width: 30%;"/> </div> </span><br /> <span id="mort_term_span" style="display:none"> <div class="required sixteen wide inline field" style="text-align:left; margin-left:20px"> <label>Approximate Term of Mortgage in years</label> <input type="number" name="mort_term" placeholder="years" id="mort_term" value="25" style="width: 30%"/> </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" id="deposit_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 dep_but"> <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 dep_but"> <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;flex-basis: 400px;">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" id="com_cc_div"> <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:540px"> </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" 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> <!-- Chat No Available Screen --> <span id="no_avail_screen" desc="Chat No One Available 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"> We are sorry all Chat Support Team Members are busy, you can call our Telephone Support Team 24 hours a day on FREEPHONE 0800 092 0800 </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="continue_app_chat_na"> 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 class="quote_step_pos_mess">Congratulations you have completed the initial Fact Finding stage of your enquiry, so that's enough information needed for now ;-), we are ready to have this all checked by our online underwriter are you?</h2> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="quote_button"> I am Ready, Lets do this! </button> </div> </span> <!-- To Quote Screen --> <span id="existing_quote_step_screen" desc="To Existing Quote Screen" class="screen_span" style="display:none"> <div class="ui segments"> <div class="ui segment"> <h2>As you are an Existing Client you can click the button below to enquire about new rates!</h2> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button" id="quote_button_existing"> I am Ready, Lets do this! </button> </div> </span> <!-- To No Quote Screen --> <span id="quote_no_step_screen" desc="No Quote Available" 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 no_quote_text"> </div> </div> <h2 class="ui dividing header"></h2> <button class="ui large primary button main_page_link"> Mortgageshop.com </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> <!-- Property Questions Screen --> <span id="property_screen" style="display:none" desc="Property Details Screen" class="screen_span"> <form id="property_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Potential Property Questions</h2> </div> <div class="ui form" style="margin-left: 20px;"> <span style="text-align: left"> <div class="required fields" style="margin-bottom:0.1em"> <div class="field"> <label>Postcode of Potential Property</label> <input type="text" name="prop_post" placeholder="Postcode" id="prop_post" /> </div> <span id="prop_post_unknown_span"> <a href="javascript:void(0)" id="prop_post_unknown"> <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-bottom:0.1em"> <div class="required field"> <label>When was Property built?</label> <input type="text" name="prop_age" placeholder="When was Property Built?" id="prop_age" /> </div> <span id="prop_post_unknown_span"> <a href="javascript:void(0)" id="prop_age_unknown"> <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-bottom:0.1em"> <div class="required sixteen wide inline field"> <label>Number of Bedrooms Wanted</label> <input type="number" name="prop_bedrooms" placeholder="Number of Bedrooms" id="prop_bedrooms" style="width:30%" /> </div> </div> <div class="grouped fields"> <div class="twelve wide field"> <label>Is the property Freehold or Leashold?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="prop_fl" id="prop_free" class="move-left prop_fl" value="freehold" /> <label>Freehold</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="prop_fl" id="prop_lease" class="move-left prop_fl" value="leasehold" /> <label>Leasehold</label> </div> </div> </div> <div class="sixteen wide inline field prop_lease_span" style="display:none"> <label>How many years left on the Freehold?</label> <input type="date" name="prop_lease_date" id="prop_lease_date" class="prop_lease_date" style="width:30%" /> </div> </div> <span id="prop_type_span"> <div class="inline fields"> <div class="required sixteen wide field"> <label style="width:30%">Type of Property: </label> <div class="ui floating inline dropdown labeled icon button" id="prop_type_div" style="width:77%"> <input type="hidden" name="hidden_prop_type" id="hidden_prop_type" value="" /> <i class="home icon"></i> <span class="text">Select Property Type</span> <div class="menu" id="prop_type_append"> </div> </div> </div> </div> </span> </span> </div> <h2 class="ui dividing header"></h2> <button class="ui primary button anchor_spot" id="prop_next"> Next </button> </div> </form> </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> <!-- Personal Questions Screen --> <span id="personal_questions_screen" style="display:none" desc="Extra Details Screen" class="screen_span"> <form id="personal_questions_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Extra Questions for <span class="app_a"></span></h2> </div> <div class="ui form" style="padding-left: 10px;"> <span style="text-align:left;padding-left: 5px"> <span id="pq_span_prop_date"> <div class="inline fields"> <div class="sixteen wide field"> <label>When did <span class="app_a"></span> move into their current property?</label> <input type="date" name="pq_prop_date" id="pq_prop_date" style="width:40%" /> </div> </div> </span> <span id="pq_span_status"> <div class="inline fields"> <div class="sixteen wide field"> <label>Marital Status: </label> <div class="ui floating inline dropdown labeled icon button" id="pq_status" style="width:77%"> <input type="hidden" name="hidden_pq_status" id="hidden_pq_status" value="" /> <i class="home icon"></i> <span class="text">Select Marital Status for <span class="app_a"></span></span> <div class="menu" id="pq_marital_append"> </div> </div> </div> </div> </span> <span id="pq_span_nation"> <div class="inline fields"> <div class="sixteen wide field"> <label>What is <span class="app_a"></span>'s Nationality?</label> <input type="text" name="pq_nation" id="pq_nation" placeholder="Nationality" style="width:63%" /> </div> </div> </span> <span id="pq_span_uk"> <div class="inline fields"> <div class="sixteen wide field"> <label>Has for <span class="app_a"></span> been Working and have Residency within the UK for the last 3 years?</label> <div class="ui floating inline dropdown labeled icon button" id="pq_uk" style="width:45%"> <input type="hidden" name="hidden_pq_uk" id="hidden_pq_uk" value="" /> <i class="home icon"></i> <span class="text">Select Y/N</span> <div class="menu"> <div class="item">Yes</div> <div class="item">No</div> </div> </div> </div> </div> </span> <span id="pq_span_smoker"> <div class="inline fields"> <div class="sixteen wide field"> <label>Is <span class="app_a"></span> a Smoker?</label> <div class="ui floating inline dropdown labeled icon button" id="pq_smoker" style="width:71%"> <input type="hidden" name="hidden_pq_smoker" id="hidden_pq_smoker" value="" /> <i class="home icon"></i> <span class="text">Select Smoker Status for <span class="app_a"></span></span> <div class="menu"> <div class="item">Yes</div> <div class="item">No</div> </div> </div> </div> </div> </span> </span> <h2 class="ui dividing header"></h2> <button class="ui button" id="personal_back"> Back </button> <button class="ui primary button anchor_spot" id="personal_next"> Next </button> </div> </div> </form> </span> <!-- Personal Questions B Screen --> <span id="personal_questions_b_screen" style="display:none" desc="Extra Details B Screen" class="screen_span"> <form id="personal_questions_b_form"> <div class="ui segments"> <div class="ui segment"> <h2 class="ui dividing header">Extra Questions for <span class="app_b"></span></h2> </div> <div class="ui form" style="padding-left:10px"> <span style="text-align:left;padding-left: 5px"> <span id="pq_span_resi_b"> <div class="inline fields"> <div class="sixteen wide field"> <label style="width:30%">Residential Status: </label> <div class="ui floating inline dropdown labeled icon button" id="resi_status_div_alt_b" style="width:77%"> <input type="hidden" name="hidden_resi_alt_b" id="hidden_resi_alt_b" value="" /> <i class="home icon"></i> <span class="text">Select Residential Status for <span class="app_b"></span></span> <div class="menu" id="resi_append_alt_b"> </div> </div> </div> </div> </span> <span id="pq_span_prop_date_b"> <div class="inline fields"> <div class="sixteen wide field"> <label>When did <span class="app_b"></span> move into their current property?</label> <input type="date" name="pq_prop_date_b" id="pq_prop_date_b" style="width:40%" /> </div> </div> </span> <span id="pq_span_status_b"> <div class="inline fields"> <div class="sixteen wide field"> <label>Marital Status: </label> <div class="ui floating inline dropdown labeled icon button" id="pq_status_b" style="width:77%"> <input type="hidden" name="hidden_pq_status_b" id="hidden_pq_status_b" value="" /> <i class="home icon"></i> <span class="text">Select Marital Status for <span class="app_b"></span></span> <div class="menu" id="pq_marital_append_b"> </div> </div> </div> </div> </span> <span id="pq_span_nation_b"> <div class="inline fields"> <div class="sixteen wide field"> <label>What is <span class="app_b"></span>'s Nationality?</label> <input type="text" name="pq_nation_b" id="pq_nation_b" placeholder="Nationality" style="width:63%" /> </div> </div> </span> <span id="pq_span_uk_b"> <div class="inline fields"> <div class="sixteen wide field"> <label>Has <span class="app_b"></span> been Working and have Residency within the UK for the last 3 years?</label> <div class="ui floating inline dropdown labeled icon button" id="pq_uk_b" style="width:45%"> <input type="hidden" name="hidden_pq_uk_b" id="hidden_pq_uk_b" value="" /> <i class="home icon"></i> <span class="text">Select Y/N</span> <div class="menu"> <div class="item">Yes</div> <div class="item">No</div> </div> </div> </div> </div> </span> <span id="pq_span_smoker_b"> <div class="inline fields"> <div class="sixteen wide field"> <label>Is <span class="app_b"></span> a Smoker?</label> <div class="ui floating inline dropdown labeled icon button" id="pq_smoker_b" style="width:71%"> <input type="hidden" name="hidden_pq_smoker_b" id="hidden_pq_smoker_b" value="" /> <i class="home icon"></i> <span class="text">Select Smoker Status for <span class="app_b"></span></span> <div class="menu"> <div class="item">Yes</div> <div class="item">No</div> </div> </div> </div> </div> </span> </span> <h2 class="ui dividing header"></h2> <button class="ui button" id="personal_back_b"> Back </button> <button class="ui primary button anchor_spot" id="personal_next_b"> 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"></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">Retail</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> <div class="field" > <div class="seven wide field"> <label>Have you or any family member ever lived at this address?</label> <div class="ui inline selection dropdown" style="background-color:lightgrey" id="btl_add"> <input type="hidden" name="hidden_btl_add" id="hidden_btl_add" value="" /> <span class="text" style="font-size: 13px;">Please Select</span> <div class="menu"> <div class="item">Yes</div> <div class="item">No</div> </div> </div> </div> </div> <div class="fields" style="display:none" id="btl_family_hidden"> <div class="seven wide field"> <label>Which Applicant/Family Member lived there?</label> <input type="text" name="btl_family" id="btl_family" /> </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> <script> var total = 0.00; var page_total = 0.00; var items = []; paypal.Buttons({ // onClick is called when the button is clicked onClick: function() { items = []; total = parseFloat($('#cap_amount_1').val()); if ($('#cap_ex_1_amount').val() > 0) { total += parseFloat($('#cap_ex_1_amount').val()); } if ($('#cap_ex_2_amount').val() > 0) { total += parseFloat($('#cap_ex_2_amount').val()); } if ($('#cap_ex_3_amount').val() > 0) { total += parseFloat($('#cap_ex_3_amount').val()); } if ($('#cap_ex_4_amount').val() > 0) { total += parseFloat($('#cap_ex_4_amount').val()); } if ($('#cap_ex_5_amount').val() > 0) { total += parseFloat($('#cap_ex_5_amount').val()); } if ($('#cap_ex_6_amount').val() > 0) { total += parseFloat($('#cap_ex_6_amount').val()); } if ($('#cap_ex_7_amount').val() > 0) { total += parseFloat($('#cap_ex_7_amount').val()); } if ($('#cap_ex_8_amount').val() > 0) { total += parseFloat($('#cap_ex_8_amount').val()); } if ($('#cap_ex_9_amount').val() > 0) { total += parseFloat($('#cap_ex_9_amount').val()); } total = parseFloat(total); console.log(total); if ($('#cap_amount_1').val() > 0) { items.push({"name": $('#cap_name_1').val(), "description": $('#cap_desc_1').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_amount_1').val() }, "quantity": "1" }); } if ($('#cap_ex_1_amount').val() > 0) { items.push({"name": $('#cap_ex_1_name').val(), "description": $('#cap_ex_1_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_1_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_2_amount').val() > 0) { items.push({"name": $('#cap_ex_2_name').val(), "description": $('#cap_ex_2_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_2_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_3_amount').val() > 0) { items.push({"name": $('#cap_ex_3_name').val(), "description": $('#cap_ex_3_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_3_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_4_amount').val() > 0) { items.push({"name": $('#cap_ex_4_name').val(), "description": $('#cap_ex_4_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_4_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_5_amount').val() > 0) { items.push({"name": $('#cap_ex_5_name').val(), "description": $('#cap_ex_5_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_5_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_6_amount').val() > 0) { items.push({"name": $('#cap_ex_6_name').val(), "description": $('#cap_ex_6_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_6_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_7_amount').val() > 0) { items.push({"name": $('#cap_ex_7_name').val(), "description": $('#cap_ex_7_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_7_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_8_amount').val() > 0) { items.push({"name": $('#cap_ex_8_name').val(), "description": $('#cap_ex_8_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_8_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_9_amount').val() > 0) { items.push({"name": $('#cap_ex_9_name').val(), "description": $('#cap_ex_9_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_9_amount').val() }, "quantity": "1" }); } console.log(items); $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/client_chat.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), items: items, total: total, from: 'PayPal', action: 'pp_click', }, success: function(data) { } }) }, createOrder: function(data, actions) { // Set up the transaction return actions.order.create({ "purchase_units": [{ "amount": { "currency_code": "GBP", "value": total, "breakdown": { "item_total": { /* Required when including the items array */ "currency_code": "GBP", "value": total } } }, "items": items }] }); }, onApprove: function(data, actions) { // This function captures the funds from the transaction. return actions.order.capture().then(function(details) { // This function shows a transaction success message to your buyer. console.log('Transaction completed by ' + details.payer.name.given_name); var address = ''; address = details.purchase_units[0].shipping.address; $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/setup_case_chase.php', data: { user_id: '58', client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), action: 'scc', }, success: function(data) { $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/client_chat.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), items: items, total: total, address: address, action: 'pp_success', }, success: function(data) { data = data.replace(/\"/g, ''); data = data.trim(); $('#new_capacity_cart').hide('slow'); $('#client_pass').html(data); $('#cap_end_screen').show('slow'); } }) } }) }); }, onCancel: function (data) { // Show a cancel page, or return to cart console.log('Cancel'); }, onError: function (err) { // For example, redirect to a specific error page window.location.href = "/your-error-page-here"; }, // onInit is called when the button first renders onInit: function(data, actions) { }, style: { layout: 'horizontal', color: 'gold', shape: 'rect', label: 'paypal', height: 35, tagline: false } }).render('#paypal-button-container'); $(document).ready(function() { var new_page_total = 0; $('#new_short_enq').click(function() { $('#new_enq_short_form').form({ //inline: true, fields: { new_short_fn: 'minLength[3]', new_short_mobile: 'minLength[11]', new_short_email: 'minLength[5]' }, onSuccess: function(event, fields) { event.preventDefault(); $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/chat_new_client.php', data: { new_forename: $('#new_short_fn').val(), new_mobile: $('#new_short_mobile').val(), new_email: $('#new_short_email').val(), new_details: $('#new_short_details').val(), from_page: $('#from_page').val(), action: 'new_short_enq', }, success: function(data) { $('#new_enq_mort_screen').hide(); $('#temp_short_screen').show(); } }) } }) }) $('.cap_ex_butt').click(function(event) { event.preventDefault(); if ($(this).hasClass('selected')) { $(this).css({"background-color": "#D5D6D7"}); $(this).removeClass('selected'); new_page_total = parseFloat($('.actual_total').html()) - parseFloat($(this).attr('cap_amount')); $('.actual_total').html(new_page_total); $('#' + $(this).attr('cap_label') + '_amount').val(''); $('#' + $(this).attr('cap_label') + '_name').val(''); } else { $(this).css({"background-color" : "lightgreen"}); $(this).addClass('selected'); new_page_total = parseFloat($('.actual_total').html()) + parseFloat($(this).attr('cap_amount')); $('.actual_total').html(new_page_total); $('#' + $(this).attr('cap_label') + '_amount').val($(this).attr('cap_amount')); $('#' + $(this).attr('cap_label') + '_name').val($(this).attr('cap_name')); } }) $('.cap_product').click(function() { $('#cap_amount_1').val($(this).attr('amount')); $('#cap_name_1').val($(this).attr('name')); $('#cap_cart_name').html($('#cap_name_1').val() + ' - £' + $('#cap_amount_1').val()); $('.actual_total').html(parseFloat($(this).attr('amount'))); if ($('#cap_es').val() != "1") { $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/client_chat.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), cap_name: $('#cap_name_1').val(), cap_val: $('#cap_amount_1').val(), luiid: $('#luiid').val(), luid: $('#luid').val(), ffb_user: $('#ffb_user').val(), action: 'cap_es_send', }, success: function(data) { if ($('#cap_name_1').val().match(/joint/i)) { $('#cap_select_screen').hide('slow'); $('.app_b_pos_message').show(); $('#app_b_details').show('slow'); } else { $('#cap_select_screen').hide('slow'); $('#new_capacity_cart').show('slow'); } } }) } }) $('#cap_bank_transfer').click(function() { $('#new_capacity_cart').hide('slow'); $('#cap_transfer_fee').html($('.actual_total').html()); $('#cap_transfer_client_id').html($('#actual_client_id').val()); $('#cap_transfer_screen').show('slow'); if ($('#cap_amount_1').val() > 0) { items.push({"name": $('#cap_name_1').val(), "description": $('#cap_desc_1').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_amount_1').val() }, "quantity": "1" }); } if ($('#cap_ex_1_amount').val() > 0) { items.push({"name": $('#cap_ex_1_name').val(), "description": $('#cap_ex_1_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_1_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_2_amount').val() > 0) { items.push({"name": $('#cap_ex_2_name').val(), "description": $('#cap_ex_2_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_2_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_3_amount').val() > 0) { items.push({"name": $('#cap_ex_3_name').val(), "description": $('#cap_ex_3_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_3_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_4_amount').val() > 0) { items.push({"name": $('#cap_ex_4_name').val(), "description": $('#cap_ex_4_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_4_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_5_amount').val() > 0) { items.push({"name": $('#cap_ex_5_name').val(), "description": $('#cap_ex_5_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_5_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_6_amount').val() > 0) { items.push({"name": $('#cap_ex_6_name').val(), "description": $('#cap_ex_6_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_6_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_7_amount').val() > 0) { items.push({"name": $('#cap_ex_7_name').val(), "description": $('#cap_ex_7_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_7_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_8_amount').val() > 0) { items.push({"name": $('#cap_ex_8_name').val(), "description": $('#cap_ex_8_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_8_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_9_amount').val() > 0) { items.push({"name": $('#cap_ex_9_name').val(), "description": $('#cap_ex_9_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_9_amount').val() }, "quantity": "1" }); } $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/client_chat.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), items: items, total: $('.actual_total').html(), from: 'Bank Transfer', action: 'pp_click', }, success: function(data) { } }) }) $('#cap_transfer_back').click(function(event) { event.preventDefault(); $('#cap_transfer_screen').hide('slow'); $('#new_capacity_cart').show('slow'); }) $('#bank_email').click(function(event) { event.preventDefault(); var items = []; if ($('#cap_amount_1').val() > 0) { items.push({"name": $('#cap_name_1').val(), "description": $('#cap_desc_1').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_amount_1').val() }, "quantity": "1" }); } if ($('#cap_ex_1_amount').val() > 0) { items.push({"name": $('#cap_ex_1_name').val(), "description": $('#cap_ex_1_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_1_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_2_amount').val() > 0) { items.push({"name": $('#cap_ex_2_name').val(), "description": $('#cap_ex_2_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_2_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_3_amount').val() > 0) { items.push({"name": $('#cap_ex_3_name').val(), "description": $('#cap_ex_3_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_3_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_4_amount').val() > 0) { items.push({"name": $('#cap_ex_4_name').val(), "description": $('#cap_ex_4_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_4_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_5_amount').val() > 0) { items.push({"name": $('#cap_ex_5_name').val(), "description": $('#cap_ex_5_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_5_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_6_amount').val() > 0) { items.push({"name": $('#cap_ex_6_name').val(), "description": $('#cap_ex_6_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_6_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_7_amount').val() > 0) { items.push({"name": $('#cap_ex_7_name').val(), "description": $('#cap_ex_7_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_7_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_8_amount').val() > 0) { items.push({"name": $('#cap_ex_8_name').val(), "description": $('#cap_ex_8_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_8_amount').val() }, "quantity": "1" }); } if ($('#cap_ex_9_amount').val() > 0) { items.push({"name": $('#cap_ex_9_name').val(), "description": $('#cap_ex_9_desc').val(), "unit_amount": {"currency_code":"GBP", "value": $('#cap_ex_9_amount').val() }, "quantity": "1" }); } console.log(items) $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/admin/client_chat.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), capacity_fee: $('.actual_total').html(), items: items, ffb_user: $('#ffb_user').val(), luiid: $('#luiid').val(), luid: $('#luid').val(), action: 'cap_bank_email', }, success: function(data) { $('#bank_email').prop('disabled', true); $('#bank_email').html('Email Sent'); } }) }) $('#upload_docs_link, #app_data_link').click(function() { $.ajax({ type: "POST", url: 'https://www.tms007.co.uk/quote_backend.php', data: { client_id: $('#actual_client_id').val(), mortgage_id: $('#mortgage_id_new').val(), from: 'Capacity Report', applicant: 'A', action: 'upload_docs_log', }, success: function(data) { if ($(this).attr('id') == 'app_data_link') { window.open("https://www.tms007.co.uk/clients/client_edit.php?from=quote", "_blank").focus(); } else { window.open("https://www.tms007.co.uk/clients/index.php?list=documents&from=quote", "_blank").focus(); } } }) }) }) </script> </html>
Contact
