<script src="https://www.w3schools.com/lib/w3.js"></script><!-- [et_pb_line_break_holder] -->

<script><!-- [et_pb_line_break_holder] -->var leadRow = 0;<!-- [et_pb_line_break_holder] -->function getTimestamp() {<!-- [et_pb_line_break_holder] --> var today = new Date();<!-- [et_pb_line_break_holder] --> var month = today.getMonth() + 1;<!-- [et_pb_line_break_holder] --> var day = today.getDate();<!-- [et_pb_line_break_holder] --> var hour; <!-- [et_pb_line_break_holder] --> var minutes;<!-- [et_pb_line_break_holder] --> var milliseconds = String(today.getMilliseconds());<!-- [et_pb_line_break_holder] --> var adjustSeconds = milliseconds.substring(0, 2)<!-- [et_pb_line_break_holder] --> if (today.getHours() < 10) {<!-- [et_pb_line_break_holder] --> hour = "0" + today.getHours();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> hour = today.getHours();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (today.getMinutes() < 10) {<!-- [et_pb_line_break_holder] --> minutes = "0" + today.getMinutes();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> minutes = today.getMinutes();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById('modal-2-1').value = month + "/" + day + "/" + today.getFullYear() + " " + hour + ":" + minutes + ":" + adjustSeconds; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function getRow(index) {<!-- [et_pb_line_break_holder] --> leadRow = index;<!-- [et_pb_line_break_holder] --> var id = "";<!-- [et_pb_line_break_holder] --> var input = document.getElementsByClassName('current-lead-input');<!-- [et_pb_line_break_holder] --> var i = 0;<!-- [et_pb_line_break_holder] --> for (i = 0; i < input.length; i++) {<!-- [et_pb_line_break_holder] --> id = index + ":" + i;<!-- [et_pb_line_break_holder] --> input[i].value = document.getElementById(id).innerText; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> document.getElementById('update-lead').style.display = 'block'; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function updateStatus() {<!-- [et_pb_line_break_holder] --> leadStatus = leadRow + ":5";<!-- [et_pb_line_break_holder] --> document.getElementById(leadStatus).innerHTML = document.getElementById('modal-1-5').value;<!-- [et_pb_line_break_holder] --> updatePercentage();<!-- [et_pb_line_break_holder] --> document.getElementById('update-lead').style.display = 'none'; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function updatePercentage() {<!-- [et_pb_line_break_holder] --> var leads = document.getElementById('myLeads').rows;<!-- [et_pb_line_break_holder] --> var leadCount = document.getElementById("myLeads").rows.length;<!-- [et_pb_line_break_holder] --> var row = cell = 0;<!-- [et_pb_line_break_holder] --> var sold = lost = pending = total = 0;<!-- [et_pb_line_break_holder] --> var soldPercent = lostPercent = pendingPercent = 0;<!-- [et_pb_line_break_holder] --> var soldText = lostText = pendingText = "";<!-- [et_pb_line_break_holder] --> for (row = 0; row < leadCount; row++) {<!-- [et_pb_line_break_holder] --> for (col = 0; col < 6; col++) {<!-- [et_pb_line_break_holder] --> if (leads[row].cells[col].innerHTML === 'Sold') {<!-- [et_pb_line_break_holder] --> sold += 1;<!-- [et_pb_line_break_holder] --> } else if (leads[row].cells[col].innerHTML === 'Lost') {<!-- [et_pb_line_break_holder] --> lost += 1<!-- [et_pb_line_break_holder] --> } else if (leads[row].cells[col].innerHTML === 'Pending') {<!-- [et_pb_line_break_holder] --> pending += 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> total = sold + lost + pending;<!-- [et_pb_line_break_holder] --> soldPercent = Math.round(sold / total * 100);<!-- [et_pb_line_break_holder] --> lostPercent = Math.round(lost / total * 100);<!-- [et_pb_line_break_holder] --> pendingPercent = Math.round(pending / total * 100);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> soldText = "<div class='single-chart'><svg viewbox='0 0 36 36' class='circular-chart green'><path class='circle-bg' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><path class='circle' stroke-dasharray='" + soldPercent + ", 100' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><text x='18' y='20.35' class='percentage'>" + soldPercent + "%</text><text x='18' y='25.35' class='lead-status'>Sold</text></svg></div>";<!-- [et_pb_line_break_holder] --> lostText = "<div class='single-chart'><svg viewbox='0 0 36 36' class='circular-chart orange'><path class='circle-bg' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><path class='circle' stroke-dasharray='" + lostPercent + ", 100' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><text x='18' y='20.35' class='percentage'>" + lostPercent + "%</text><text x='18' y='25.35' class='lead-status'>Lost</text></svg></div>";<!-- [et_pb_line_break_holder] --> pendingText = "<div class='single-chart'><svg viewbox='0 0 36 36' class='circular-chart gray'><path class='circle-bg' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><path class='circle' stroke-dasharray='" + pendingPercent + ", 100' d='M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831'/><text x='18' y='20.35' class='percentage'>" + pendingPercent + "%</text><text x='18' y='25.35' class='lead-status'>Pending</text></svg></div>";<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById('circle-chart-values').innerHTML = soldText + lostText + pendingText;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function checkSubmission() {<!-- [et_pb_line_break_holder] --> var x = 0;<!-- [et_pb_line_break_holder] --> var submissions = document.getElementsByClassName('new-lead-input');<!-- [et_pb_line_break_holder] --> var valid = true;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> for (x = 0; x < submissions.length; x++) {<!-- [et_pb_line_break_holder] --> if (submissions[x].value === "") {<!-- [et_pb_line_break_holder] --> submissions[x].classList.add('invalid');<!-- [et_pb_line_break_holder] --> valid = false<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return valid;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function addLead() {<!-- [et_pb_line_break_holder] --> var add = document.getElementsByClassName('new-lead-input');<!-- [et_pb_line_break_holder] --> var i = 0;<!-- [et_pb_line_break_holder] --> var text = "";<!-- [et_pb_line_break_holder] --> var currentLeadCount = document.getElementById("myLeads").rows.length;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (!checkSubmission()) return false;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> text += "<tr class='lead' onclick='getRow(" + currentLeadCount + ")' id='" + currentLeadCount + "'>";<!-- [et_pb_line_break_holder] --> for (i = 0; i < add.length; i++) {<!-- [et_pb_line_break_holder] --> text += "<td id='" + currentLeadCount + ":" + i + "'>" + add[i].value + "</td>"; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> text += "</tr>";<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById('myLeads').innerHTML += text;<!-- [et_pb_line_break_holder] --> updatePercentage(); <!-- [et_pb_line_break_holder] --> document.getElementById('id02').style.display = 'none';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] -->

<div class="dashboard-tabs-container"><!-- [et_pb_line_break_holder] --> <div class="dashboard dashboard-tab fade"><!-- [et_pb_line_break_holder] --> <ul><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <a href="javascript:void(0)" onclick="showTab(1)" id="leads"><!-- [et_pb_line_break_holder] --> <i class="fa fa-cubes"></i><!-- [et_pb_line_break_holder] --> <span>View My Leads</span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <a href="javascript:void(0)" onclick="showTab(2)" id="traffic"><!-- [et_pb_line_break_holder] --> <i class="fa fa-bar-chart"></i><!-- [et_pb_line_break_holder] --> <span>Track My Website</span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <a href="https://support.semseospecialist.com" id="support" target="_blank"><!-- [et_pb_line_break_holder] --> <i class="fa fa-question-circle-o"></i><!-- [et_pb_line_break_holder] --> <span>Request Support</span><!-- [et_pb_line_break_holder] --> </a><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="leads dashboard-tab fade"><!-- [et_pb_line_break_holder] --> <ul class="tab-menu"><!-- [et_pb_line_break_holder] --> <li><a href="javascript:void(0)" class="backBtn" onclick="showTab(0)"><i class="fa fa-angle-left"></i> <span>Back to Dashboard</span></a></li><!-- [et_pb_line_break_holder] --> <li><a href="javascript:void(0)" class="add-new-lead" onclick=" getTimestamp(), document.getElementById('id02').style.display = 'block'">Add Lead</a></li><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <div id="circle-chart-values" class="flex-wrapper"><!-- [et_pb_line_break_holder] --> <div class="single-chart"><!-- [et_pb_line_break_holder] --> <svg viewBox="0 0 36 36" class="circular-chart green"><!-- [et_pb_line_break_holder] --> <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <path class="circle" stroke-dasharray="44, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <text x="18" y="20.35" class="percentage">44%</text><!-- [et_pb_line_break_holder] --> <text x="18" y="25.35" class="lead-status">Sold</text><!-- [et_pb_line_break_holder] --> </svg><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="single-chart"><!-- [et_pb_line_break_holder] --> <svg viewBox="0 0 36 36" class="circular-chart orange"><!-- [et_pb_line_break_holder] --> <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <path class="circle" stroke-dasharray="33, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <text x="18" y="20.35" class="percentage">33%</text><!-- [et_pb_line_break_holder] --> <text x="18" y="25.35" class="lead-status">Lost</text><!-- [et_pb_line_break_holder] --> </svg><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="single-chart"><!-- [et_pb_line_break_holder] --> <svg viewBox="0 0 36 36" class="circular-chart gray"><!-- [et_pb_line_break_holder] --> <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <path class="circle" stroke-dasharray="22, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path><!-- [et_pb_line_break_holder] --> <text x="18" y="20.35" class="percentage">22%</text><!-- [et_pb_line_break_holder] --> <text x="18" y="25.35" class="lead-status">Pending</text><!-- [et_pb_line_break_holder] --> </svg><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="instructions"><!-- [et_pb_line_break_holder] --> <p>Click the headers to sort the table or a row to update its status.</p><!-- [et_pb_line_break_holder] --> <input oninput="w3.filterHTML('#show', '.lead', this.value)" placeholder="Search table.." id="table-search"><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div id="show"><!-- [et_pb_line_break_holder] --> <table id="myLeads"><!-- [et_pb_line_break_holder] --> <tbody><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <th id="0:0" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(1)')">Timestamp</th><!-- [et_pb_line_break_holder] --> <th id="0:1" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(2)')">First Name</th><!-- [et_pb_line_break_holder] --> <th id="0:2" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(3)')">Last Name</th><!-- [et_pb_line_break_holder] --> <th id="0:3" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(4)')">Email Address</th><!-- [et_pb_line_break_holder] --> <th id="0:4" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(5)')">Company Name</th><!-- [et_pb_line_break_holder] --> <th id="0:5" onclick="w3.sortHTML('#myLeads', '.lead', 'td:nth-child(6)')">Lead Status</th><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(1)" id="1"><!-- [et_pb_line_break_holder] --> <td id="1:0">7/31/2018 16:40:48</td><!-- [et_pb_line_break_holder] --> <td id="1:1">Sherry</td><!-- [et_pb_line_break_holder] --> <td id="1:2">Williams</td><!-- [et_pb_line_break_holder] --> <td id="1:3">sherry@turbo.com</td><!-- [et_pb_line_break_holder] --> <td id="1:4">Turbo</td><!-- [et_pb_line_break_holder] --> <td id="1:5">Lost</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(2)" id="2"><!-- [et_pb_line_break_holder] --> <td id="2:0">8/1/2018 9:27:45</td><!-- [et_pb_line_break_holder] --> <td id="2:1">Ray</td><!-- [et_pb_line_break_holder] --> <td id="2:2">Young</td><!-- [et_pb_line_break_holder] --> <td id="2:3">ray@getleads.com</td><!-- [et_pb_line_break_holder] --> <td id="2:4">Get Leads</td><!-- [et_pb_line_break_holder] --> <td id="2:5">Sold</td><!-- [et_pb_line_break_holder] --> </tr><tr class="lead" onclick="getRow(3)" id="3"><!-- [et_pb_line_break_holder] --> <td id="3:0">8/1/2018 9:44:02</td><!-- [et_pb_line_break_holder] --> <td id="3:1">Jessica</td><!-- [et_pb_line_break_holder] --> <td id="3:2">Dolly</td><!-- [et_pb_line_break_holder] --> <td id="3:3">jdolly@ipsumtext.com</td><!-- [et_pb_line_break_holder] --> <td id="3:4">Ipsum Text</td><!-- [et_pb_line_break_holder] --> <td id="3:5">Sold</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(4)" id="4"><!-- [et_pb_line_break_holder] --> <td id="4:0">8/1/2018 9:50:11</td><!-- [et_pb_line_break_holder] --> <td id="4:1">John</td><!-- [et_pb_line_break_holder] --> <td id="4:2">John</td><!-- [et_pb_line_break_holder] --> <td id="4:3">john@email.com</td><!-- [et_pb_line_break_holder] --> <td id="4:4">John John</td><!-- [et_pb_line_break_holder] --> <td id="4:5">Lost</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(5)" id="5"><!-- [et_pb_line_break_holder] --> <td id="5:0">8/1/2018 9:51:11</td><!-- [et_pb_line_break_holder] --> <td id="5:1">Justin</td><!-- [et_pb_line_break_holder] --> <td id="5:2">Case</td><!-- [et_pb_line_break_holder] --> <td id="5:3">jc@email.com</td><!-- [et_pb_line_break_holder] --> <td id="5:4">J Case Apparel</td><!-- [et_pb_line_break_holder] --> <td id="5:5">Sold</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(6)" id="6"><!-- [et_pb_line_break_holder] --> <td id="6:0">8/1/2018 9:53:19</td><!-- [et_pb_line_break_holder] --> <td id="6:1">hi </td><!-- [et_pb_line_break_holder] --> <td id="6:2">hello</td><!-- [et_pb_line_break_holder] --> <td id="6:3">test@email.com</td><!-- [et_pb_line_break_holder] --> <td id="6:4">n/a</td><!-- [et_pb_line_break_holder] --> <td id="6:5">Lost</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(7)" id="7"><!-- [et_pb_line_break_holder] --> <td id="7:0">8/1/2018 10:43:02</td><!-- [et_pb_line_break_holder] --> <td id="7:1">Dave</td><!-- [et_pb_line_break_holder] --> <td id="7:2">Harris</td><!-- [et_pb_line_break_holder] --> <td id="7:3">dave@yaman.com</td><!-- [et_pb_line_break_holder] --> <td id="7:4">ya man</td><!-- [et_pb_line_break_holder] --> <td id="7:5">Sold</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(8)" id="8"><!-- [et_pb_line_break_holder] --> <td id="8:0">8/1/2018 09:35:69</td><!-- [et_pb_line_break_holder] --> <td id="8:1">Roger</td><!-- [et_pb_line_break_holder] --> <td id="8:2">David</td><!-- [et_pb_line_break_holder] --> <td id="8:3">orders@everydayhero.org</td><!-- [et_pb_line_break_holder] --> <td id="8:4">Everyday Hero</td><!-- [et_pb_line_break_holder] --> <td id="8:5">Pending</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr class="lead" onclick="getRow(9)" id="9"><!-- [et_pb_line_break_holder] --> <td id="9:0">8/23/2018 15:29:80</td><!-- [et_pb_line_break_holder] --> <td id="9:1">Phillip</td><!-- [et_pb_line_break_holder] --> <td id="9:2">Phillips</td><!-- [et_pb_line_break_holder] --> <td id="9:3">phil@phillips.com</td><!-- [et_pb_line_break_holder] --> <td id="9:4">Phillip Phillips</td><!-- [et_pb_line_break_holder] --> <td id="9:5">Pending</td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </tbody><!-- [et_pb_line_break_holder] --> </table><!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> <div class="traffic dashboard-tab"><!-- [et_pb_line_break_holder] --> <ul class="tab-menu"><!-- [et_pb_line_break_holder] --> <li><a href="javascript:void(0)" class="backBtn" onclick="showTab(0)"><i class="fa fa-angle-left"></i> <span>Back to Dashboard</span></a></li><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> <iframe src="https://datastudio.google.com/embed/reporting/1rP0gso9-lcJYMeHAIquJZ1s4dWdy_FtL/page/CtYa" frameborder="0" style="border:0" allowfullscreen></iframe><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] -->

<script><!-- [et_pb_line_break_holder] -->showTab(0)<!-- [et_pb_line_break_holder] -->function showTab(n) {<!-- [et_pb_line_break_holder] --> var i = 0;<!-- [et_pb_line_break_holder] --> var tabs = document.getElementsByClassName("dashboard-tab");<!-- [et_pb_line_break_holder] --> for (i = 0; i < tabs.length; i++) {<!-- [et_pb_line_break_holder] --> tabs[i].style.display = "none"; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> tabs[n].style.display = "block"; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] -->