API tools faq
paste
Advertisement
Guest User

Note Tool

a guest
Nov 27th, 2018
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 259.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html lang="zxx">
  3.  
  4. <head>
  5.     <title>NOTE GENERATOR</title>
  6.  
  7.  
  8.     <!-- Meta tag Keywords -->
  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
  10.     <meta charset="UTF-8" />
  11.     <meta name="keywords" content="Note Generator, Note Gen, Note Tool" />
  12.     <!-- //Meta tag Keywords -->
  13.  
  14.  
  15.     <!-- css and js files -->
  16.  
  17.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  18.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  19.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  20.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  21.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  22.     <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js" integrity="sha384-kW+oWsYx3YpxvjtZjFXqazFpA7UP/MbiY4jvs+RWZo2+N94PFZ36T6TFkc9O3qoB" crossorigin="anonymous"></script>
  23.    
  24.     <!-- Style-CSS -->
  25.  
  26.  
  27.     <style type="text/css">
  28.         @import url('https://fonts.googleapis.com/css?family=Roboto:100,300');
  29.  
  30.         /* Plus Minus Checkbox Styles */
  31.             .fancy-checkbox .checked,
  32.             .fancy-checkbox .unchecked {
  33.                 cursor: pointer;
  34.             }  
  35.  
  36.             .fancy-checkbox input[type="checkbox"],
  37.             .fancy-checkbox .checked {
  38.                 display: none;
  39.             }
  40.              
  41.             .fancy-checkbox input[type="checkbox"]:checked ~ .checked {
  42.                 display: inline-block;
  43.             }
  44.              
  45.             .fancy-checkbox input[type="checkbox"]:checked ~ .unchecked {
  46.                 display: none;
  47.             }
  48.         /* Plus Minus Checkbox Styles */
  49.  
  50.         /* Overall Page/Body Styles */
  51.             #notetool {
  52.                 background: #1e3c72;
  53.                 /* fallback for old browsers */
  54.                 background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
  55.                 /* Chrome 10-25, Safari 5.1-6 */
  56.                 background: linear-gradient(to right, #2a5298, #1e3c72);
  57.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  58.             }
  59.             .bg-custom {
  60.                 background-color: rgba(255, 193, 7, .5) !important;
  61.             }
  62.         /* Overall Page/Body Styles */
  63.  
  64.         /* Sidebar Styles */
  65.             .sidebar-nav .row{
  66.                 margin-left:0px;
  67.                 margin-right:0px;
  68.             }
  69.  
  70.             #wrapper {
  71.                 padding-left: 50px;
  72.                 transition: all .4s ease 0s;
  73.                 height: 100%
  74.             }
  75.  
  76.             #sidebar-wrapper {
  77.                 margin-left: -200px;
  78.                 left: 50px;
  79.                 width: 200px;
  80.                 background: rgba(0, 0, 0, 0.50);
  81.                 position: fixed;
  82.                 height: 100%;
  83.                 transition: all .4s ease 0s;
  84.             }
  85.  
  86.             .sidebar-nav {
  87.                 display: block;
  88.                 float: left;
  89.                 width: 200px;
  90.                 list-style: none;
  91.                 margin: 0;
  92.                 padding: 0;
  93.             }
  94.             #page-content-wrapper {
  95.                 padding-left: 0;
  96.                 margin-left: 0;
  97.                 width: 100%;
  98.                 height: auto;
  99.             }
  100.             #wrapper.active {
  101.                 padding-left: 150px;
  102.             }
  103.             #wrapper.active #sidebar-wrapper {
  104.                 left: 200px;
  105.             }
  106.  
  107.             #page-content-wrapper {
  108.               width: 100%;
  109.             }
  110.  
  111.             #sidebar_menu li a, .sidebar-nav li a {
  112.                 color: #999;
  113.                 display: block;
  114.                 float: left;
  115.                 text-decoration: none;
  116.                 width: 200px;
  117.                 border-top: 1px solid rgba(0, 0, 0, 0.05);
  118.                 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  119.                 -webkit-transition: background .5s;
  120.                 -moz-transition: background .5s;
  121.                 -o-transition: background .5s;
  122.                 -ms-transition: background .5s;
  123.                 transition: background .5s;
  124.                 padding: 5px;
  125.  
  126.             }
  127.             .sidebar_name {
  128.                 padding-top: 25px;
  129.                 color: #fff;
  130.                 opacity: .7;
  131.             }
  132.  
  133.             .sidebar-nav li {
  134.               line-height: 35px;
  135.               text-indent: 20px;
  136.             }
  137.  
  138.             .sidebar-nav li a {
  139.               color: #fff;
  140.               display: block;
  141.               text-decoration: none;
  142.             }
  143.  
  144.             .sidebar-nav li a:hover {
  145.               color: #fff;
  146.               background: rgba(255,255,255,0.2);
  147.               text-decoration: none;
  148.             }
  149.  
  150.             .sidebar-nav li a:active,
  151.             .sidebar-nav li a:focus {
  152.               text-decoration: none;
  153.             }
  154.  
  155.             /*
  156.             .sidebar-nav > .sidebar-brand {
  157.               height: 65px;
  158.               line-height: 60px;
  159.               font-size: 18px;
  160.             }
  161.             .sidebar-nav > .sidebar-brand a {
  162.               color: #999999;
  163.             }
  164.  
  165.             .sidebar-nav > .sidebar-brand a:hover {
  166.               color: #fff;
  167.               background: none;
  168.             }
  169.             */
  170.  
  171.             #main_icon
  172.             {
  173.                 float:right;
  174.                padding-right: 65px;
  175.                padding-top:20px;
  176.             }
  177.             .sub_icon
  178.             {
  179.                 float:right;
  180.                 padding-right: 65px;
  181.                 padding-top:10px;
  182.             }
  183.             .content-header {
  184.               height: 65px;
  185.               line-height: 65px;
  186.             }
  187.  
  188.             .content-header h1 {
  189.               margin: 0;
  190.               margin-left: 20px;
  191.               line-height: 65px;
  192.               display: inline-block;
  193.             }
  194.  
  195.             .sidebar-nav h5 {
  196.                     color: #fff;
  197.                     letter-spacing: 2px;
  198.                     font-style: italic;
  199.                     text-shadow: 0px 1px 1px #000;
  200.                 }
  201.  
  202.             .sidebar-nav h5 span {
  203.                 color: #FFC107;
  204.             }
  205.             #sidebar-wrapper .footer {
  206.                 left: -2px;
  207.                 bottom: -15px;
  208.                 position: absolute;
  209.                 display: block;
  210.                 float: left;
  211.             }
  212.  
  213.  
  214.             @media (max-width:767px) {
  215.                 #wrapper {
  216.                 padding-left: 50px;
  217.                 transition: all .4s ease 0s;
  218.             }
  219.             #sidebar-wrapper {
  220.                 left: 50px;
  221.             }
  222.             #wrapper.active {
  223.                 padding-left: 200px;
  224.             }
  225.             #wrapper.active #sidebar-wrapper {
  226.                 left: 200px;
  227.                 width: 200px;
  228.                 transition: all .4s ease 0s;
  229.             }
  230.             }
  231.         /* Sidebar Styles */
  232.  
  233.         /*-- title --*/
  234.             #notetool .navbar h4 {
  235.                 color: #fff;
  236.                 letter-spacing: 2px;
  237.                 font-style: italic;
  238.                 text-shadow: 0px 1px 1px #000;
  239.             }
  240.  
  241.             #notetool .navbar h4 span {
  242.                 color: #FFC107;
  243.             }
  244.         /*-- //title --*/
  245.  
  246.  
  247.         /* Form Styles */
  248.             #notetool .noteform {
  249.                 display: -webkit-flex;
  250.                 display: -webkit-box;
  251.                 display: -moz-flex;
  252.                 display: -moz-box;
  253.                 display: -ms-flexbox;
  254.                 display: flex;
  255.                 align-items: center;
  256.                 -webkit-box-pack: center;
  257.                 -moz-box-pack: center;
  258.                 -ms-flex-pack: center;
  259.                 -webkit-justify-content: center;
  260.                 justify-content: center;
  261.             }
  262.  
  263.             #notetool .noteform form {
  264.                 max-width: 600px;
  265.                 background: rgba(100, 100, 100, 0.50);
  266.                 padding: 2vw;
  267.                 box-sizing: border-box;
  268.                 display: -webkit-flex;
  269.                 display: flex;
  270.                 flex-wrap: wrap;
  271.                 justify-content: center;
  272.                 box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);
  273.                 margin-top: 10px;
  274.             }
  275.  
  276.             #notetool form .btn,
  277.             #notetool form .btn-group {
  278.                 margin-top: 2px;
  279.                 margin-bottom: 2px;
  280.             }
  281.  
  282.             #notetool .noteform input[type="text"],
  283.             #notetool .noteform select,
  284.             #notetool .noteform textarea {
  285.                 color: #000;
  286.                 margin-top: 2px;
  287.                 margin-bottom: 2px;
  288.                 background: rgba(255, 255, 255, 0.90);
  289.             }
  290.  
  291.  
  292.             /*-- Important for display width! --*/
  293.  
  294.             #notetool .row {
  295.                 width: 100%;
  296.                 align-content: center;
  297.             }
  298.  
  299.             #notetool .alert-fixed {
  300.                 position: fixed;
  301.                 top: 10px;
  302.                 left: 0px;
  303.                 width: 100%;
  304.                 z-index: 9999;
  305.                 border-radius: 0px
  306.             }
  307.  
  308.             #notetool form .input-group-prepend,
  309.             #notetool form .input-group-prepend button {
  310.                 width: 40px;
  311.             }
  312.  
  313.  
  314.             /*--placeholder-color--*/
  315.  
  316.             #notetool form input[type="text"]::placeholder {
  317.                 color: #000;
  318.             }
  319.  
  320.             #notetool form input[type="text"]::-webkit-input-placeholder {
  321.                 color: #000;
  322.             }
  323.  
  324.             #notetool form input[type="text"]::-moz-placeholder {
  325.  
  326.                 color: #000;
  327.             }
  328.  
  329.             #notetool form input[type="text"]:-ms-input-placeholder {
  330.                 color: #000;
  331.             }
  332.  
  333.             /*-- //placeholder-color --*/
  334.  
  335.  
  336.             #notetool #gen .btn-primary {
  337.                 position: relative;
  338.                 -webkit-transition-duration: 0.4s;
  339.                 /* Safari */
  340.                 transition-duration: 0.4s;
  341.                 text-decoration: none;
  342.                 overflow: hidden;
  343.             }
  344.  
  345.             #notetool #gen .btn-primary:active:after {
  346.                 opacity: 1;
  347.                 transition: 0s;
  348.             }
  349.  
  350.             #notetool #gen .btn-primary:after {
  351.                 content: "";
  352.                 background: #90EE90;
  353.                 display: block;
  354.                 position: absolute;
  355.                 padding-top: 300%;
  356.                 padding-left: 350%;
  357.                 margin-left: -20px !important;
  358.                 margin-top: -120%;
  359.                 opacity: 0;
  360.                 transition: all 0.8s;
  361.             }
  362.         /* Form Styles */
  363.  
  364.         /* Credit Calculator Styles */
  365.             #credit-modal input {
  366.                 color: #000;
  367.             }
  368.         /* Credit Calculator Styles */
  369.  
  370.         /* Gradients */
  371.             #notetool .grd-deepspace {
  372.                 background: #000000;
  373.                 /* fallback for old browsers */
  374.                 background: -webkit-linear-gradient(to top, #434343, #000000);
  375.                 /* Chrome 10-25, Safari 5.1-6 */
  376.                 background: linear-gradient(to top, #434343, #000000);
  377.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  378.                 color: #fff;
  379.             }
  380.  
  381.             #notetool .grd-Nighthawk {
  382.                 background: #2980b9;
  383.                 /* fallback for old browsers */
  384.                 background: -webkit-linear-gradient(to bottom, #2c3e50, #2980b9);
  385.                 /* Chrome 10-25, Safari 5.1-6 */
  386.                 background: linear-gradient(to bottom, #2c3e50, #2980b9);
  387.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  388.             }
  389.  
  390.             #notetool .grd-Joomla {
  391.                 background: #1e3c72;
  392.                 /* fallback for old browsers */
  393.                 background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
  394.                 /* Chrome 10-25, Safari 5.1-6 */
  395.                 background: linear-gradient(to right, #2a5298, #1e3c72);
  396.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  397.             }
  398.  
  399.             #notetool .grd-LearningandLeading {
  400.                 background: #F7971E;
  401.                 /* fallback for old browsers */
  402.                 background: -webkit-linear-gradient(to right, #FFD200, #F7971E);
  403.                 /* Chrome 10-25, Safari 5.1-6 */
  404.                 background: linear-gradient(to right, #FFD200, #F7971E);
  405.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  406.             }
  407.  
  408.             #notetool .grd-clouds {
  409.                 background: #ECE9E6;
  410.                 /* fallback for old browsers */
  411.                 background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
  412.                 /* Chrome 10-25, Safari 5.1-6 */
  413.                 background: linear-gradient(to right, #FFFFFF, #ECE9E6);
  414.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  415.             }
  416.  
  417.             #notetool .grd-yoda {
  418.                 background: #FF0099;
  419.                 /* fallback for old browsers */
  420.                 background: -webkit-linear-gradient(to right, #493240, #FF0099);
  421.                 /* Chrome 10-25, Safari 5.1-6 */
  422.                 background: linear-gradient(to right, #493240, #FF0099);
  423.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  424.             }
  425.  
  426.             #notetool .grd-bydesign {
  427.                 background: #009FFF;
  428.                 /* fallback for old browsers */
  429.                 background: -webkit-linear-gradient(to right, #ec2F4B, #009FFF);
  430.                 /* Chrome 10-25, Safari 5.1-6 */
  431.                 background: linear-gradient(to right, #ec2F4B, #009FFF);
  432.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  433.             }
  434.  
  435.             #notetool .grd-shifter {
  436.                 background: #bc4e9c;
  437.                 /* fallback for old browsers */
  438.                 background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);
  439.                 /* Chrome 10-25, Safari 5.1-6 */
  440.                 background: linear-gradient(to right, #f80759, #bc4e9c);
  441.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  442.             }
  443.  
  444.             #notetool .grd-purplin {
  445.                 background: #6a3093;
  446.                 /* fallback for old browsers */
  447.                 background: -webkit-linear-gradient(to right, #a044ff, #6a3093);
  448.                 /* Chrome 10-25, Safari 5.1-6 */
  449.                 background: linear-gradient(to right, #a044ff, #6a3093);
  450.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  451.             }
  452.  
  453.             #notetool .grd-azurepop {
  454.                 background: #ef32d9;
  455.                 /* fallback for old browsers */
  456.                 background: -webkit-linear-gradient(to right, #89fffd, #ef32d9);
  457.                 /* Chrome 10-25, Safari 5.1-6 */
  458.                 background: linear-gradient(to right, #89fffd, #ef32d9);
  459.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  460.             }
  461.  
  462.             #notetool .grd-sincity {
  463.                 background: #ED213A;
  464.                 /* fallback for old browsers */
  465.                 background: -webkit-linear-gradient(to right, #93291E, #ED213A);
  466.                 /* Chrome 10-25, Safari 5.1-6 */
  467.                 background: linear-gradient(to right, #93291E, #ED213A);
  468.                 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  469.             }
  470.         /* //Gradients */
  471.  
  472.  
  473.         /*-- copyright --*/
  474.             #notetool .footer {
  475.                 margin: 6vw .3vw 2vw;
  476.                 bottom: 0px;
  477.             }
  478.  
  479.             #notetool .footer p {
  480.                 font-size: 14px;
  481.                 color: #fff;
  482.                 letter-spacing: 2px;
  483.                 text-align: center;
  484.                 line-height: 1.8;
  485.             }
  486.  
  487.             #notetool .footer p a {
  488.                 color: #FFC107;
  489.                 -webkit-transition: 0.5s all;
  490.                 -o-transition: 0.5s all;
  491.                 -moz-transition: 0.5s all;
  492.                 -ms-transition: 0.5s all;
  493.                 transition: 0.5s all;
  494.             }
  495.  
  496.             #notetool .footer p a:hover {
  497.                 color: #fff;
  498.                 -webkit-transition: 0.5s all;
  499.                 -o-transition: 0.5s all;
  500.                 -moz-transition: 0.5s all;
  501.                 -ms-transition: 0.5s all;
  502.                 transition: 0.5s all;
  503.             }
  504.         /*-- //copyright --*/
  505.  
  506.         /* Timer styles */
  507.             button[data-setter] {
  508.               outline: none;
  509.               background: transparent;
  510.               border: none;
  511.               font-family: 'Roboto';
  512.               font-weight: 300;
  513.               font-size: 20px;
  514.               width: 20px;
  515.               height: 30px;
  516.               color: #000;
  517.               cursor: pointer;
  518.             }
  519.  
  520.             button[data-setter]:hover { opacity: 0.5; }
  521.  
  522.             .countdown {
  523.                 position: relative;
  524.                 width: 300px;
  525.                 margin: 0 auto;
  526.                 margin-bottom: 20px;
  527.             }
  528.  
  529.             .setters {
  530.                 position: absolute;
  531.                 left: 85px;
  532.                 top: 75px;
  533.             }
  534.  
  535.             .minutes-set {
  536.               float: left;
  537.               margin-right: 28px;
  538.             }
  539.  
  540.             .seconds-set { float: right; }
  541.  
  542.             .controlls {
  543.               position: absolute;
  544.               left: 75px;
  545.               top: 105px;
  546.               text-align: center;
  547.             }
  548.  
  549.             .display-remain-time {
  550.               font-family: 'Roboto';
  551.               font-weight: 300;
  552.               font-size: 65px;
  553.               color: #000;
  554.             }
  555.  
  556.             #pause {
  557.               outline: none;
  558.               background: transparent;
  559.               border: none;
  560.               margin-top: 10px;
  561.               width: 50px;
  562.               height: 50px;
  563.               position: relative;
  564.             }
  565.  
  566.             .play::before {
  567.               display: block;
  568.               content: "";
  569.               position: absolute;
  570.               top: 0px;
  571.               left: 0px;
  572.               border-top: 15px solid transparent;
  573.               border-bottom: 15px solid transparent;
  574.               border-left: 22px solid #FFC107;
  575.             }
  576.  
  577.             .pause::after {
  578.                 content: "";
  579.                 position: absolute;
  580.                 top: 0px;
  581.                 left: 0px;
  582.                 width: 15px;
  583.                 height: 30px;
  584.                 background-color: transparent;
  585.                 border-radius: 1px;
  586.                 border: 5px solid #FFC107;
  587.                 border-top: none;
  588.                 border-bottom: none;
  589.             }
  590.  
  591.             #pause:hover { opacity: 0.8; }
  592.  
  593.             .e-c-base {
  594.               fill: none;
  595.               stroke: #000;
  596.               stroke-width: 2px
  597.             }
  598.  
  599.             .e-c-progress {
  600.               fill: none;
  601.               stroke: #FFC107;
  602.               stroke-width: 4px;
  603.               transition: stroke-dashoffset 0.7s;
  604.             }
  605.  
  606.             .e-c-pointer {
  607.               fill: #FFF;
  608.               stroke: #FFC107;
  609.               stroke-width: 2px;
  610.             }
  611.  
  612.             #e-pointer { transition: transform 0.7s; }
  613.         /* Timer styles */
  614.  
  615.         /* TV Code List Styles */
  616.             .tvbranddta {
  617.                 font-weight: bold;
  618.                 color: blue;
  619.             }
  620.  
  621.             .tvbranddvr {
  622.                 font-weight: bold;
  623.                 color: red;
  624.             }
  625.  
  626.             .codes {
  627.                 font-style: italic;
  628.             }
  629.         /* TV Code List Styles */
  630.     </style>
  631.  
  632.     <!-- //Style-CSS -->
  633.  
  634. </head>
  635.  
  636. <body id="notetool">
  637. <!-- sidebar and content wrapper -->
  638. <div id="wrapper" class="">
  639.  
  640.     <!-- Sidebar -->
  641.     <div id="sidebar-wrapper">
  642.         <ul id="sidebar_menu" class="sidebar-nav">
  643.            <li class="sidebar-brand"><a id="menu-toggle" href="#">
  644.             <h5 class="float-left">
  645.                 <span>N</span>ote
  646.                 <span>G</span>en
  647.             </h5>
  648.                 <i class="fas fa-bars fa-fw fa-pull-right fa-2x"></i>
  649.             </a></li>
  650.         </ul>
  651.         <ul class="sidebar-nav nav flex-column" id="sidebar">
  652.  
  653.           <li class="nav-item" data-toggle="modal" data-target="#inst-modal"><a class="nav-link" href="#instructions" data-toggle="popover" title="How to Use" data-content="Open this to view instructions and tips." data-trigger="hover" data-placement="right"> How To Use <i class="far fa-question-circle fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  654.  
  655.           <li class="nav-item d-none"><a class="nav-link" href="#template" data-toggle="modal" data-target="#template-modal"> Templates <i class="fas fa-fill fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  656.  
  657.           <li class="nav-item" data-toggle="modal" data-target="#customize-modal"><a class="nav-link" href="#customize" data-toggle="popover" title="Customize UI" data-content="Change the look of the tool!" data-trigger="hover" data-placement="right"> Customize UI <i class="far fa-edit fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  658.  
  659.           <li class="nav-item" data-toggle="modal" data-target="#history-modal"><a class="nav-link" href="#" data-toggle="popover" title="View History" data-content="Click this button to view the history of notes taken during this session." data-trigger="hover" data-placement="right"> View History <i class="fas fa-history fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  660.  
  661.           <li class="nav-item"><a class="nav-link" href="#" name="hist" style="info" id="hist" onclick="copyToClipboard('#history')" data-toggle="popover" title="Copy History" data-content="Click this button to copy the full history of notes that have been generated during this session. Paste in OneNote or anywhere for your own records." data-trigger="hover" data-placement="right"> Copy History <i class="far fa-copy fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  662.  
  663.           <li class="nav-item d-none"><a class="nav-link" href="#" name="save-defaults" style="info" id="save-defaults" onclick="saveDefaults()" data-toggle="popover" title="Save Defaults" data-content="Click this button after changing the dropdown options to what you would like each new note to default to." data-trigger="hover" data-placement="right"> Save Defaults <i class="far fa-save fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  664.         </ul>
  665.  
  666.         <ul class="sidebar-nav" style="margin-top: 50px;">
  667.             <li class="nav-item" ><a href="#" class="disabled">Quick Info</a></li>
  668.  
  669.             <li class="nav-item" ><a href="#" data-toggle="popover" title="Text Script" data-content="“You consent to being contacted by or on behalf of $CompanyName at the contact number you have provided us, for any purpose and by any means; including autodialed or pre-recorded voice calls and text messages, regardless of whether the number(s) is listed on the federal Do-Not-Call registry or any state equivalent”" data-trigger="hover" data-placement="right"> Text Script <i class="far fa-file-alt fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  670.  
  671.             <li class="nav-item" ><a href="#" data-toggle="popover" data-html="true" title="Dead Air Script" data-content="If you are unable to hear the customer on you line after your introduction, read the following:<br>
  672.             <br>
  673.             &quot;Hello caller, I am unable to hear you, are you on the line?&quot;<br>
  674.             <br>
  675.             If no response after 5 seconds:<br>
  676.             <br>
  677.             &quot;I apologize, I am still unable to hear you at this time, do you have the &quot;mute&quot; button pressed on your phone?&quot;<br>
  678.             <br>
  679.             If no response after 5 seconds:<br>
  680.             <br>
  681.             &quot;I apologize caller, I am still unable to hear you at this time, if you can hear me, please give us a call back at 1-855-367-8983 for residential support or 1-844-898-3266 for commercial support.  At this time, I am disconnecting the call.  Thank you for calling $CompanyName, have a great day!&quot;" data-trigger="hover" data-placement="right">Dead Air Script<i class="fas fa-skull fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  682.  
  683.             <li class="nav-item" ><a href="#" data-toggle="popover" data-html="true" title="Phone Numbers" data-content="<strong>Business Department:</strong><br>555-555-5555 <br><br><strong>Call Center:</strong><br>555-555-5555 <br><br> <strong>V-FAX:</strong><br>405-395-4601<br>" data-trigger="hover" data-placement="right">Phone Numbers<i class="fas fa-fax fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  684.  
  685.             <li class="nav-item" data-toggle="modal" data-target="#tvcode-modal"><a href="#" data-toggle="popover" data-html="true" title="TV Codes" data-content="Searchable TV Codes" data-trigger="hover" data-placement="right">TV Codes<i class="fas fa-tv fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  686.  
  687.             <li class="nav-item" data-toggle="modal" data-target="#credit-modal"><a href="#" data-toggle="popover" data-html="true" title="Credit Calculator" data-content="Quickly find out how much to credit for outages" data-trigger="hover" data-placement="right">Credit Calculator<i class="fas fa-hand-holding-usd fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  688.  
  689.             <li class="nav-item" data-toggle="modal" data-target="#timer-modal"><a href="#" data-toggle="popover" data-html="true" title="Quick Timer" data-content="Useful for power cycles" data-trigger="hover" data-placement="right">Quick Timer<i class="fas fa-stopwatch fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  690.  
  691.             <li class="nav-item" data-toggle="modal" data-target="#emailtemplate-modal"><a href="#" data-toggle="popover" data-html="true" title="Email Templates" data-content="Prefilled Emails that can be adjusted for the account being worked on." data-trigger="hover" data-placement="right">Email Templates<i class="fas fa-envelope fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  692.         </ul>
  693.  
  694.         <div class="footer">
  695.  
  696.            
  697.  
  698.             <ul class="sidebar-nav">
  699.                 <li data-toggle="modal" data-target="#changelog-modal"><a href="#" data-toggle="popover" data-html="true" title="Changelog" data-content="List of changes made in current/previous updates." data-trigger="hover" data-placement="right">Change Log<i class="fas fa-list-ul fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  700.                 <li><a href="mailto:myemail@$CompanyName?subject=Feedback Note Generator"> Feedback <i class="far fa-comment fa-fw fa-2x fa-pull-right text-warning"></i></a></li>
  701.             </ul>
  702.         </div>
  703.     </div><!-- Sidebar -->
  704.  
  705.  
  706.     <div id="page-content-wrapper">
  707.         <div class="page-content inset">
  708.  
  709.             <!-- Main Form Container -->
  710.             <div class="noteform container">
  711.                 <!-- Main Form -->
  712.                 <form autocomplete="off" class="d-flex needs-validation" novalidate>
  713.  
  714.                     <!-- Last note and New Buttons -->
  715.                     <div class="row clearfix">
  716.                         <div class="col-lg-12">
  717.                             <button type="button" class="btn btn-dark btn-osx btn-sm" name="hist" id="hist" onclick="return recover()">
  718.                                 &larr; LAST NOTE
  719.                             </button>
  720.                            
  721.                             <button type="button" class="btn btn-danger btn-osx btn-sm float-right" name="reset" id="reset" onclick="return clearnote()">
  722.                                 NEW &rarr;
  723.                             </button>
  724.                         </div>
  725.                     </div><!-- Last note and New Buttons -->
  726.  
  727.                     <br>
  728.  
  729.                     <!-- Account and Phone Numbers -->
  730.                     <div class="row">
  731.                         <div class="col-lg-12" id="col1">
  732.                             <div class="input-group input-group-sm">
  733.                                 <div class="input-group-prepend" data-toggle="popover" title="Account number" data-content="Optional. Click the icon to copy!" data-trigger="hover" data-placement="top">
  734.                                     <button class="btn btn-sm btn-info copyme" type="button" id="button-acct" style="width: 45px;"><i class="fas fa-hashtag" style="font-size: 1.5em;"></i></button>
  735.                                 </div>
  736.                                 <input type="text" placeholder=" ACCT ###### Optional" class="form-control" name="acct" maxlength="6" id="acct" tabindex="1">
  737.                             </div>
  738.                         </div>
  739.                         <div class="col-lg-12" id="col2">
  740.                             <div class="input-group input-group-sm">
  741.                                 <div class="input-group-prepend" data-toggle="popover" title="Phone number" data-content="Optional. The number the caller is calling from." data-trigger="hover" data-placement="top">
  742.                                     <button class="btn btn-sm btn-info copyme" type="button" id="button-phn" style="width: 45px;"><i class="fas fa-phone-volume" style="font-size: 1.5em;"></i></button>
  743.                                 </div>
  744.                                 <input type="text" placeholder=" PHONE# Optional" class="form-control form-control-sm textbox" name="phn" id="phn" tabindex="2">
  745.                             </div>
  746.                         </div>
  747.                     </div><!-- Account and Phone Numbers -->
  748.  
  749.                     <br>
  750.  
  751.                     <!-- Caller Dropdown and Caller Name -->
  752.                     <div class="row">
  753.                         <div class="col-lg-12" id="col3">
  754.                             <div class="input-group input-group-sm">
  755.                                 <div class="input-group-prepend" data-toggle="popover" title="Caller" data-content="Is the caller Account Holder, Authorized User, or UnAuthorized" data-trigger="hover" data-placement="top">
  756.                                     <button class="btn btn-sm" type="button" id="button-caller"><i class="fas fa-user-check" style="font-size: 1.5em;"></i></button>
  757.                                 </div>
  758.                                 <select class="form-control form-control-sm" name="caller" id="caller" tabindex="3" onchange="checkAuth()" required>
  759.                                     <option value="" disabled="null" selected="null">CALLER</option>
  760.                                     <option value="VERIFIED AH" id="caller-0">VERIFIED AH</option>
  761.                                     <option value="VERIFIED AU" id="caller-1">VERIFIED AU</option>
  762.                                     <option value="NOT VERIFIED UA" id="caller-2">NOT VERIFIED UA</option>
  763.                                     <option value="BULK ACCT" id="caller-3">BULK ACCT</option>
  764.                                     <option value="BUSINESS ACCT" id="caller-4">BUSINESS ACCT</option>
  765.                                     <option value="$CompanyName TECHNICIAN" id="caller-5">$CompanyName TECHNICIAN</option>
  766.                                 </select>
  767.                             </div>
  768.                         </div>
  769.                         <div class="col-lg-12" id="col4">
  770.                             <div class="input-group input-group-sm">
  771.                                 <div class="input-group-prepend" data-toggle="popover" title="Name" data-content="Callers name." data-trigger="hover" data-placement="top">
  772.                                     <button class="btn btn-sm btn-info copyme" type="button" id="button-name"><i class="fas fa-signature" style="font-size: 1.5em;"></i></button>
  773.                                 </div>
  774.                                 <input type="text" placeholder=" JOHN DOE" class="form-control form-control-sm" name="name" id="name" title="NAME OF CALLER" tabindex="4" required>
  775.                             </div>
  776.                         </div>
  777.                     </div><!-- Caller Dropdown and Caller Name -->
  778.  
  779.                     <br>
  780.  
  781.                     <div class="row" id="businessrow" style="display: none;">
  782.                         <div class="col-lg-12">
  783.                             <div class="input-group input-group-sm">
  784.                                 <div class="input-group-prepend" data-toggle="popover" title="Business Name" data-content="Business name." data-trigger="hover" data-placement="top">
  785.                                     <button class="btn btn-sm btn-dark" type="button" id="button-name"><i class="far fa-building" style="font-size: 1.5em;"></i></button>
  786.                                 </div>
  787.                                 <input type="text" placeholder=" Business Name" class="form-control form-control-sm bg-warning" name="name" id="businessname" title="NAME OF Business" tabindex="4" required>
  788.                             </div>
  789.                         </div>
  790.                     </div>
  791.  
  792.                     <br>
  793.  
  794.                     <!-- SSN and Address Dropdowns -->
  795.                     <div class="row">
  796.                         <div class="col-lg-12" id="col5">
  797.                             <div class="input-group input-group-sm">
  798.                                 <div class="input-group-prepend" data-toggle="popover" title="Verification Method" data-content="What was used to verify caller?" data-trigger="hover" data-placement="top">
  799.                                     <button class="btn btn-sm" type="button" id="button-ssn"><i class="fas fa-fingerprint" style="font-size: 1.5em;"></i></button>
  800.                                 </div>
  801.                                 <select class="form-control form-control-sm" name="ssn" id="ssn" tabindex="5" required>
  802.                                     <option value="" disabled="null" selected="null">SSN/PIN</option>
  803.                                     <option value="VERIFIED - SSN" id="ssn-0">VERIFIED - SSN</option>
  804.                                     <option value="VERIFIED - PIN" id="ssn-1">VERIFIED - PIN</option>
  805.                                     <option value="VERIFIED - LAST 4 OF LICENSE" id="ssn-2">VERIFIED - LAST 4 OF LICENSE</option>
  806.                                     <option value="VERIFIED - BIRTHDAY" id="ssn-3">VERIFIED - BIRTHDAY</option>
  807.                                     <option value="VERIFIED - SECURITY QUESTION" id="ssn-4">VERIFIED - SECURITY QUESTION</option>
  808.                                     <option value="NOT VERIFIED" id="ssn-5">NOT VERIFIED</option>
  809.                                     <option value="NA - NOT AUTHORIZED" id="ssn-6">NA - NOT AUTHORIZED</option>
  810.                                     <option value="ADDED" id="ssn-7">ADDED</option>
  811.                                     <option value="UPDATED" id="ssn-8">UPDATED</option>
  812.                                 </select>
  813.                             </div>
  814.                         </div>
  815.                         <div class="col-lg-12" id="col6">
  816.                             <div class="input-group input-group-sm">
  817.                                 <div class="input-group-prepend" data-toggle="popover" title="Address" data-content="Is the listed address correct? Same as mailing?" data-trigger="hover" data-placement="top">
  818.                                     <button class="btn btn-sm" type="button" id="button-addr"><i class="fas fa-map-marked-alt" style="font-size: 1.5em;"></i></button>
  819.                                 </div>
  820.                                 <select class="form-control form-control-sm" name="addr" id="addr" tabindex="6" required>
  821.                                     <option value="" disabled="null" selected="null">ADDRESS</option>
  822.                                     <option value="VERIFIED" id="addr-0">VERIFIED</option>
  823.                                     <option value="NOT VERIFIED" id="addr-1">NOT VERIFIED</option>
  824.                                     <option value="NA - NOT AUTHORIZED" id="addr-2">NA - NOT AUTHORIZED</option>
  825.                                     <option value="ADDED" id="addr-3">ADDED</option>
  826.                                     <option value="UPDATED" id="addr-4">UPDATED</option>
  827.                                 </select>
  828.                             </div>
  829.                         </div>
  830.                     </div><!-- SSN and Address Dropdowns -->
  831.  
  832.                     <br>
  833.  
  834.                     <!-- Email and Phone Dropdowns -->
  835.                     <div class="row">
  836.                         <div class="col-lg-12" id="col7">
  837.                             <div class="input-group input-group-sm">
  838.                                 <div class="input-group-prepend" data-toggle="popover" title="Email" data-content="Add, Verify, Update, or Declined" data-trigger="hover" data-placement="top">
  839.                                     <button class="btn btn-sm" type="button" id="button-email"><i class="fas fa-at" style="font-size: 1.5em;"></i></button>
  840.                                 </div>
  841.                                 <select class="form-control form-control-sm" name="email" id="email" tabindex="7" required>
  842.                                     <option value="" disabled="null" selected="null">EMAIL</option>
  843.                                     <option value="VERIFIED" id="email-0">VERIFIED</option>
  844.                                     <option value="DECLINED" id="email-1">DECLINED</option>
  845.                                     <option value="NA - NOT AUTHORIZED" id="email-2">NA - NOT AUTHORIZED</option>
  846.                                     <option value="ADDED" id="email-3">ADDED</option>
  847.                                     <option value="UPDATED" id="email-4">UPDATED</option>
  848.                                 </select>
  849.                             </div>
  850.                         </div>
  851.                         <div class="col-lg-12" id="col8">
  852.                             <div class="input-group input-group-sm">
  853.                                 <div class="input-group-prepend" data-toggle="popover" title="Phone" data-content="Add, Verify, Update, or Declined" data-trigger="hover" data-placement="top">
  854.                                     <button class="btn btn-sm" type="button" id="button-phone"><i class="fas fa-phone-square" style="font-size: 1.5em;"></i></button>
  855.                                 </div>
  856.                                 <select class="form-control form-control-sm" name="phone" id="phone" tabindex="8" required>
  857.                                     <option value="" disabled="null" selected="null">PHONE</option>
  858.                                     <option value="VERIFIED" id="phone-0">VERIFIED</option>
  859.                                     <option value="NOT VERIFIED" id="phone-1">NOT VERIFIED</option>
  860.                                     <option value="NA - NOT AUTHORIZED" id="phone-2">NA - NOT AUTHORIZED</option>
  861.                                     <option value="ADDED" id="phone-3">ADDED</option>
  862.                                     <option value="UPDATED" id="phone-4">UPDATED</option>
  863.                                 </select>
  864.                             </div>
  865.                         </div>
  866.                     </div><!-- Email and Phone Dropdowns -->
  867.  
  868.                     <br>
  869.  
  870.                     <!-- Text Alert Dropdowns -->
  871.                     <div class="row">
  872.                         <div class="col-lg-12" id="col9">
  873.                             <div class="input-group input-group-sm">
  874.                                 <div class="input-group-prepend" data-toggle="popover" title="Text Alert Notification Service" data-content="Add, Verify, Update, or Declined" data-trigger="hover" data-placement="top">
  875.                                     <button class="btn btn-sm" type="button" id="button-text"><i class="fas fa-mobile-alt" style="font-size: 1.5em;"></i></button>
  876.                                 </div>
  877.                                 <select class="form-control form-control-sm" name="text" id="text" tabindex="9" required>
  878.                                     <option value="" disabled="null" selected="null">TEXT NOTIFICATION</option>
  879.                                     <option value="DECLINED" id="text-0">DECLINED</option>
  880.                                     <option value="ADDED" id="text-1">ADDED</option>
  881.                                     <option value="NA - ALREADY SETUP" id="text-2">NA - ALREADY SETUP</option>
  882.                                     <option value="NA - NOT AUTHORIZED" id="text-3">NA - NOT AUTHORIZED</option>
  883.                                 </select>
  884.                             </div>
  885.                         </div>
  886.                         <div class="col-lg-12" id="col10">
  887.                             <div class="input-group input-group-sm">
  888.                                 <div class="input-group-prepend" data-toggle="popover" title="Text Script" data-content="Did you read the text script? You can find a quick reference of the script in the left menu!" data-trigger="hover" data-placement="top">
  889.                                     <button class="btn btn-sm" type="button" id="button-script"><i class="fas fa-file-alt" style="font-size: 1.5em;"></i></button>
  890.                                 </div>
  891.                                 <select class="form-control form-control-sm" name="script" id="script" tabindex="10" required>
  892.                                     <option value="" disabled="null" selected="null">TEXT SCRIPT</option>
  893.                                     <option value="NA" id="script-0">NA</option>
  894.                                     <option value="READ SCRIPT" id="script-1">READ SCRIPT</option>
  895.                                 </select>
  896.                             </div>
  897.                         </div>
  898.                     </div><!-- Text Alert Dropdowns -->
  899.  
  900.                     <br>
  901.  
  902.                     <!-- Prefill Toggle Button -->
  903.                     <div class="row" style="position: relative; left: 20px; top: 57px; height: 0px; z-index: 100; width: 30px;">
  904.                         <label class="fancy-checkbox" data-toggle="popover" title="Prefill Options" data-content="Toggle the display of the Prefill options." data-trigger="hover" data-placement="left">
  905.                             <input type="checkbox" name="hideprefillbuttons" id="hideprefillbuttons" onclick="HidePrefillButtons()">
  906.                             <span class="fa-layers fa-fw unchecked">
  907.                                 <i class="fas fa-circle fa-lg" style="color: red;"></i>
  908.                                 <i class="fa-inverse fas fa-times"></i>
  909.                             </span>
  910.                             <span class="fa-layers fa-fw checked">
  911.                                 <i class="fas fa-circle fa-lg" style="color: green;"></i>
  912.                                 <i class="fa-inverse fas fa-plus"></i>
  913.                             </span>
  914.                            
  915.                         </label>
  916.                     </div><!-- Prefill Toggle Button -->
  917.  
  918.  
  919.                     <!-- Prefill dropdowns -->
  920.                     <div class="row" id="prefillrow">
  921.                         <div class="col-lg-12">
  922.                            
  923.                             <div class="btn-group">
  924.                                 <button type="button" class="btn btn-sm btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  925.                                     <i class="fas fa-dollar-sign fa-fw"></i>
  926.                                 </button>
  927.                                 <div class="dropdown-menu">
  928.                                     <h6 class="dropdown-header">Billing Issues</h6>
  929.                                     <a class="dropdown-item prefill" href="#" id="paybill">Pay Bill</a>
  930.                                     <a class="dropdown-item prefill" href="#" id="aru">ARU Issue</a>
  931.                                     <a class="dropdown-item prefill" href="#" id="sd">Restore Soft Disconnect</a>
  932.                                     <a class="dropdown-item prefill" href="#" id="npd">Non-Pay Disconnect</a>
  933.                                     <a class="dropdown-item prefill" href="#" id="reload">Reload Prepaid Internet</a>
  934.                                     <a class="dropdown-item prefill" href="#" id="myacct">myacct Setup/Issue</a>
  935.                                     <a class="dropdown-item prefill" href="#" id="increase">Unexpected Bill Increase</a>
  936.                                     <a class="dropdown-item prefill" href="#" id="upgrade">Upgrade Options</a>
  937.                                     <a class="dropdown-item prefill" href="#" id="raf">Refer A Friend</a>
  938.                                 </div>
  939.                             </div>
  940.  
  941.                             <div class="btn-group">
  942.                                 <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  943.                                     <i class="fas fa-globe-americas fa-fw"></i>
  944.                                 </button>
  945.                                 <div class="dropdown-menu">
  946.                                     <h6 class="dropdown-header">Internet Issues</h6>
  947.                                     <a class="dropdown-item prefill" href="#" id="internetout">Internet Out</a>
  948.                                     <a class="dropdown-item prefill" href="#" id="custmodem">Add Customer Owned Modem</a>
  949.                                     <a class="dropdown-item prefill" href="#" id="wifi">Can't Connect to WiFi</a>
  950.                                     <a class="dropdown-item prefill" href="#" id="custrouter">Customer Owned Router Issue</a>
  951.                                 </div>
  952.                             </div>
  953.  
  954.                             <div class="btn-group">
  955.                                 <button type="button" class="btn btn-sm btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  956.                                     <i class="fas fa-tv fa-fw"></i>
  957.                                 </button>
  958.                                 <div class="dropdown-menu">
  959.                                     <h6 class="dropdown-header">Video Issues</h6>
  960.                                     <a class="dropdown-item prefill" href="#" id="videoout">No Video</a>
  961.                                     <a class="dropdown-item prefill" href="#" id="tvpair">Pair TV</a>
  962.                                     <a class="dropdown-item prefill" href="#" id="dtapair">Pair DTA</a>
  963.                                     <a class="dropdown-item prefill" href="#" id="audio">No Audio/Wrong Language</a>
  964.                                     <a class="dropdown-item prefill" href="#" id="noequip">No Equip Issue</a>
  965.                                     <a class="dropdown-item prefill" href="#" id="activate">"Activate Service"</a>
  966.                                     <a class="dropdown-item prefill" href="#" id="notinsub">"Not In Subscription"</a>
  967.                                     <a class="dropdown-item prefill" href="#" id="dvr">"DVR Service Unavailable"</a>
  968.                                     <a class="dropdown-item prefill" href="#" id="glitch">Video Glitching</a>
  969.                                     <a class="dropdown-item prefill" href="#" id="tivonet">Xstream Network Issue</a>
  970.                                 </div>
  971.                             </div>
  972.  
  973.                             <div class="btn-group">
  974.                                 <button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  975.                                     <i class="fas fa-phone fa-fw"></i>
  976.                                 </button>
  977.                                 <div class="dropdown-menu">
  978.                                     <h6 class="dropdown-header">Phone Issues</h6>
  979.                                     <a class="dropdown-item prefill" href="#" id="phoneout">Phone Out</a>
  980.                                     <a class="dropdown-item prefill" href="#" id="phnport">Port Phone Number</a>
  981.                                     <a class="dropdown-item prefill" href="#" id="phnchange">Request Phone Number Change</a>
  982.                                 </div>
  983.                             </div>
  984.  
  985.                             <div class="btn-group">
  986.                                 <button type="button" class="btn btn-sm btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  987.                                     Other
  988.                                 </button>
  989.                                 <div class="dropdown-menu">
  990.                                     <a class="dropdown-item prefill" href="#" id="outage">Outage</a>
  991.                                     <a class="dropdown-item prefill" href="#" id="wheretech">Where's The Tech?</a>
  992.                                 </div>
  993.                             </div>
  994.  
  995.                         </div>
  996.                     </div><!-- //Prefill dropdowns -->
  997.  
  998.  
  999.                     <br>
  1000.  
  1001.  
  1002.                     <!-- Issue Box -->
  1003.                     <div class="row">
  1004.                         <div class="col-lg-12">
  1005.                             <div class="input-group">
  1006.                                 <textarea type="textarea" placeholder="REASON FOR CALL" class="form-control form-control-sm" rows="3" name="issue" id="issue" title="REASON FOR CALL" tabindex="11" required></textarea>
  1007.                                 <div class="input-group-append">
  1008.                                     <button type="button" class="btn btn-info btn-osx btn-sm" name="chat" style="info" id="chat" onclick="return genchatNote()">Ask<br> <i class="far fa-comment"></i>chat<br> Note <i class="far fa-copy"></i></button>
  1009.                                 </div>
  1010.                             </div>
  1011.                         </div>
  1012.                     </div><!-- Issue Box -->
  1013.  
  1014.  
  1015.                     <br>
  1016.  
  1017.  
  1018.                     <!-- Resolution Box -->
  1019.                     <div class="row">
  1020.                         <div class="col-lg-12">
  1021.                             <textarea type="textarea" placeholder="STEPS TAKEN AND OUTCOME OF CALL" class="form-control form-control-sm" rows="3" name="reso" id="reso" title="STEPS TAKEN AND OUTCOME OF CALL" style="width: 100%;" tabindex="12" required></textarea>
  1022.                         </div>
  1023.                     </div><!-- Resolution Box -->
  1024.  
  1025.  
  1026.                     <br>
  1027.  
  1028.  
  1029.                     <!-- End Results Toggle Button -->
  1030.                     <div class="row" style="position: relative; left: 20px; top: 75px; height: 0px; z-index: 100; width: 30px;">
  1031.                         <label class="fancy-checkbox" data-toggle="popover" title="End Result Options" data-content="Toggle the display of the End Result Options." data-trigger="hover" data-placement="left">
  1032.                             <input type="checkbox" name="hideendbuttons" id="hideendbuttons" onclick="HideEndButtons()">
  1033.                             <span class="fa-layers fa-fw unchecked">
  1034.                                 <i class="fas fa-circle fa-lg" style="color: red;"></i>
  1035.                                 <i class="fa-inverse fas fa-times"></i>
  1036.                             </span>
  1037.                             <span class="fa-layers fa-fw checked">
  1038.                                 <i class="fas fa-circle fa-lg" style="color: green;"></i>
  1039.                                 <i class="fa-inverse fas fa-plus"></i>
  1040.                             </span>
  1041.                            
  1042.                         </label>
  1043.                     </div><!-- End Results Toggle Button -->
  1044.  
  1045.                     <!-- End Results Hidden Container -->
  1046.                     <div class="row" id="endbuttonsrow">
  1047.                         <div class="col-lg-12">
  1048.  
  1049.                                 <button type="button" id="fixed" class="btn btn-success btn-sm ending"><i class="far fa-thumbs-up"></i> Fixed</button>
  1050.                                 <button type="button" id="notfixed" class="btn btn-danger btn-sm ending"><i class="far fa-thumbs-down"></i> Not Fixed</button>
  1051.                                 <button type="button" id="wo" class="btn btn-info btn-sm ending"><i class="fas fa-truck"></i> WO
  1052.                                 </button>
  1053.                                 <button type="button" id="coswo" class="btn btn-info btn-sm ending"><i class="fas fa-truck"></i> COS WO
  1054.                                 </button>
  1055.  
  1056.                             <div class="d-none">
  1057.                                 <!-- Resolution addons- Not displayed - these are the details that get added to the Resolution Text box -->
  1058.                                 <div id="fixed1">RESOLVED</div>
  1059.                                 <div id="notfixed1">NOT RESOLVED</div>
  1060.                                 <div id="wo1">CREATED WORK ORDER TO FURTHER TROUBLESHOOT THE ISSUE</div>
  1061.                                 <div id="coswo1">CREATED WORK ORDER FOR TECH TO FINISH UPGRADE</div>
  1062.                             </div>
  1063.                         </div>
  1064.                     </div><!-- End Results Hidden Container -->
  1065.  
  1066.  
  1067.                     <br>
  1068.  
  1069.  
  1070.                     <!-- Copy Note Button -->
  1071.                     <div class="row">
  1072.                         <div class="col-lg-12">
  1073.  
  1074.                             <button type="submit" class="btn btn-primary btn-osx btn-lg btn-block" name="gen" style="info" id="gen" onclick="return results()"> COPY NOTE <i class="far fa-copy"></i></button>
  1075.                            
  1076.                         </div>
  1077.                     </div><!-- Copy Note Button -->
  1078.  
  1079.  
  1080.                     <!-- Email Business Button -->
  1081.                     <div class="row" id="emailbusbutton" style="display: none;">
  1082.                         <div class="col-lg-12">
  1083.  
  1084.                             <button type="button" class="btn btn-warning btn-osx btn-lg btn-block" name="emailbusbutton" style="info" onclick="return emailBusSupport()" data-toggle="popover" title="Email Business Support" data-content="After filling in notes, use this to auto open an email that will be filled in with the details and ready to send to the business support team!" data-trigger="hover" data-placement="bottom"> Email Business Support <i class="fas fa-envelope-square"></i></button>
  1085.                            
  1086.                         </div>
  1087.                     </div><!-- Email Business Button -->
  1088.  
  1089.  
  1090.                     <br>
  1091.  
  1092.                     <!-- Scratch Pad Box -->
  1093.                     <div class="row">
  1094.                         <div class="col-lg-12">
  1095.                             <textarea type="textarea" placeholder="SCRATCH PAD NOTES. NOT PART OF CUST NOTES" class="form-control form-control-sm" name="scratch" rows="3" id="scratch" title="SCRATCH PAD NOTES. NOT PART OF CUST NOTES" tabindex="13"></textarea>
  1096.                         </div>
  1097.                     </div><!-- Scratch Pad Box -->
  1098.  
  1099.                 </form><!-- Main Form -->
  1100.             </div><!-- Main Form Container -->
  1101.  
  1102.  
  1103.             <!-- copyright -->
  1104.             <div class="footer">
  1105.                 <p>&copy; 2018 | Design by Zach Wehrli
  1106.                 </p>
  1107.             </div><!-- //copyright -->
  1108.  
  1109.         </div> <!-- page-content inset -->
  1110.  
  1111.     </div> <!-- page-content-wrapper -->
  1112.  
  1113. </div> <!-- sidebar and content wrapper -->
  1114.  
  1115. <!-- MODALS and Alerts START -->
  1116.  
  1117.     <!-- Alert Popups -->
  1118.     <div class="alert-fixed">
  1119.         <div class="alert alert-success" auto-close="5000" id="notecopy" style="display: none;">
  1120.             <strong>Copied!</strong> Ready to paste in account notes.
  1121.         </div>
  1122.         <div class="alert alert-success" auto-close="5000" id="acctcopy" style="display: none;">
  1123.             <strong>Copied!</strong>
  1124.         </div>
  1125.     </div><!-- Alert Popups -->
  1126.  
  1127.  
  1128.     <!-- Change Log Modal -->
  1129.     <div class="modal fade show" tabindex="-1" role="dialog" id="changelog-modal">
  1130.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1131.             <div class="modal-content">
  1132.                 <div class="modal-header">
  1133.                     <h5 class="modal-title">Change Log</h5>
  1134.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1135.                         <span aria-hidden="true">&times;</span>
  1136.                     </button>
  1137.                 </div>
  1138.                 <div class="modal-body">
  1139.                     <h5>The Blue Background Update (11/24/18)</h5>
  1140.                     <ul>
  1141.                         <li>Added a changelog. (This popup) You can access it anytime from the changlog link in the left sidebar.</li>
  1142.                         <li>Changed default background color. You can pick your own in the customize section!</li>
  1143.                         <li>Added a Credit Calculator for service outages! </li>
  1144.                         <li>Added email templates! (These will open a new email in Outlook and prefill it with the needed template!)</li>
  1145.                         <li>Added TV Codes for DVR Remotes</li>
  1146.                         <li>TV codes for DVR and DTAs are labled and color coded</li>
  1147.                         <li>Moved the quick timer into its own popup. Find the new stopwatch icon on the left sidebar.</li>
  1148.                         <li>Prefill: options now show by default. You can toggle them by clicking the red X button to the side</li>
  1149.                         <li>Prefill: options no longer fill in the resolution (This is to make sure anything you copy is something you ment to be in the notes)</li>
  1150.                         <li>Prefill: Suggested resolution will now show in scratch pad</li>
  1151.                         <li>Prefill: Added more options</li>
  1152.                         <li>Removed the Save Defaults option. This is to help make sure each call is acurately noted. </li>
  1153.                         <li>Removed the "Didn't Ask" option on text notification dropdown. This must be asked if they are not already signed up. </li>
  1154.                         <li>*Cleaned up code and removed unused code</li>
  1155.                     </ul>
  1156.                    
  1157.                    
  1158.                 </div>
  1159.                 <div class="modal-footer">
  1160.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1161.                 </div>
  1162.             </div>
  1163.         </div>
  1164.     </div><!-- Change Log Modal -->
  1165.  
  1166.  
  1167.     <!-- Last Call Info Modal -->
  1168.     <div class="modal fade" tabindex="-1" role="dialog" id="lastcall">
  1169.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1170.             <div class="modal-content">
  1171.                 <div class="modal-header">
  1172.                     <h5 class="modal-title">Last Call</h5>
  1173.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1174.                         <span aria-hidden="true">&times;</span>
  1175.                     </button>
  1176.                 </div>
  1177.                 <div class="modal-body">
  1178.                     <div id="acctoutput"></div>
  1179.                     <div id="results"></div>
  1180.                     <div id="chatnote"></div>
  1181.                     <div id="emailbody"></div>
  1182.                 </div>
  1183.                 <div class="modal-footer">
  1184.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1185.                 </div>
  1186.             </div>
  1187.         </div>
  1188.     </div><!-- Last Call Info Modal -->
  1189.  
  1190.  
  1191.     <!-- History Modal -->
  1192.     <div class="modal fade" tabindex="-1" role="dialog" id="history-modal">
  1193.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1194.             <div class="modal-content">
  1195.                 <div class="modal-header">
  1196.                     <h5 class="modal-title">History</h5>
  1197.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1198.                         <span aria-hidden="true">&times;</span>
  1199.                     </button>
  1200.                 </div>
  1201.                 <div class="modal-body">
  1202.                     <div id="history"></div>
  1203.                 </div>
  1204.                 <div class="modal-footer">
  1205.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1206.                 </div>
  1207.             </div>
  1208.         </div>
  1209.     </div><!-- History Modal -->
  1210.  
  1211.  
  1212.     <!-- Instructions Modal -->
  1213.     <div class="modal fade" tabindex="-1" role="dialog" id="inst-modal">
  1214.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1215.             <div class="modal-content">
  1216.                 <div class="modal-header">
  1217.                     <h5 class="modal-title">Instructions</h5>
  1218.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1219.                         <span aria-hidden="true">&times;</span>
  1220.                     </button>
  1221.                 </div>
  1222.  
  1223.                 <div class="modal-body">
  1224.                     <div id="inst">
  1225.                         This tool was created to help speed up the note making process for each call. It will create notes in an easy to read format that makes it easy to identify the issue and resolution of previous calls. Below are explinations of the features included in this tool.
  1226.                         <br>
  1227.                         <br>
  1228.                         <dl>
  1229.                             <dt>Basic Instructions</dt>
  1230.                                 <dd>Fill in the details of the caller along with their issue and resolution and then click the COPY NOTE button.</dd>
  1231.                             <dt>Optional fields</dt>
  1232.                                 <dd>ACCT#, Phone#, and the "Scratch Pad" fields are optional but helpful for keeping track of extra information during the call. These are not indluded in the copied note. </dd>
  1233.                             <dt>
  1234.                                 <button type="button" class="btn btn-danger btn-osx btn-sm" disabled>NEW &rarr;</button> Button
  1235.                             </dt>
  1236.                                 <dd> Use this to clear the form for the next caller.</dd>
  1237.                             <dt>
  1238.                                 <button type="button" class="btn btn-dark btn-osx btn-sm" disabled>&larr; LAST NOTE</button> Button
  1239.                             </dt>
  1240.                                 <dd> This will swap the current input with the last copied note. You can press it a second time to swap back to the input before pressing it the first time.</dd>
  1241.                             <dt>Pre-Fill Options:
  1242.                                 <div class="btn-group"><button type="button" class="btn btn-sm btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled><i class="fas fa-dollar-sign fa-fw"></i></button></div>
  1243.  
  1244.                                 <div class="btn-group"><button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled><i class="fas fa-globe-americas fa-fw"></i></button></div>
  1245.  
  1246.                                 <div class="btn-group"><button type="button" class="btn btn-sm btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled><i class="fas fa-tv fa-fw"></i></button></div>
  1247.  
  1248.                                 <div class="btn-group"><button type="button" class="btn btn-sm btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled><i class="fas fa-phone fa-fw"></i></button></div>
  1249.  
  1250.                                 <div class="btn-group"><button type="button" class="btn btn-sm btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" disabled>Other</button>
  1251.                                 </div>
  1252.                             </dt>
  1253.                                 <dd> These are categorized dropdowns just above the issue box. From left to right the buttons are: Billing, Internet, Video, Phone, and Other. These will fill in the boxes below with a template to get you started. Adjust the note as needed to make the process even faster!</dd>
  1254.                             <dt>
  1255.                                 <button type="button" class="btn btn-primary btn-osx btn-sm" disabled>COPY NOTE</button> Button
  1256.                             </dt>
  1257.                                 <dd> This will copy the inputs in a easy to read format ready to paste into the notes section of the account in Broadhub.</dd>
  1258.                             <dt>Customize UI</dt>
  1259.                                 <dd> This allows you to change the input layout or background color among other things!</dd>
  1260.                             <dt>View History</dt>
  1261.                                 <dd> Use this to see all the recent notes that have been generated.</dd>
  1262.                             <dt>Copy History</dt>
  1263.                                 <dd> Used to copy and paste into OneNote or other area for your own records to look back on. This is helpful incase you need to search for some previous work.</dd>
  1264.                             <dt>Save Defaults</dt>
  1265.                                 <dd> Click this after setting each dropdown item to what you would like it to default to on each new note.</dd>
  1266.                         </dl>
  1267.                     </div>
  1268.                 </div>
  1269.                 <div class="modal-footer">
  1270.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1271.                 </div>
  1272.             </div>
  1273.         </div>
  1274.     </div><!-- Instructions Modal -->
  1275.  
  1276.  
  1277.     <!-- Credit Modal -->
  1278.     <div class="modal fade" tabindex="-1" role="dialog" id="credit-modal">
  1279.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1280.             <div class="modal-content">
  1281.                 <div class="modal-header">
  1282.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1283.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1284.                         <span aria-hidden="true">&times;</span>
  1285.                     </button>
  1286.                 </div>
  1287.                 <div class="modal-body">
  1288.  
  1289.  
  1290.                     <div class="alert alert-danger alert-dismissible show">
  1291.                         <span><strong>NOTE:</strong> Dont forget to calculate and credit separate channel packages(variety,hbo,etc..)<br><br>
  1292.                         <strong>Each</strong> code on the account needs to be credited separately if affected by any outages.</span>
  1293.                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  1294.                             <span aria-hidden="true">&times;</span>
  1295.                         </button>
  1296.                     </div>
  1297.  
  1298.  
  1299.                     <h4>Are services on the acct bundled or billed separately?</h4>
  1300.  
  1301.  
  1302.                     <div class="accordion" id="creditpicker">
  1303.                       <div class="card">
  1304.                         <div class="card-header" id="headingOne">
  1305.                           <h5 class="mb-0">
  1306.                             <button class="btn btn-link" type="button" data-toggle="modal" data-dismiss="modal" data-target="#credit1-modal" aria-expanded="true" aria-controls="collapseOne">
  1307.                               Single/Seprate PSU(s)
  1308.                             </button>
  1309.                           </h5>
  1310.                         </div>
  1311.                       </div>
  1312.                       <div class="card">
  1313.                         <div class="card-header" id="headingTwo">
  1314.                           <h5 class="mb-0">
  1315.                             <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  1316.                               Bundled PSUs (1 code multiple services)
  1317.                             </button>
  1318.                           </h5>
  1319.                         </div>
  1320.                         <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#creditpicker">
  1321.                           <div class="card-body bg-dark">
  1322.  
  1323.                             <div class="accordion" id="bundlepicker">
  1324.                               <div class="card">
  1325.                                 <div class="card-header" id="headingOne">
  1326.                                   <h5 class="mb-0">
  1327.                                     <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#bundlepickercollapseOne" aria-expanded="true" aria-controls="collapseOne">
  1328.                                       Internet and Video
  1329.                                     </button>
  1330.                                   </h5>
  1331.                                 </div>
  1332.  
  1333.                                 <div id="bundlepickercollapseOne" class="collapse show bg-info" aria-labelledby="headingOne" data-parent="#bundlepicker">
  1334.                                   <div class="card-body">
  1335.                                     <h5>Was 1 or both services out?</h5>
  1336.                                     <div class="list-group">
  1337.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit3-modal">One - (Internet OR Video)</a>
  1338.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit1-modal">Both Services</a>
  1339.                                     </div>
  1340.                                   </div>
  1341.                                 </div>
  1342.                               </div>
  1343.                               <div class="card">
  1344.                                 <div class="card-header" id="headingTwo">
  1345.                                   <h5 class="mb-0">
  1346.                                     <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#bundlepickercollapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  1347.                                       Video and Phone
  1348.                                     </button>
  1349.                                   </h5>
  1350.                                 </div>
  1351.                                 <div id="bundlepickercollapseTwo" class="collapse bg-info" aria-labelledby="headingTwo" data-parent="#bundlepicker">
  1352.                                   <div class="card-body">
  1353.                                     <h5>Was 1 or both services out?</h5>
  1354.                                     <div class="list-group">
  1355.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit2-modal">Only Phone</a>
  1356.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit4-modal">Only Video</a>
  1357.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit1-modal">Both Services</a>
  1358.                                     </div>
  1359.                                   </div>
  1360.                                 </div>
  1361.                               </div>
  1362.                               <div class="card">
  1363.                                 <div class="card-header" id="headingThree">
  1364.                                   <h5 class="mb-0">
  1365.                                     <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#bundlepickercollapseThree" aria-expanded="false" aria-controls="collapseThree">
  1366.                                       Internet and Phone
  1367.                                     </button>
  1368.                                   </h5>
  1369.                                 </div>
  1370.                                 <div id="bundlepickercollapseThree" class="collapse bg-info" aria-labelledby="headingThree" data-parent="#bundlepicker">
  1371.                                   <div class="card-body">
  1372.                                     <h5>Was ONLY phone or BOTH services out?</h5>
  1373.                                     <div class="list-group">
  1374.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit2-modal">Only Phone</a>
  1375.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit1-modal">Both Services<span class="text-muted">(If internet is out, then phone is out by default.)</span></a>
  1376.                                     </div>
  1377.                                   </div>
  1378.                                 </div>
  1379.                               </div>
  1380.                               <div class="card">
  1381.                                 <div class="card-header" id="headingFour">
  1382.                                   <h5 class="mb-0">
  1383.                                     <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#bundlepickercollapseFour" aria-expanded="false" aria-controls="collapseFour">
  1384.                                       Internet, Video, and Phone
  1385.                                     </button>
  1386.                                   </h5>
  1387.                                 </div>
  1388.                                 <div id="bundlepickercollapseFour" class="collapse bg-info" aria-labelledby="headingFour" data-parent="#bundlepicker">
  1389.                                   <div class="card-body">
  1390.                                     <h5>Which services were out?</h5>
  1391.                                     <div class="list-group">
  1392.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit2-modal">Only Phone</a>
  1393.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit5-modal">Only Video</a>
  1394.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit6-modal">Internet AND Phone<span class="text-muted">(If internet is out, then phone is out by default.)</span></a>
  1395.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit6-modal">Video AND Phone</a>
  1396.                                         <a href="#" class="list-group-item" data-toggle="modal" data-dismiss="modal" data-target="#credit1-modal">Internet AND Video AND Phone</a>
  1397.                                     </div>
  1398.                                   </div>
  1399.                                 </div>
  1400.                               </div>
  1401.                             </div>
  1402.                           </div>
  1403.                         </div>
  1404.                       </div>
  1405.                     </div>
  1406.  
  1407.                     <div class="row d-none">
  1408.                         <div class="col-4">
  1409.                             <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  1410.                                 <h4>Single PSU</h4>
  1411.                                 <a class="nav-link active" id="contact-tab" data-toggle="tab" href="#singlens" role="tab" aria-controls="doublens" aria-selected="false">No Service</a>
  1412.  
  1413.                                 <h4>Double Plays</h4>
  1414.                                 <a class="nav-link" id="contact-tab" data-toggle="tab" href="#doublens" role="tab" aria-controls="doublens" aria-selected="false">No Service</a>
  1415.                            
  1416.                                 <a class="nav-link" id="contact-tab" data-toggle="tab" href="#doubleco" role="tab" aria-controls="doubleco" aria-selected="false">Channels Out</a>
  1417.                            
  1418.                                 <h4>Triple Plays</h4>
  1419.                                 <a class="nav-link" id="home-tab" data-toggle="tab" href="#triplens" role="tab" aria-controls="triplens" aria-selected="true">No Service</a>
  1420.                            
  1421.                                 <a class="nav-link" id="profile-tab" data-toggle="tab" href="#tripleco" role="tab" aria-controls="tripleco" aria-selected="false">Channels Out</a>
  1422.                             </div>
  1423.                         </div>
  1424.                         <div class="col-8">
  1425.                             <div class="tab-content" id="v-pills-tabContent">
  1426.                                 <div class="tab-pane fade" id="triplens" role="tabpanel" aria-labelledby="triplens-tab">
  1427.                                     <h3>Triple Play No Service</h3>
  1428.                                     <div class="form-group">
  1429.                                         <label for="tnsfinalprice">Final Price of Package(After Discounts)</label>
  1430.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tnsfinalprice" placeholder="100.00">
  1431.                                     </div>
  1432.                                     <div class="form-group">
  1433.                                         <label for="tnsphonecost">Subtract the Cost of Phone (It is always 20.00 no matter the Triple Play)</label>
  1434.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tnsphonecost" value="20.00" readonly>
  1435.                                     </div>
  1436.                                     <div class="form-group">
  1437.                                         <label for="tnsminusphone">This is price of video/internet service in Triple Play Packaging.</label>
  1438.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tnsminusphone" disabled>
  1439.                                     </div>
  1440.                                     <div class="form-group">
  1441.                                         <label for="tnssplitcost">This is the amount per PSU. (video/internet)</label>
  1442.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tnssplitcost" disabled>
  1443.                                     </div>
  1444.                                     <div class="form-group">
  1445.                                         <label for="tnsdailycost">This is the amount they pay per day. </label>
  1446.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tnsdailycost" disabled>
  1447.                                     </div>
  1448.                                     <div class="form-group">
  1449.                                         <label for="tnsdaysout">How Many Days were they out of service.</label>
  1450.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tnsdaysout" placeholder="5">
  1451.                                     </div>
  1452.                                     <div class="form-group">
  1453.                                         <label for="tnscreditdue">This is the amount of credit due.</label>
  1454.                                         <input type="text" class="form-control form-control-lg bg-success" id="tnscreditdue" disabled>
  1455.                                     </div>
  1456.                                 </div>
  1457.                                 <div class="tab-pane fade" id="tripleco" role="tabpanel" aria-labelledby="tripleco-tab">
  1458.                                     <h3>Triple Play Channels Missing</h3>
  1459.                                     <small class="form-text text-muted">
  1460.                                         <strong>NOTE:</strong> Channel credits must be done for each individual channel package. (LTD,EXB,DVR, etc..)
  1461.                                         <br>
  1462.                                         So if there are channels out in different packages they need to be calculated and credited separately.
  1463.                                     </small>
  1464.                                     <div class="form-group">
  1465.                                         <label for="tcofinalprice">Final Price of Package(After Discounts)</label>
  1466.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tcofinalprice" placeholder="100.00">
  1467.                                     </div>
  1468.                                     <div class="form-group">
  1469.                                         <label for="tcophonecost">Subtract the Cost of Phone (It is always 20.00 no matter the Triple Play)</label>
  1470.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tcophonecost" value="20.00" readonly>
  1471.                                     </div>
  1472.                                     <div class="form-group">
  1473.                                         <label for="tcominusphone">This is price of video/internet service in Triple Play Packaging.</label>
  1474.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tcominusphone" readonly>
  1475.                                     </div>
  1476.                                     <div class="form-group">
  1477.                                         <label for="tcosplitcost">This is the amount per PSU. (video/internet)</label>
  1478.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tcosplitcost" readonly>
  1479.                                     </div>
  1480.                                     <div class="form-group">
  1481.                                         <label for="tcodailycost">This is the amount they pay per day. </label>
  1482.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tcodailycost" readonly>
  1483.                                     </div>
  1484.                                     <div class="form-group">
  1485.                                         <label for="tcototalchannels">How many Channels are in thier package (Use Channel Lineup to get this number)</label>
  1486.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tcototalchannels" placeholder="45">
  1487.                                     </div>
  1488.                                     <div class="form-group">
  1489.                                         <label for="tcodailycostperchannel">Amount that they pay per day. Per channel.</label>
  1490.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="tcodailycostperchannel" readonly>
  1491.                                     </div>
  1492.                                     <div class="form-group">
  1493.                                         <label for="tcochannelsout">Number of Channels they were not recieving.</label>
  1494.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tcochannelsout" placeholder="5">
  1495.                                     </div>
  1496.                                     <div class="form-group">
  1497.                                         <label for="tcodaysout">How Many Days were they out of service.</label>
  1498.                                         <input type="text" class="form-control form-control-sm bg-warning" id="tcodaysout" placeholder="5">
  1499.                                     </div>
  1500.                                     <div class="form-group">
  1501.                                         <label for="tcocreditdue">This is the amount of credit due.</label>
  1502.                                         <input type="text" class="form-control form-control-lg bg-success" id="tcocreditdue" readonly>
  1503.                                     </div>
  1504.                                 </div>
  1505.                                 <div class="tab-pane fade" id="doublens" role="tabpanel" aria-labelledby="doublens-tab">
  1506.                                     <h3>Double Play No Service</h3>
  1507.                                     <div class="form-group">
  1508.                                         <label for="dnsfinalprice">Final Price of Package(After Discounts)</label>
  1509.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dnsfinalprice" placeholder="100.00">
  1510.                                     </div>
  1511.                                     <div class="form-group">
  1512.                                         <label for="dnswithphone">Check if phone is part of this Double play.</label>
  1513.                                         <input type="checkbox" name="dnswithphone" onclick="calcdns()" id="dnswithphone">
  1514.                                     </div>
  1515.                                     <div class="form-group">
  1516.                                         <label for="dnssplitcost">Divided by 2 or -$20 if phone is included</label>
  1517.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dnssplitcost" disabled>
  1518.                                     </div>
  1519.                                     <div class="form-group">
  1520.                                         <label for="dnsdailycost">This is the amount they pay per day. </label>
  1521.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dnsdailycost" disabled>
  1522.                                     </div>
  1523.                                     <div class="form-group">
  1524.                                         <label for="dnsdaysout">How Many Days were they out of service.</label>
  1525.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dnsdaysout" placeholder="5">
  1526.                                     </div>
  1527.                                     <div class="form-group">
  1528.                                         <label for="dnscreditdue">This is the amount of credit due.</label>
  1529.                                         <input type="text" class="form-control form-control-lg bg-success" id="dnscreditdue" disabled>
  1530.                                     </div>
  1531.                                 </div>
  1532.                                 <div class="tab-pane fade" id="doubleco" role="tabpanel" aria-labelledby="doubleco-tab">
  1533.                                     <h3>Double Play Channels Missing</h3>
  1534.                                     <small class="form-text text-muted">
  1535.                                         <strong>NOTE:</strong> Channel credits must be done for each individual channel package. (LTD,EXB,DVR, etc..)
  1536.                                         <br>
  1537.                                         So if there are channels out in different packages they need to be calculated and credited separately.
  1538.                                     </small>
  1539.                                     <div class="form-group">
  1540.                                         <label for="dcofinalprice">Final Price of Package(After Discounts)</label>
  1541.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dcofinalprice" placeholder="100.00">
  1542.                                     </div>
  1543.                                     <div class="form-group">
  1544.                                         <label for="dcosplitcost">This is the amount per PSU. (video/internet)</label>
  1545.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dcosplitcost" readonly>
  1546.                                     </div>
  1547.                                     <div class="form-group">
  1548.                                         <label for="dcodailycost">This is the amount they pay per day. </label>
  1549.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dcodailycost" readonly>
  1550.                                     </div>
  1551.                                     <div class="form-group">
  1552.                                         <label for="dcototalchannels">How many Channels are in thier package (Use Channel Lineup to get this number)</label>
  1553.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dcototalchannels" placeholder="45">
  1554.                                     </div>
  1555.                                     <div class="form-group">
  1556.                                         <label for="dcodailycostperchannel">Amount that they pay per day. Per channel.</label>
  1557.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dcodailycostperchannel" readonly>
  1558.                                     </div>
  1559.                                     <div class="form-group">
  1560.                                         <label for="dcochannelsout">Number of Channels they were not recieving.</label>
  1561.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dcochannelsout" placeholder="5">
  1562.                                     </div>
  1563.                                     <div class="form-group">
  1564.                                         <label for="dcodaysout">How Many Days were they out of service.</label>
  1565.                                         <input type="text" class="form-control form-control-sm bg-warning" id="dcodaysout" placeholder="5">
  1566.                                     </div>
  1567.                                     <div class="form-group">
  1568.                                         <label for="dcocreditdue">This is the amount of credit due.</label>
  1569.                                         <input type="text" class="form-control form-control-lg bg-success" id="dcocreditdue" readonly>
  1570.                                     </div>
  1571.                                 </div>
  1572.                                 <div class="tab-pane fade show active" id="singlens" role="tabpanel" aria-labelledby="singlens-tab">
  1573.                                     <h3>Single PSU Outage</h3>
  1574.                                     <div class="form-group">
  1575.                                         <label for="snsfinalprice">Final Price of Package(After Discounts)</label>
  1576.                                         <input type="text" class="form-control form-control-sm bg-warning" id="snsfinalprice" placeholder="100.00">
  1577.                                     </div>
  1578.                                     <div class="form-group">
  1579.                                         <label for="snsdailycost">This is the amount they pay per day. </label>
  1580.                                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="snsdailycost" readonly>
  1581.                                     </div>
  1582.                                     <div class="form-group">
  1583.                                         <label for="snsdaysout">How Many Days were they out of service.</label>
  1584.                                         <input type="text" class="form-control form-control-sm bg-warning" id="snsdaysout" placeholder="5">
  1585.                                     </div>
  1586.                                     <div class="form-group">
  1587.                                         <label for="snscreditdue">This is the amount of credit due.</label>
  1588.                                         <input type="text" class="form-control form-control-lg bg-success" id="snscreditdue" readonly>
  1589.                                     </div>
  1590.                                 </div>
  1591.                             </div>
  1592.                         </div>
  1593.                     </div>
  1594.  
  1595.                 </div>
  1596.                 <div class="modal-footer">
  1597.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1598.                 </div>
  1599.             </div>
  1600.         </div>
  1601.     </div><!-- Credit Modal -->
  1602.  
  1603.  
  1604.     <!-- Credit Single Modal -->
  1605.     <div class="modal fade" tabindex="-1" role="dialog" id="credit1-modal">
  1606.         <div class="modal-dialog modal-dialog-centered" role="document">
  1607.             <div class="modal-content">
  1608.                 <div class="modal-header">
  1609.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1610.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1611.                         <span aria-hidden="true">&times;</span>
  1612.                     </button>
  1613.                 </div>
  1614.                 <div class="modal-body">
  1615.                     <h3>Single PSU Outage</h3>
  1616.                     <div class="alert alert-info alert-dismissible show">
  1617.                         <small class="text-muted">This formula is used for single psu or full bundled psu outage credit.<br>
  1618.                         Formula:  (packagePrice/30)*daysOut</small>
  1619.                     </div>
  1620.                     <div class="form-group">
  1621.                         <label for="singlefinalprice">Final Price of Package(After Discounts)</label>
  1622.                         <input type="text" class="form-control form-control-sm bg-warning" id="singlefinalprice" placeholder="100.00">
  1623.                     </div>
  1624.                     <div class="form-group">
  1625.                         <label for="singledailycost">This is the amount they pay per day. </label>
  1626.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="singledailycost" readonly>
  1627.                     </div>
  1628.                     <div class="form-group">
  1629.                         <label for="singledaysout">How Many Days were they out of service.</label>
  1630.                         <input type="text" class="form-control form-control-sm bg-warning" id="singledaysout" placeholder="5">
  1631.                     </div>
  1632.                     <div class="form-group">
  1633.                         <label for="singlecreditdue">This is the amount of credit due.</label>
  1634.                         <input type="text" class="form-control form-control-lg bg-success" id="singlecreditdue" readonly>
  1635.                     </div>
  1636.                 </div>
  1637.                 <div class="modal-footer">
  1638.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1639.                 </div>
  1640.             </div>
  1641.         </div>
  1642.     </div><!-- Credit Single Modal -->
  1643.  
  1644.  
  1645.     <!-- Credit Bundled Phone Only Outage Modal -->
  1646.     <div class="modal fade" tabindex="-1" role="dialog" id="credit2-modal">
  1647.         <div class="modal-dialog modal-dialog-centered" role="document">
  1648.             <div class="modal-content">
  1649.                 <div class="modal-header">
  1650.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1651.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1652.                         <span aria-hidden="true">&times;</span>
  1653.                     </button>
  1654.                 </div>
  1655.                 <div class="modal-body">
  1656.  
  1657.                     <h3>Bundled Phone Only Outage</h3>
  1658.  
  1659.                     <div class="alert alert-info alert-dismissible show">
  1660.                         <small class="text-muted">This formula is used when only phone is out as part of bundled psu.<br>
  1661.                         Formula:  (19.95/30)*dayOut</small>
  1662.                     </div>
  1663.  
  1664.                     <div class="form-group">
  1665.                         <label for="bndphnfinalprice">Bundled Phone is always 19.95</label>
  1666.                         <input type="text" class="form-control form-control-sm bg-warning" id="bndphnfinalprice" value="19.95" readonly>
  1667.                     </div>
  1668.                     <div class="form-group">
  1669.                         <label for="bndphndailycost">This is the amount they pay per day. </label>
  1670.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="bndphndailycost" readonly>
  1671.                     </div>
  1672.                     <div class="form-group">
  1673.                         <label for="bndphndaysout">How Many Days were they out of service.</label>
  1674.                         <input type="text" class="form-control form-control-sm bg-warning" id="bndphndaysout" placeholder="5">
  1675.                     </div>
  1676.                     <div class="form-group">
  1677.                         <label for="bndphncreditdue">This is the amount of credit due.</label>
  1678.                         <input type="text" class="form-control form-control-lg bg-success" id="bndphncreditdue" readonly>
  1679.                     </div>
  1680.                 </div>
  1681.                 <div class="modal-footer">
  1682.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1683.                 </div>
  1684.             </div>
  1685.         </div>
  1686.     </div><!-- Credit Bundled Phone Only Outage Modal -->
  1687.  
  1688.  
  1689.     <!-- Credit Internet/Video Bundled PSU 1/2 Outage Modal -->
  1690.     <div class="modal fade" tabindex="-1" role="dialog" id="credit3-modal">
  1691.         <div class="modal-dialog modal-dialog-centered" role="document">
  1692.             <div class="modal-content">
  1693.                 <div class="modal-header">
  1694.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1695.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1696.                         <span aria-hidden="true">&times;</span>
  1697.                     </button>
  1698.                 </div>
  1699.                 <div class="modal-body">
  1700.  
  1701.                     <h3>Internet/Video Bundled PSU 1/2 Outage</h3>
  1702.  
  1703.                     <div class="alert alert-info alert-dismissible show">
  1704.                         <small class="text-muted">This formula is used when video or intenet is out in a internet/video double bundled psu.<br>
  1705.                         Formula:  ((packagePrice/2)/30)*dayOut</small>
  1706.                     </div>
  1707.  
  1708.                     <div class="form-group">
  1709.                         <label for="dblspltfinalprice">Final Price of Package(After Discounts)</label>
  1710.                         <input type="text" class="form-control form-control-sm bg-warning" id="dblspltfinalprice" placeholder="100.00">
  1711.                     </div>
  1712.                     <div class="form-group">
  1713.                         <label for="dblspltsplitcost">Divided by 2. Price for each service</label>
  1714.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dblspltsplitcost" disabled>
  1715.                     </div>
  1716.                     <div class="form-group">
  1717.                         <label for="dblspltdailycost">This is the amount they pay per day. </label>
  1718.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dblspltdailycost" readonly>
  1719.                     </div>
  1720.                     <div class="form-group">
  1721.                         <label for="dblspltdaysout">How Many Days were they out of service.</label>
  1722.                         <input type="text" class="form-control form-control-sm bg-warning" id="dblspltdaysout" placeholder="5">
  1723.                     </div>
  1724.                     <div class="form-group">
  1725.                         <label for="dblspltcreditdue">This is the amount of credit due.</label>
  1726.                         <input type="text" class="form-control form-control-lg bg-success" id="dblspltcreditdue" readonly>
  1727.                     </div>
  1728.                 </div>
  1729.                 <div class="modal-footer">
  1730.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1731.                 </div>
  1732.             </div>
  1733.         </div>
  1734.     </div><!-- Credit Internet/Video Bundled PSU 1/2 Outage Modal -->
  1735.  
  1736.  
  1737.     <!-- Credit Internet/Video Bundled PSU 1/2 Outage Modal -->
  1738.     <div class="modal fade" tabindex="-1" role="dialog" id="credit4-modal">
  1739.         <div class="modal-dialog modal-dialog-centered" role="document">
  1740.             <div class="modal-content">
  1741.                 <div class="modal-header">
  1742.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1743.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1744.                         <span aria-hidden="true">&times;</span>
  1745.                     </button>
  1746.                 </div>
  1747.                 <div class="modal-body">
  1748.  
  1749.                     <h3>Internet/Video Bundled PSU 1/2 Outage</h3>
  1750.  
  1751.                     <div class="alert alert-info alert-dismissible show">
  1752.                         <small class="text-muted">This formula is used when only video is out in a video/phone bundle.<br>
  1753.                         Formula:  ((packagePrice-19.95)/30)*dayOut</small>
  1754.                     </div>
  1755.  
  1756.                     <div class="form-group">
  1757.                         <label for="dblnophnfinalprice">Final Price of Package(After Discounts)</label>
  1758.                         <input type="number" class="form-control form-control-sm bg-warning" id="dblnophnfinalprice" placeholder="100.00">
  1759.                     </div>
  1760.                     <div class="form-group">
  1761.                         <label for="dblnophnminusphone">Minus bundled Phone price</label>
  1762.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dblnophnminusphone" value="19.95" readonly="">
  1763.                     </div>
  1764.                     <div class="form-group">
  1765.                         <label for="dblnophndailycost">This is the amount they pay per day. </label>
  1766.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="dblnophndailycost" readonly>
  1767.                     </div>
  1768.                     <div class="form-group">
  1769.                         <label for="dblnophndaysout">How Many Days were they out of service.</label>
  1770.                         <input type="text" class="form-control form-control-sm bg-warning" id="dblnophndaysout" placeholder="5">
  1771.                     </div>
  1772.                     <div class="form-group">
  1773.                         <label for="dblnophncreditdue">This is the amount of credit due.</label>
  1774.                         <input type="text" class="form-control form-control-lg bg-success" id="dblnophncreditdue" readonly>
  1775.                     </div>
  1776.                 </div>
  1777.                 <div class="modal-footer">
  1778.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1779.                 </div>
  1780.             </div>
  1781.         </div>
  1782.     </div><!-- Credit Internet/Video Bundled PSU 1/2 Outage Modal -->
  1783.  
  1784.  
  1785.     <!-- Credit Triple Play Only Video Out Modal -->
  1786.     <div class="modal fade" tabindex="-1" role="dialog" id="credit5-modal">
  1787.         <div class="modal-dialog modal-dialog-centered" role="document">
  1788.             <div class="modal-content">
  1789.                 <div class="modal-header">
  1790.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1791.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1792.                         <span aria-hidden="true">&times;</span>
  1793.                     </button>
  1794.                 </div>
  1795.                 <div class="modal-body">
  1796.  
  1797.                     <h3>Triple Play Only Video Out</h3>
  1798.  
  1799.                     <div class="alert alert-info alert-dismissible show">
  1800.                         <small class="text-muted">This formula is used when only video is out in a triple bundle.<br>
  1801.                         Formula:  (((packagePrice-19.95)/2)/30)*dayOut</small>
  1802.                     </div>
  1803.  
  1804.                     <div class="form-group">
  1805.                         <label for="trpvidoutfinalprice">Final Price of Package(After Discounts)</label>
  1806.                         <input type="text" class="form-control form-control-sm bg-warning" id="trpvidoutfinalprice" placeholder="100.00">
  1807.                     </div>
  1808.                     <div class="form-group">
  1809.                         <label for="trpvidoutphonecost">Subtract the Cost of Phone (It is always 19.95 no matter the Triple Play)</label>
  1810.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpvidoutphonecost" value="19.95" readonly>
  1811.                     </div>
  1812.                     <div class="form-group">
  1813.                         <label for="trpvidoutminusphone">This is price of video/internet service in the Triple Play Packaging.</label>
  1814.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpvidoutminusphone" disabled>
  1815.                     </div>
  1816.                     <div class="form-group">
  1817.                         <label for="trpvidoutsplitcost">This is the amount per PSU. (video/internet)</label>
  1818.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpvidoutsplitcost" disabled>
  1819.                     </div>
  1820.                     <div class="form-group">
  1821.                         <label for="trpvidoutdailycost">This is the amount they pay per day. </label>
  1822.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpvidoutdailycost" disabled>
  1823.                     </div>
  1824.                     <div class="form-group">
  1825.                         <label for="trpvidoutdaysout">How Many Days were they out of service.</label>
  1826.                         <input type="text" class="form-control form-control-sm bg-warning" id="trpvidoutdaysout" placeholder="5">
  1827.                     </div>
  1828.                     <div class="form-group">
  1829.                         <label for="trpvidoutcreditdue">This is the amount of credit due.</label>
  1830.                         <input type="text" class="form-control form-control-lg bg-success" id="trpvidoutcreditdue" disabled>
  1831.                     </div>
  1832.                 </div>
  1833.                 <div class="modal-footer">
  1834.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1835.                 </div>
  1836.             </div>
  1837.         </div>
  1838.     </div><!-- Credit Triple Play Only Video Out Modal -->
  1839.  
  1840.  
  1841.     <!-- Credit Triple Play No Phone AND (Video OR Internet) Modal -->
  1842.     <div class="modal fade" tabindex="-1" role="dialog" id="credit6-modal">
  1843.         <div class="modal-dialog modal-dialog-centered" role="document">
  1844.             <div class="modal-content">
  1845.                 <div class="modal-header">
  1846.                     <h5 class="modal-title">No Service Credit Calculator</h5>
  1847.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1848.                         <span aria-hidden="true">&times;</span>
  1849.                     </button>
  1850.                 </div>
  1851.                 <div class="modal-body">
  1852.  
  1853.                     <h5>Triple Play No Phone AND (Video OR Internet)</h5>
  1854.  
  1855.                     <div class="alert alert-info alert-dismissible show">
  1856.                         <small class="text-muted">This formula is used when (phone AND video) OR (phone AND internet) are out in a triple bundle.<br>
  1857.                         Formula:  ((((packagePrice-19.95)/2)+19.95)/30)*daysOut</small>
  1858.                     </div>
  1859.  
  1860.                     <div class="form-group">
  1861.                         <label for="trpspltphnfinalprice">Final Price of Package(After Discounts)</label>
  1862.                         <input type="text" class="form-control form-control-sm bg-warning" id="trpspltphnfinalprice" placeholder="100.00">
  1863.                     </div>
  1864.                     <div class="form-group">
  1865.                         <label for="trpspltphnphonecost">Subtract the Cost of Phone (It is always 19.95 no matter the Triple Play)</label>
  1866.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpspltphnphonecost" value="19.95" readonly>
  1867.                     </div>
  1868.                     <div class="form-group">
  1869.                         <label for="trpspltphnminusphone">This is price of video/internet service in the Triple Play Packaging.</label>
  1870.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpspltphnminusphone" disabled>
  1871.                     </div>
  1872.                     <div class="form-group">
  1873.                         <label for="trpspltphnsplitcost">This is the amount per PSU. (video/internet)</label>
  1874.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpspltphnsplitcost" disabled>
  1875.                     </div>
  1876.                     <div class="form-group">
  1877.                         <label for="trpspltphnreaddphone">Price when adding back Phone(19.95) along with other service that's out.</label>
  1878.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpspltphnreaddphone" value="19.95" readonly>
  1879.                     </div>
  1880.                     <div class="form-group">
  1881.                         <label for="trpspltphndailycost">This is the amount they pay per day. </label>
  1882.                         <input type="text" class="form-control form-control-sm bg-dark text-light" id="trpspltphndailycost" disabled>
  1883.                     </div>
  1884.                     <div class="form-group">
  1885.                         <label for="trpspltphndaysout">How Many Days were they out of service.</label>
  1886.                         <input type="text" class="form-control form-control-sm bg-warning" id="trpspltphndaysout" placeholder="5">
  1887.                     </div>
  1888.                     <div class="form-group">
  1889.                         <label for="trpspltphncreditdue">This is the amount of credit due.</label>
  1890.                         <input type="text" class="form-control form-control-lg bg-success" id="trpspltphncreditdue" disabled>
  1891.                     </div>
  1892.                 </div>
  1893.                 <div class="modal-footer">
  1894.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1895.                 </div>
  1896.             </div>
  1897.         </div>
  1898.     </div><!-- Credit Triple Play No Phone AND (Video OR Internet) Modal -->
  1899.  
  1900.  
  1901.     <!-- Email Templates Modal -->
  1902.     <div class="modal fade" tabindex="-1" role="dialog" id="emailtemplate-modal">
  1903.         <div class="modal-dialog modal-dialog-centered" role="document">
  1904.             <div class="modal-content">
  1905.                 <div class="modal-header">
  1906.                     <h5 class="modal-title">Email Templates</h5>
  1907.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1908.                         <span aria-hidden="true">&times;</span>
  1909.                     </button>
  1910.                 </div>
  1911.                 <div class="modal-body">
  1912.                     <p>Click the link below to open a prefilled email.<br>
  1913.                     Confirm the email, subject and body have the correct info. <br>
  1914.                     CC your supervisor. <br>
  1915.                     CPE Emails: Make sure to lookup the CPE Contact for the area in question.</p>
  1916.                     <ul class="list-group" id="emailtemplate-list">
  1917.                         <li class="list-group-item"><a href="#" onclick="emailEscalation()">Escalation Support</a></li>
  1918.                         <li class="list-group-item"><a href="mailto:Area-CPE-Contact?cc=personsemail, SUPERVISORSEMAIL&amp;subject=CPE%20Investigation&amp;body=Name%0AAddress%0AACCT%23%3A%20%0ACall%20back%20phone%23%3A%20%0A%0Adescription%20of%20issue%20and%20what%20equipment%20is%20in%20question%0A%0AThanks%20for%20checking%20on%20this">CPE Investigation</a></li>
  1919.                         <li class="list-group-item"><a href="#" onclick="emailBusSupport()">Business Support</a></li>
  1920.                         <li class="list-group-item"><a href="mailto:personsemail?subject=ACCT%3A%20%23XXXXXX%20-%20Port%20Request&amp;body=Please%20send%20LOA%20form%20to%3A%0A%0AACCT%23%3A%20XXXXXX%0AAH%20Name%3A%20%0AAddr%3A%20%0AEmail%3A%20%0APhone%23%3A%20%20%0A%0AThey%20are%20requesting%20to%20receive%20the%20LOA%20form%20%0A%0AThanks%20for%20your%20help!">LOA - Phone Port request</a></li>
  1921.                         <li class="list-group-item"><a href="mailto:personsemail.com?subject=ACCT%23%3A%20XXXXXX%20-%20Reconnected%20-%20Assign%20New%20Number&amp;body=ACCT%23%20XXXXXX%20%0A%0ANeeds%20a%20new%20phone%20number%20added%20after%20being%20reconnected.">Reconnected - Assign New Number</a></li>
  1922.                         <li class="list-group-item"><a href="mailto:personsemail?subject=ACCT%23%3A%20XXXXXX%20-%20Change%20VOIP%20Phone%20Number&amp;body=Please%20reach%20out%20to%20(CUSTOMERS%20NAME)%20to%20discuss%20changing%20their%20phone%20number.%20They%20are%20aware%20of%20the%20fee%20and%20would%20like%20to%20set%20this%20up.%0A%0AACCT%23%3A%20XXXXXX%0AAccount%20Holder%20Name%3A%20%0A%0AThank%20you%20for%20taking%20care%20of%20this%20for%20me">Change VOIP Phone Number</a></li>
  1923.                         <li class="list-group-item"><a href="#" onclick="emailAdjustment()">Adjustment Request </a></li>
  1924.                     </ul>
  1925.                 </div>
  1926.                 <div class="modal-footer">
  1927.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1928.                 </div>
  1929.             </div>
  1930.         </div>
  1931.     </div><!-- Email Templates Modal -->
  1932.  
  1933.  
  1934.     <!-- Templates Modal -->
  1935.     <div class="modal fade" tabindex="-1" role="dialog" id="template-modal">
  1936.         <div class="modal-dialog modal-dialog-centered" role="document">
  1937.             <div class="modal-content">
  1938.                 <div class="modal-header">
  1939.                     <h5 class="modal-title">Templates (IN PROGRESS FEATURE)</h5>
  1940.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1941.                         <span aria-hidden="true">&times;</span>
  1942.                     </button>
  1943.                 </div>
  1944.                 <div class="modal-body">
  1945.                     <input type="text" id="template-search" onkeyup="templateSearch()" placeholder="Search for names..">
  1946.                     <ul class="list-group" id="template-list">
  1947.                         <li class="list-group-item">Outage</li>
  1948.                         <li class="list-group-item">Reload Prepaid Internet</li>
  1949.                         <li class="list-group-item">Payment Live Agent</li>
  1950.                         <li class="list-group-item">Test4</li>
  1951.                         <li class="list-group-item">Test5</li>
  1952.                     </ul>
  1953.                 </div>
  1954.                 <div class="modal-footer">
  1955.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  1956.                 </div>
  1957.             </div>
  1958.         </div>
  1959.     </div><!-- Templates Modal -->
  1960.  
  1961.  
  1962.     <!-- Customization Modal -->
  1963.     <div class="modal fade" tabindex="-1" role="dialog" id="customize-modal">
  1964.         <div class="modal-dialog modal-dialog-centered" role="document">
  1965.             <div class="modal-content">
  1966.                 <div class="modal-header">
  1967.                     <h5 class="modal-title">Customize UI</h5>
  1968.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1969.                         <span aria-hidden="true">&times;</span>
  1970.                     </button>
  1971.                 </div>
  1972.                 <div class="modal-body">
  1973.                     Layout:
  1974.                     <select class="form-control form-control-sm" name="text" id="colNum" tabindex="9" onchange="numCol()">
  1975.                         <option value="col-lg-12" id="colNum-1">1 Column</option>
  1976.                         <option value="col" id="colNum-0">2 Columns</option>
  1977.                     </select>
  1978.                     <br>
  1979.                     <div class="form-group form-check">
  1980.                         <input type="checkbox" class="form-check-input" name="caps" id="caps" checked="true">
  1981.                         <label class="form-check-label" for="caps">Convert note to ALL CAPS when copied.</label>
  1982.                         <p class="font-weight-light">(On by default)</p>
  1983.                     </div>
  1984.                     <br>
  1985.                     <div class="form-group form-check d-none">
  1986.                        
  1987.                         <label class="form-check-label fancy-checkbox" for="hideprefillbuttons">
  1988.                         <input type="checkbox" class="form-check-input" name="hideprefillbuttons" id="hideprefillbuttons" onclick="HidePrefillButtons()" checked>
  1989.                             <span class="unchecked"><i class="fas fa-minus-circle fa-lg" style="color: red;"></i></span>
  1990.                             <span class="checked"><i class="fas fa-plus-circle fa-lg" style="color: green;"></i></span>
  1991.                             Hide Pre-fill Buttons
  1992.                         </label>
  1993.                     </div>
  1994.                     <br>
  1995.                     <div class="form-group form-check d-none">
  1996.                         <input type="checkbox" class="form-check-input" name="hideendbuttons" id="hideendbuttons" onclick="HideEndButtons()" checked>
  1997.                        
  1998.                         <label class="form-check-label fancy-checkbox" for="hideendbuttons">
  1999.                             <span class="unchecked"><i class="fas fa-minus-circle fa-lg" style="color: red;"></i></span>
  2000.                             <span class="checked"><i class="fas fa-plus-circle fa-lg" style="color: green;"></i></span>
  2001.                             Hide End Result Buttons
  2002.                         </label>
  2003.                     </div>
  2004.                     <br>
  2005.                     <div class="dropdown">
  2006.                         <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Background Color
  2007.                             <span class="caret"></span></button>
  2008.                         <ul class="dropdown-menu" id="customize-list">
  2009.                             <li class="list-group-item colorBlock grd-deepspace">deepspace</li>
  2010.                             <li class="list-group-item colorBlock grd-Clouds">Clouds</li>
  2011.                             <li class="list-group-item colorBlock grd-Nighthawk">Nighthawk</li>
  2012.                             <li class="list-group-item colorBlock grd-Joomla">Joomla</li>
  2013.                             <li class="list-group-item colorBlock grd-LearningandLeading">Learning and Leading</li>
  2014.                             <li class="list-group-item colorBlock grd-yoda">Yoda</li>
  2015.                             <li class="list-group-item colorBlock grd-bydesign">By Design</li>
  2016.                             <li class="list-group-item colorBlock grd-shifter">Shifter</li>
  2017.                             <li class="list-group-item colorBlock grd-purplin">Purplin</li>
  2018.                             <li class="list-group-item colorBlock grd-azurepop">Azure Pop</li>
  2019.                             <li class="list-group-item colorBlock grd-sincity">Sin City Red</li>
  2020.                         </ul>
  2021.                     </div>
  2022.                 </div>
  2023.                 <div class="modal-footer">
  2024.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  2025.                 </div>
  2026.             </div>
  2027.         </div>
  2028.     </div><!-- Customization Modal -->
  2029.  
  2030.  
  2031.     <!-- Timer Modal -->
  2032.     <div class="modal fade" tabindex="-1" role="dialog" id="timer-modal">
  2033.         <div class="modal-dialog modal-dialog-centered" role="document">
  2034.             <div class="modal-content">
  2035.                 <div class="modal-header">
  2036.                     <h5 class="modal-title">Quick Timer</h5>
  2037.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2038.                         <span aria-hidden="true">&times;</span>
  2039.                     </button>
  2040.                 </div>
  2041.                 <div class="modal-body">
  2042.                    
  2043.                     <!-- Countdown Timer -->
  2044.             <div class="countdown">
  2045.                 <div class="setters">
  2046.               <div class="minutes-set">
  2047.                 <button data-setter="minutes-plus">+</button>
  2048.                 <button data-setter="minutes-minus">-</button>
  2049.               </div>
  2050.               <div class="seconds-set">
  2051.                 <button data-setter="seconds-plus">+</button>
  2052.                 <button data-setter="seconds-minus">-</button>
  2053.               </div>
  2054.             </div>
  2055.             <div class="circle"> <svg width="300" viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
  2056.               <g transform="translate(110,110)">
  2057.                 <circle r="100" class="e-c-base"/>
  2058.                 <g transform="rotate(-90)">
  2059.                   <circle r="100" class="e-c-progress"/>
  2060.                   <g id="e-pointer">
  2061.                     <circle cx="100" cy="0" r="8" class="e-c-pointer"/>
  2062.                   </g>
  2063.                 </g>
  2064.               </g>
  2065.               </svg> </div>
  2066.             <div class="controlls">
  2067.               <div class="display-remain-time">00:30</div>
  2068.               <button class="play" id="pause"></button>
  2069.             </div>
  2070.  
  2071.                 <script>
  2072.                     //circle start
  2073.                     let progressBar = document.querySelector('.e-c-progress');
  2074.                     let indicator = document.getElementById('e-indicator');
  2075.                     let pointer = document.getElementById('e-pointer');
  2076.                     let length = Math.PI * 2 * 100;
  2077.  
  2078.                     progressBar.style.strokeDasharray = length;
  2079.  
  2080.                     function update(value, timePercent) {
  2081.                         var offset = - length - length * value / (timePercent);
  2082.                         progressBar.style.strokeDashoffset = offset;
  2083.                         pointer.style.transform = `rotate(${360 * value / (timePercent)}deg)`;
  2084.                     };
  2085.  
  2086.                     //circle ends
  2087.                     const displayOutput = document.querySelector('.display-remain-time')
  2088.                     const pauseBtn = document.getElementById('pause');
  2089.                     const setterBtns = document.querySelectorAll('button[data-setter]');
  2090.  
  2091.                     let intervalTimer;
  2092.                     let timeLeft;
  2093.                     let wholeTime = 0.5 * 60; // manage this to set the whole time
  2094.                     let isPaused = false;
  2095.                     let isStarted = false;
  2096.  
  2097.  
  2098.                     update(wholeTime,wholeTime); //refreshes progress bar
  2099.                     displayTimeLeft(wholeTime);
  2100.  
  2101.                     function changeWholeTime(seconds){
  2102.                       if ((wholeTime + seconds) > 0){
  2103.                         wholeTime += seconds;
  2104.                         update(wholeTime,wholeTime);
  2105.                       }
  2106.                     }
  2107.  
  2108.                     for (var i = 0; i < setterBtns.length; i++) {
  2109.                        setterBtns[i].addEventListener("click", function(event) {
  2110.                            var param = this.dataset.setter;
  2111.                            switch (param) {
  2112.                                case 'minutes-plus':
  2113.                                    changeWholeTime(1 * 60);
  2114.                                    break;
  2115.                                case 'minutes-minus':
  2116.                                    changeWholeTime(-1 * 60);
  2117.                                    break;
  2118.                                case 'seconds-plus':
  2119.                                    changeWholeTime(1);
  2120.                                    break;
  2121.                                case 'seconds-minus':
  2122.                                    changeWholeTime(-1);
  2123.                                    break;
  2124.                            }
  2125.                          displayTimeLeft(wholeTime);
  2126.                        });
  2127.                    }
  2128.  
  2129.                    function timer (seconds){ //counts time, takes seconds
  2130.                      let remainTime = Date.now() + (seconds * 1000);
  2131.                      displayTimeLeft(seconds);
  2132.                      
  2133.                      intervalTimer = setInterval(function(){
  2134.                        timeLeft = Math.round((remainTime - Date.now()) / 1000);
  2135.                        if(timeLeft < 0){
  2136.                          clearInterval(intervalTimer);
  2137.                          isStarted = false;
  2138.                          setterBtns.forEach(function(btn){
  2139.                            btn.disabled = false;
  2140.                            btn.style.opacity = 1;
  2141.                          });
  2142.                          displayTimeLeft(wholeTime);
  2143.                          pauseBtn.classList.remove('pause');
  2144.                          pauseBtn.classList.add('play');
  2145.                          return ;
  2146.                        }
  2147.                        displayTimeLeft(timeLeft);
  2148.                      }, 1000);
  2149.                    }
  2150.                    function pauseTimer(event){
  2151.                      if(isStarted === false){
  2152.                        timer(wholeTime);
  2153.                        isStarted = true;
  2154.                        this.classList.remove('play');
  2155.                        this.classList.add('pause');
  2156.                        
  2157.                        setterBtns.forEach(function(btn){
  2158.                          btn.disabled = true;
  2159.                          btn.style.opacity = 0.5;
  2160.                        });
  2161.  
  2162.                      }else if(isPaused){
  2163.                        this.classList.remove('play');
  2164.                        this.classList.add('pause');
  2165.                        timer(timeLeft);
  2166.                        isPaused = isPaused ? false : true
  2167.                      }else{
  2168.                        this.classList.remove('pause');
  2169.                        this.classList.add('play');
  2170.                        clearInterval(intervalTimer);
  2171.                        isPaused = isPaused ? false : true ;
  2172.                      }
  2173.                    }
  2174.  
  2175.                    function displayTimeLeft (timeLeft){ //displays time on the input
  2176.                      let minutes = Math.floor(timeLeft / 60);
  2177.                      let seconds = timeLeft % 60;
  2178.                      let displayString = `${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
  2179.                      displayOutput.textContent = displayString;
  2180.                      update(timeLeft, wholeTime);
  2181.                    }
  2182.  
  2183.                    pauseBtn.addEventListener('click',pauseTimer);
  2184.  
  2185.                </script>
  2186.             </div><!-- Countdown Timer -->
  2187.  
  2188.                 </div>
  2189.                 <div class="modal-footer">
  2190.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  2191.                 </div>
  2192.             </div>
  2193.         </div>
  2194.     </div><!-- Timer Modal -->
  2195.  
  2196.  
  2197. <!-- //MODALS -->
  2198.  
  2199.     <!-- Scripts -->
  2200.     <script type="text/javascript">
  2201.         // script variables
  2202.             var dt = new Date();
  2203.             var utcDate = dt.toUTCString();
  2204.  
  2205.             var copyText = document.getElementById('acct');
  2206.  
  2207.             var acct = document.getElementById('acct').value;
  2208.             var phn = document.getElementById('phn').value;
  2209.             var caller = document.getElementById('caller').value;
  2210.             var name = document.getElementById('name').value;
  2211.             var businessname = document.getElementById('businessname').value;
  2212.             var ssn = document.getElementById('ssn').value;
  2213.             var addr = document.getElementById('addr').value;
  2214.             var email = document.getElementById('email').value;
  2215.             var phone = document.getElementById('phone').value;
  2216.             var text = document.getElementById('text').value;
  2217.             var script = document.getElementById('script').value;
  2218.             var issue = document.getElementById('issue').value;
  2219.             var reso = document.getElementById('reso').value;
  2220.             var scratch = document.getElementById('scratch').value;
  2221.  
  2222.             var acctDef = acct;
  2223.             var phnDef = phn;
  2224.             var callerDef = caller;
  2225.             var nameDef = name;
  2226.             var businessnameDef = businessname;
  2227.             var ssnDef = ssn;
  2228.             var addrDef = addr;
  2229.             var emailDef = email;
  2230.             var phoneDef = phone;
  2231.             var textDef = text;
  2232.             var scriptDef = script;
  2233.             var issueDef = issue;
  2234.             var resoDef = reso;
  2235.             var scratchDef = scratch;
  2236.  
  2237.             var acctOrigDef = acct;
  2238.             var phnOrigDef = phn;
  2239.             var callerOrigDef = caller;
  2240.             var nameOrigDef = name;
  2241.             var businessnameOrigDef = businessname;
  2242.             var ssnOrigDef = ssn;
  2243.             var addrOrigDef = addr;
  2244.             var emailOrigDef = email;
  2245.             var phoneOrigDef = phone;
  2246.             var textOrigDef = text;
  2247.             var scriptOrigDef = script;
  2248.             var issueOrigDef = issue;
  2249.             var resoOrigDef = reso;
  2250.             var scratchOrigDef = scratch;
  2251.  
  2252.             var accttemp = document.getElementById('acct').value;
  2253.             var phntemp = document.getElementById('phn').value;
  2254.             var callertemp = document.getElementById('caller').value;
  2255.             var nametemp = document.getElementById('name').value;
  2256.             var businessnametemp = document.getElementById('businessname').value;
  2257.             var ssntemp = document.getElementById('ssn').value;
  2258.             var addrtemp = document.getElementById('addr').value;
  2259.             var emailtemp = document.getElementById('email').value;
  2260.             var phonetemp = document.getElementById('phone').value;
  2261.             var texttemp = document.getElementById('text').value;
  2262.             var scripttemp = document.getElementById('script').value;
  2263.             var issuetemp = document.getElementById('issue').value;
  2264.             var resotemp = document.getElementById('reso').value;
  2265.             var scratchtemp = document.getElementById('scratch').value;
  2266.  
  2267.             var accttemp2 = document.getElementById('acct').value;
  2268.             var phntemp2 = document.getElementById('phn').value;
  2269.             var callertemp2 = document.getElementById('caller').value;
  2270.             var nametemp2 = document.getElementById('name').value;
  2271.             var businessnametemp2 = document.getElementById('businessname').value;
  2272.             var ssntemp2 = document.getElementById('ssn').value;
  2273.             var addrtemp2 = document.getElementById('addr').value;
  2274.             var emailtemp2 = document.getElementById('email').value;
  2275.             var phonetemp2 = document.getElementById('phone').value;
  2276.             var texttemp2 = document.getElementById('text').value;
  2277.             var scripttemp2 = document.getElementById('script').value;
  2278.             var issuetemp2 = document.getElementById('issue').value;
  2279.             var resotemp2 = document.getElementById('reso').value;
  2280.             var scratchtemp2 = document.getElementById('scratch').value;
  2281.  
  2282.             var copybuttontext = document.getElementById("gen").innerHTML;
  2283.         // script variables
  2284.  
  2285.  
  2286.         function saveDefaults() {
  2287.             //acctDef = document.getElementById('acct').value;
  2288.             //phnDef = document.getElementById('phn').value;
  2289.             callerDef = document.getElementById('caller').value;
  2290.             //nameDef = document.getElementById('name').value;
  2291.             ssnDef = document.getElementById('ssn').value;
  2292.             addrDef = document.getElementById('addr').value;
  2293.             emailDef = document.getElementById('email').value;
  2294.             phoneDef = document.getElementById('phone').value;
  2295.             textDef = document.getElementById('text').value;
  2296.             scriptDef = document.getElementById('script').value;
  2297.             //issueDef = document.getElementById('issue').value;
  2298.             //resoDef = document.getElementById('reso').value;
  2299.             //scratchDef = document.getElementById('scratch').value;
  2300.         }
  2301.  
  2302.         //reset form for new notes
  2303.         function clearnote() {
  2304.  
  2305.             getCurrentValues()
  2306.  
  2307.             genResults()
  2308.  
  2309.             updateHistory()
  2310.  
  2311.             accttemp = document.getElementById('acct').value;
  2312.             phntemp = document.getElementById('phn').value;
  2313.             callertemp = document.getElementById('caller').value;
  2314.             nametemp = document.getElementById('name').value;
  2315.             businessnametemp = document.getElementById('businessname').value;
  2316.             ssntemp = document.getElementById('ssn').value;
  2317.             addrtemp = document.getElementById('addr').value;
  2318.             emailtemp = document.getElementById('email').value;
  2319.             phonetemp = document.getElementById('phone').value;
  2320.             texttemp = document.getElementById('text').value;
  2321.             scripttemp = document.getElementById('script').value;
  2322.             issuetemp = document.getElementById('issue').value;
  2323.             resotemp = document.getElementById('reso').value;
  2324.             scratchtemp = document.getElementById('scratch').value;
  2325.  
  2326.             document.getElementById("results").innerHTML = ""
  2327.             document.getElementById("acctoutput").innerHTML = ""
  2328.  
  2329.             document.getElementById('acct').value = acctDef;
  2330.             document.getElementById('phn').value = phnDef;
  2331.             document.getElementById('caller').value = callerDef;
  2332.             document.getElementById('name').value = nameDef;
  2333.             document.getElementById('businessname').value = businessnameDef;
  2334.             document.getElementById('ssn').value = ssnDef;
  2335.             document.getElementById('addr').value = addrDef;
  2336.             document.getElementById('email').value = emailDef;
  2337.             document.getElementById('phone').value = phoneDef;
  2338.             document.getElementById('text').value = textDef;
  2339.             document.getElementById('script').value = scriptDef;
  2340.             document.getElementById('issue').value = issueDef;
  2341.             document.getElementById('reso').value = resoDef;
  2342.             document.getElementById('scratch').value = scratchDef;
  2343.  
  2344.             $('textarea').autoHeight();
  2345.  
  2346.  
  2347.             document.getElementById('emailbusbutton').style.display = "none";
  2348.             document.getElementById('businessrow').style.display = "none";
  2349.         }
  2350.  
  2351.         function recover() {
  2352.  
  2353.             accttemp2 = document.getElementById('acct').value;
  2354.             phntemp2 = document.getElementById('phn').value;
  2355.             callertemp2 = document.getElementById('caller').value;
  2356.             nametemp2 = document.getElementById('name').value;
  2357.             businessnametemp2 = document.getElementById('businessname').value;
  2358.             ssntemp2 = document.getElementById('ssn').value;
  2359.             addrtemp2 = document.getElementById('addr').value;
  2360.             emailtemp2 = document.getElementById('email').value;
  2361.             phonetemp2 = document.getElementById('phone').value;
  2362.             texttemp2 = document.getElementById('text').value;
  2363.             scripttemp2 = document.getElementById('script').value;
  2364.             issuetemp2 = document.getElementById('issue').value;
  2365.             resotemp2 = document.getElementById('reso').value;
  2366.             scratchtemp2 = document.getElementById('scratch').value;
  2367.  
  2368.             document.getElementById('acct').value = accttemp;
  2369.             document.getElementById('phn').value = phntemp;
  2370.             document.getElementById('caller').value = callertemp;
  2371.             document.getElementById('name').value = nametemp;
  2372.             document.getElementById('businessname').value = businessnametemp;
  2373.             document.getElementById('ssn').value = ssntemp;
  2374.             document.getElementById('addr').value = addrtemp;
  2375.             document.getElementById('email').value = emailtemp;
  2376.             document.getElementById('phone').value = phonetemp;
  2377.             document.getElementById('text').value = texttemp;
  2378.             document.getElementById('script').value = scripttemp;
  2379.             document.getElementById('issue').value = issuetemp;
  2380.             document.getElementById('reso').value = resotemp;
  2381.             document.getElementById('scratch').value = scratchtemp;
  2382.  
  2383.             accttemp = accttemp2;
  2384.             phntemp = phntemp2;
  2385.             callertemp = callertemp2;
  2386.             nametemp = nametemp2;
  2387.             businessnametemp = businessnametemp2;
  2388.             ssntemp = ssntemp2;
  2389.             addrtemp = addrtemp2;
  2390.             emailtemp = emailtemp2;
  2391.             phonetemp = phonetemp2;
  2392.             texttemp = texttemp2;
  2393.             scripttemp = scripttemp2;
  2394.             issuetemp = issuetemp2;
  2395.             resotemp = resotemp2;
  2396.             scratchtemp = scratchtemp2;
  2397.  
  2398.         }
  2399.  
  2400.         function getCurrentValues() {
  2401.             acct = document.getElementById('acct').value;
  2402.             phn = document.getElementById('phn').value;
  2403.             caller = document.getElementById('caller').value;
  2404.             name = document.getElementById('name').value;
  2405.             businessname = document.getElementById('businessname').value;
  2406.             ssn = document.getElementById('ssn').value;
  2407.             addr = document.getElementById('addr').value;
  2408.             email = document.getElementById('email').value;
  2409.             phone = document.getElementById('phone').value;
  2410.             text = document.getElementById('text').value;
  2411.             script = document.getElementById('script').value;
  2412.             issue = document.getElementById('issue').value;
  2413.             reso = document.getElementById('reso').value;
  2414.             scratch = document.getElementById('scratch').value;
  2415.  
  2416.             issue = issue.replace(/\r|\n|\r\n/g, '<br>');
  2417.             reso = reso.replace(/\r|\n|\r\n/g, '<br>');
  2418.             scratch = scratch.replace(/\r|\n|\r\n/g, '<br>');
  2419.         }
  2420.  
  2421.         function genResults() {
  2422.             /* Clear results div */
  2423.             document.getElementById("results").innerHTML = ""
  2424.             document.getElementById("acctoutput").innerHTML = ""
  2425.  
  2426.             var dt = new Date();
  2427.             var utcDate = dt.toUTCString();
  2428.  
  2429.             /* Add results to div */
  2430.             document.getElementById("acctoutput").innerHTML += "---------------------------";
  2431.             document.getElementById("acctoutput").innerHTML += "<br>";
  2432.             document.getElementById("acctoutput").innerHTML += "<br>";
  2433.             document.getElementById("acctoutput").innerHTML += "TIME - " + utcDate;
  2434.             document.getElementById("acctoutput").innerHTML += "<br>";
  2435.             document.getElementById("acctoutput").innerHTML += "ACCT# " + acct;
  2436.             document.getElementById("acctoutput").innerHTML += "<br>";
  2437.             document.getElementById("acctoutput").innerHTML += "Business Name - " + acct;
  2438.             document.getElementById("acctoutput").innerHTML += "<br>";
  2439.             document.getElementById("acctoutput").innerHTML += "PHONE# " + phn;
  2440.             document.getElementById("acctoutput").innerHTML += "<br>";
  2441.             document.getElementById("acctoutput").innerHTML += "<br>";
  2442.             document.getElementById("acctoutput").innerHTML += "SCRATCH NOTES: " + scratch;
  2443.             document.getElementById("acctoutput").innerHTML += "<br>";
  2444.             document.getElementById("acctoutput").innerHTML += "<br>";
  2445.             document.getElementById("acctoutput").innerHTML += "---------------------------";
  2446.             document.getElementById("acctoutput").innerHTML += "<br>";
  2447.             document.getElementById("results").innerHTML += "-ISSUE:-> " + issue;
  2448.             //document.getElementById("results").innerHTML += "<br>";
  2449.             //document.getElementById("results").innerHTML += issue;
  2450.             document.getElementById("results").innerHTML += "<br>";
  2451.             document.getElementById("results").innerHTML += "<br>";
  2452.             document.getElementById("results").innerHTML += "RESOLUTION: ";
  2453.             document.getElementById("results").innerHTML += "<br>";
  2454.             document.getElementById("results").innerHTML += reso;
  2455.             document.getElementById("results").innerHTML += "<br>";
  2456.             document.getElementById("results").innerHTML += "<br>";
  2457.             document.getElementById("results").innerHTML += "<br>";
  2458.             document.getElementById("results").innerHTML += "CALLER:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + caller + " - " + name;
  2459.             document.getElementById("results").innerHTML += "<br>";
  2460.             document.getElementById("results").innerHTML += "SSN/PIN:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + ssn;
  2461.             document.getElementById("results").innerHTML += "<br>";
  2462.             document.getElementById("results").innerHTML += "ADDRESS:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + addr;
  2463.             document.getElementById("results").innerHTML += "<br>";
  2464.             document.getElementById("results").innerHTML += "EMAIL:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + email;
  2465.             document.getElementById("results").innerHTML += "<br>";
  2466.             document.getElementById("results").innerHTML += "PHONE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + phone;
  2467.             document.getElementById("results").innerHTML += "<br>";
  2468.             document.getElementById("results").innerHTML += "TEXT:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + text;
  2469.             document.getElementById("results").innerHTML += "<br>";
  2470.             document.getElementById("results").innerHTML += "TEXT SCRIPT: " + script;
  2471.         }
  2472.  
  2473.         function genchatNote() {
  2474.             /* Update variables with current inputs */
  2475.             getCurrentValues()
  2476.  
  2477.             /* Generate text to be copied */
  2478.             document.getElementById("chatnote").innerHTML = ""
  2479.             document.getElementById("chatnote").innerHTML += "ACCT# " + acct + " - " + issue;
  2480.  
  2481.             /* Copy to clipboard */
  2482.             copyToClipboard('#chatnote')
  2483.         }
  2484.  
  2485.  
  2486.         function updateHistory() {
  2487.             var temphist = document.getElementById("history").innerHTML
  2488.             document.getElementById("history").innerHTML = ""
  2489.             document.getElementById("history").innerHTML += document.getElementById("acctoutput").innerHTML
  2490.             document.getElementById("history").innerHTML += document.getElementById("results").innerHTML
  2491.             document.getElementById("history").innerHTML += temphist
  2492.         }
  2493.  
  2494.         /* COPY NOTE BUTTON */
  2495.         function results() {
  2496.  
  2497.             /* Update variables with current inputs */
  2498.             getCurrentValues()
  2499.  
  2500.             //validate()
  2501.  
  2502.             /* Generate text to be copied */
  2503.             genResults()
  2504.  
  2505.             /* Copy to clipboard */
  2506.             copyToClipboard('#results')
  2507.  
  2508.             /* Add to history */
  2509.             updateHistory()
  2510.  
  2511.             /*-- Flash Button Green and Change Text --*/
  2512.             document.getElementById("gen").innerHTML = "COPIED!";
  2513.             document.getElementById("gen").style.backgroundColor = "#28a745";
  2514.             document.getElementById("gen").style.borderColor = "#28a745";
  2515.             setTimeout(function() {
  2516.                 document.getElementById("gen").innerHTML = copybuttontext;
  2517.                 document.getElementById("gen").style.backgroundColor = "#007bff";
  2518.                 document.getElementById("gen").style.borderColor = "#007bff";
  2519.             }, 1000);
  2520.  
  2521.         }
  2522.  
  2523.         function copyToClipboard(element) {
  2524.             var text = $(element).clone().find('br').prepend('\r\n').end().text()
  2525.             /* Conver to caps if selected */
  2526.             if (document.getElementById('caps').checked) {
  2527.                 text = text.toUpperCase();
  2528.             }
  2529.             element = $('<textarea>').appendTo('body').val(text).select()
  2530.             document.execCommand('copy')
  2531.             element.remove()
  2532.         }
  2533.  
  2534.         function genBusSupport() {
  2535.             /* Generate text for email body */
  2536.             document.getElementById("emailbody").innerHTML = "";
  2537.             document.getElementById("emailbody").innerHTML += "ACCT# " + acct + " - " + businessname;
  2538.             document.getElementById("emailbody").innerHTML += "<br>";
  2539.             document.getElementById("emailbody").innerHTML += "<br>";
  2540.             document.getElementById("emailbody").innerHTML += "Caller: " + name;
  2541.             document.getElementById("emailbody").innerHTML += "<br>";
  2542.             document.getElementById("emailbody").innerHTML += "Callback#: " + phn;
  2543.             document.getElementById("emailbody").innerHTML += "<br>";
  2544.             document.getElementById("emailbody").innerHTML += "<br>";
  2545.             document.getElementById("emailbody").innerHTML += "ISSUE:";
  2546.             document.getElementById("emailbody").innerHTML += "<br>";
  2547.             document.getElementById("emailbody").innerHTML += issue;
  2548.             document.getElementById("emailbody").innerHTML += "<br>";
  2549.             document.getElementById("emailbody").innerHTML += "<br>";
  2550.             document.getElementById("emailbody").innerHTML += "STEPS TAKEN: ";
  2551.             document.getElementById("emailbody").innerHTML += "<br>";
  2552.             document.getElementById("emailbody").innerHTML += reso;
  2553.             document.getElementById("emailbody").innerHTML += "<br>";
  2554.             document.getElementById("emailbody").innerHTML += "<br>";
  2555.             document.getElementById("emailbody").innerHTML += "<br>";
  2556.             document.getElementById("emailbody").innerHTML += "<br>";
  2557.             document.getElementById("emailbody").innerHTML += "Email template generated from Note Tool.";
  2558.         }
  2559.  
  2560.         function emailBusSupport() {
  2561.             /* Update variables with current inputs */
  2562.             getCurrentValues()
  2563.  
  2564.             /* Generate text for email body */
  2565.             genBusSupport()
  2566.  
  2567.             var email = "commercialemail";
  2568.             var subject = "ACCT " + acct;
  2569.             var body = document.getElementById("emailbody").innerHTML;
  2570.             body = body.replace(/<br ?\/?>/g, "%0A");
  2571.             var mail = "mailto:" + email + "?subject=" + subject + "&body=" + body;  
  2572.             var mlink = document.createElement('a');
  2573.             mlink.setAttribute('href', mail);
  2574.             mlink.click();
  2575.         }
  2576.  
  2577.         function genEscalation() {
  2578.             /* Generate text for email body */
  2579.             document.getElementById("emailbody").innerHTML = "";
  2580.             document.getElementById("emailbody").innerHTML += "ACCT# " + acct;
  2581.             document.getElementById("emailbody").innerHTML += "<br>";
  2582.             document.getElementById("emailbody").innerHTML += "<br>";
  2583.             document.getElementById("emailbody").innerHTML += "Caller: " + name;
  2584.             document.getElementById("emailbody").innerHTML += "<br>";
  2585.             document.getElementById("emailbody").innerHTML += "Callback#: " + phn;
  2586.             document.getElementById("emailbody").innerHTML += "<br>";
  2587.             document.getElementById("emailbody").innerHTML += "<br>";
  2588.             document.getElementById("emailbody").innerHTML += "ISSUE:";
  2589.             document.getElementById("emailbody").innerHTML += "<br>";
  2590.             document.getElementById("emailbody").innerHTML += issue;
  2591.             document.getElementById("emailbody").innerHTML += "<br>";
  2592.             document.getElementById("emailbody").innerHTML += "<br>";
  2593.             document.getElementById("emailbody").innerHTML += "STEPS TAKEN: ";
  2594.             document.getElementById("emailbody").innerHTML += "<br>";
  2595.             document.getElementById("emailbody").innerHTML += reso;
  2596.             document.getElementById("emailbody").innerHTML += "<br>";
  2597.             document.getElementById("emailbody").innerHTML += "<br>";
  2598.             document.getElementById("emailbody").innerHTML += "<br>";
  2599.             document.getElementById("emailbody").innerHTML += "<br>";
  2600.             document.getElementById("emailbody").innerHTML += "Email template generated from Note Tool.";
  2601.         }
  2602.  
  2603.         function emailEscalation() {
  2604.             /* Update variables with current inputs */
  2605.             getCurrentValues()
  2606.  
  2607.             /* Generate text for email body */
  2608.             genEscalation()
  2609.  
  2610.             var email = "Escalationemail";
  2611.             var subject = "ACCT " + acct;
  2612.             var body = document.getElementById("emailbody").innerHTML;
  2613.             body = body.replace(/<br ?\/?>/g, "%0A");
  2614.             var mail = "mailto:" + email + "?subject=" + subject + "&body=" + body;  
  2615.             var mlink = document.createElement('a');
  2616.             mlink.setAttribute('href', mail);
  2617.             mlink.click();
  2618.         }
  2619.  
  2620.         function genAdjustment() {
  2621.             /* Generate text for email body */
  2622.             document.getElementById("emailbody").innerHTML = "";
  2623.             document.getElementById("emailbody").innerHTML += "ACCT# " + acct;
  2624.             document.getElementById("emailbody").innerHTML += "<br>";
  2625.             document.getElementById("emailbody").innerHTML += "<br>";
  2626.             document.getElementById("emailbody").innerHTML += "Caller: " + name;
  2627.             document.getElementById("emailbody").innerHTML += "<br>";
  2628.             document.getElementById("emailbody").innerHTML += "Callback#: " + phn;
  2629.             document.getElementById("emailbody").innerHTML += "<br>";
  2630.             document.getElementById("emailbody").innerHTML += "<br>";
  2631.             document.getElementById("emailbody").innerHTML += "ISSUE:";
  2632.             document.getElementById("emailbody").innerHTML += "<br>";
  2633.             document.getElementById("emailbody").innerHTML += issue;
  2634.             document.getElementById("emailbody").innerHTML += "<br>";
  2635.             document.getElementById("emailbody").innerHTML += "<br>";
  2636.             document.getElementById("emailbody").innerHTML += "STEPS TAKEN: ";
  2637.             document.getElementById("emailbody").innerHTML += "<br>";
  2638.             document.getElementById("emailbody").innerHTML += reso;
  2639.             document.getElementById("emailbody").innerHTML += "<br>";
  2640.             document.getElementById("emailbody").innerHTML += "<br>";
  2641.             document.getElementById("emailbody").innerHTML += "<br>";
  2642.             document.getElementById("emailbody").innerHTML += "<br>";
  2643.             document.getElementById("emailbody").innerHTML += "Email template generated from Note Tool.";
  2644.         }
  2645.  
  2646.         function emailAdjustment() {
  2647.             /* Update variables with current inputs */
  2648.             getCurrentValues()
  2649.  
  2650.             /* Generate text for email body */
  2651.             genAdjustment()
  2652.  
  2653.             var email = "leadershipemail";
  2654.             var subject = "ACCT " + acct;
  2655.             var body = document.getElementById("emailbody").innerHTML;
  2656.             body = body.replace(/<br ?\/?>/g, "%0A");
  2657.             var mail = "mailto:" + email + "?subject=" + subject + "&body=" + body;  
  2658.             var mlink = document.createElement('a');
  2659.             mlink.setAttribute('href', mail);
  2660.             mlink.click();
  2661.         }
  2662.        
  2663.        
  2664.  
  2665.  
  2666.         $(document).ready(function() {
  2667.             $('.copyme').on("click", function(){
  2668.                 /* get id of button */
  2669.                 var b = $(this).attr('id');
  2670.                 /* get id of input connected to button by removing "button-" from previous ID */
  2671.                 var c = b.substr(7);
  2672.                 /* variable to select element with inputs id */
  2673.                 var copyText = document.getElementById(c);
  2674.                 /* Select the text field */
  2675.                 copyText.select();
  2676.                 /* Copy the text inside the text field */
  2677.                 document.execCommand("copy");
  2678.                 /* Flash Copied Banner */
  2679.                 $('#acctcopy').fadeIn();
  2680.                     setTimeout(function() {
  2681.                         $('#acctcopy').fadeOut(1000);
  2682.                     }, 1000);
  2683.             });
  2684.         });
  2685.  
  2686.         //adjust fields based on auth status
  2687.         function checkAuth() {
  2688.             if (document.getElementById('caller').value == "VERIFIED AU") {
  2689.                 document.getElementById('email').value = "NA - NOT AUTHORIZED";
  2690.                 document.getElementById('text').value = "NA - NOT AUTHORIZED";
  2691.                 document.getElementById('script').value = "NA";
  2692.             };
  2693.             if (document.getElementById('caller').value == "NOT VERIFIED UA") {
  2694.                 document.getElementById('ssn').value = "NA - NOT AUTHORIZED";
  2695.                 document.getElementById('addr').value = "NA - NOT AUTHORIZED";
  2696.                 document.getElementById('email').value = "NA - NOT AUTHORIZED";
  2697.                 document.getElementById('phone').value = "NA - NOT AUTHORIZED";
  2698.                 document.getElementById('text').value = "NA - NOT AUTHORIZED";
  2699.                 document.getElementById('script').value = "NA";
  2700.             };
  2701.             if (document.getElementById('caller').value == "BULK ACCT") {
  2702.                 document.getElementById('ssn').value = "NA - NOT AUTHORIZED";
  2703.                 document.getElementById('addr').value = "NA - NOT AUTHORIZED";
  2704.                 document.getElementById('email').value = "NA - NOT AUTHORIZED";
  2705.                 document.getElementById('phone').value = "NA - NOT AUTHORIZED";
  2706.                 document.getElementById('text').value = "NA - NOT AUTHORIZED";
  2707.                 document.getElementById('script').value = "NA";
  2708.             };
  2709.             if (document.getElementById('caller').value == "BUSINESS ACCT") {
  2710.                 document.getElementById('ssn').value = "NA - NOT AUTHORIZED";
  2711.                 document.getElementById('addr').value = "NA - NOT AUTHORIZED";
  2712.                 document.getElementById('email').value = "NA - NOT AUTHORIZED";
  2713.                 document.getElementById('phone').value = "NA - NOT AUTHORIZED";
  2714.                 document.getElementById('text').value = "NA - NOT AUTHORIZED";
  2715.                 document.getElementById('script').value = "NA";
  2716.                 document.getElementById('emailbusbutton').style.display = "";
  2717.                 document.getElementById('businessrow').style.display = "";
  2718.             };
  2719.             if (document.getElementById('caller').value == "$CompanyName TECHNICIAN") {
  2720.                 document.getElementById('ssn').value = "NA - NOT AUTHORIZED";
  2721.                 document.getElementById('addr').value = "NA - NOT AUTHORIZED";
  2722.                 document.getElementById('email').value = "NA - NOT AUTHORIZED";
  2723.                 document.getElementById('phone').value = "NA - NOT AUTHORIZED";
  2724.                 document.getElementById('text').value = "NA - NOT AUTHORIZED";
  2725.                 document.getElementById('script').value = "NA";
  2726.             };
  2727.         }
  2728.  
  2729.         function templateSearch() {
  2730.             // Declare variables
  2731.             var input, filter, ul, li, a, i;
  2732.             input = document.getElementById('template-search');
  2733.             filter = input.value.toUpperCase();
  2734.             ul = document.getElementById("template-list");
  2735.             li = ul.getElementsByTagName('li');
  2736.  
  2737.             // Loop through all list items, and hide those who don't match the search query
  2738.             for (i = 0; i < li.length; i++) {
  2739.                a = li[i].getElementsByTagName("a")[0];
  2740.                if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
  2741.                     li[i].style.display = "";
  2742.                 } else {
  2743.                     li[i].style.display = "none";
  2744.                 }
  2745.             }
  2746.         }
  2747.  
  2748.         /* TV code search function */
  2749.         $(function(){
  2750.             $('#search').keyup(function(){  
  2751.                 var current_query = $('#search').val();
  2752.                 if (current_query !== "") {
  2753.                     $(".list-group li").hide();
  2754.                     $(".list-group li").each(function(){
  2755.                         var current_keyword = $(this).text();
  2756.                         if (current_keyword.indexOf(current_query.toUpperCase()) >=0) {
  2757.                             $(this).show();        
  2758.                         };
  2759.                     });    
  2760.                 } else {
  2761.                     $(".list-group li").show();
  2762.                 };
  2763.             });
  2764.         });
  2765.  
  2766.         //Open changelog on load
  2767.         $(window).on('load',function(){
  2768.             $('#changelog-modal').modal('show');
  2769.         });
  2770.  
  2771.         /* Popover enable */
  2772.         $(document).ready(function() {
  2773.             $('[data-toggle="popover"]').popover();
  2774.         });
  2775.  
  2776.         /* Tabs enable */
  2777.         $('#credit-tab a').on('click', function (e) {
  2778.           e.preventDefault()
  2779.           $(this).tab('show')
  2780.         })
  2781.  
  2782.         /* accordion enable */
  2783.         $('.collapse').collapse()
  2784.  
  2785.         /* Fill issue and resolution boxes with templates */
  2786.         $(document).ready(function(){
  2787.             $('.prefill').on("click", function(e){
  2788.                 id = $(this).attr('id');
  2789.                 id1 = id + "1";
  2790.                 id2 = id + "2";
  2791.                 id3 = id + "3";
  2792.                 if (document.getElementById("issue").value != '') {
  2793.                     document.getElementById("issue").value += '\n'
  2794.                 }
  2795.                 if (document.getElementById("reso").value != '') {
  2796.                     document.getElementById("reso").value += '\n'
  2797.                 }
  2798.                 if (document.getElementById("scratch").value != '') {
  2799.                     document.getElementById("scratch").value += '\n'
  2800.                 }
  2801.                 document.getElementById("issue").value += document.getElementById(id1).innerHTML;
  2802.                 document.getElementById("reso").value += document.getElementById(id2).innerHTML;
  2803.                 if (document.getElementById(id3).innerHTML != '') {
  2804.                     document.getElementById("scratch").value += document.getElementById(id3).innerHTML;
  2805.                 }
  2806.                 $('textarea').autoHeight();
  2807.             });
  2808.         });
  2809.  
  2810.         /* Add End Result buttons */
  2811.         $(document).ready(function(){
  2812.             $('.ending').on("click", function(e){
  2813.                 endid = $(this).attr('id');
  2814.                 endid1 = endid + "1";
  2815.                 if (document.getElementById("reso").value != '') {
  2816.                     document.getElementById("reso").value += '\n'
  2817.                 }
  2818.                 document.getElementById("reso").value += document.getElementById(endid1).innerHTML;
  2819.                 $('textarea').autoHeight();
  2820.             })
  2821.         })
  2822.         /* //Add End Result */
  2823.            
  2824.         /* Toggle sidebar menu */
  2825.         $("#menu-toggle").click(function(e) {
  2826.                 e.preventDefault();
  2827.                 $("#wrapper").toggleClass("active");
  2828.         });
  2829.  
  2830.  
  2831.         /*      Customize Options      */
  2832.         function HidePrefillButtons()
  2833.           {
  2834.             var checkval = document.getElementById("hideprefillbuttons")
  2835.             if(checkval.checked )
  2836.             {  
  2837.                 document.getElementById("prefillrow").style.display='none';
  2838.             }
  2839.             else
  2840.             {
  2841.                 document.getElementById("prefillrow").style.display='block';
  2842.             }
  2843.           }
  2844.         function HideEndButtons()
  2845.             {
  2846.                 var checkval = document.getElementById("hideendbuttons")
  2847.                 if(checkval.checked )
  2848.                 {  
  2849.                     document.getElementById("endbuttonsrow").style.display='none';
  2850.                 }
  2851.                 else
  2852.                 {
  2853.                     document.getElementById("endbuttonsrow").style.display='block';
  2854.                 }
  2855.             }
  2856.  
  2857.         /* Customize Background */
  2858.  
  2859.         //Create anonymous function that listens for a click on anything with the class colorBlock
  2860.         $(".colorBlock").click(function() {
  2861.             //Get the background color of the clicked color block by using the this object
  2862.             var $background = $(this).css("background");
  2863.             //Set the body's background-color to the received background-color
  2864.             $("#notetool").css("background", $background);
  2865.         });
  2866.  
  2867.         /* Customize number of columns */
  2868.         function numCol() {
  2869.             var colNum = document.getElementById("colNum").value;
  2870.             document.getElementById("col1").className = colNum;
  2871.             document.getElementById("col2").className = colNum;
  2872.             document.getElementById("col3").className = colNum;
  2873.             document.getElementById("col4").className = colNum;
  2874.             document.getElementById("col5").className = colNum;
  2875.             document.getElementById("col6").className = colNum;
  2876.             document.getElementById("col7").className = colNum;
  2877.             document.getElementById("col8").className = colNum;
  2878.             document.getElementById("col9").className = colNum;
  2879.             document.getElementById("col10").className = colNum;
  2880.         }
  2881.  
  2882.  
  2883.  
  2884.  
  2885.         jQuery.fn.extend({
  2886.             autoHeight: function () {
  2887.                 function autoHeight_(element) {
  2888.                     return jQuery(element) .css({ 'height': 'auto', 'overflow-y': 'hidden' }) .height(element.scrollHeight);
  2889.                 }
  2890.                 return this.each(function() {
  2891.                     autoHeight_(this).on('input', function() {
  2892.                         autoHeight_(this);
  2893.                     });
  2894.                 });
  2895.             }
  2896.         });
  2897.  
  2898.         $('textarea').autoHeight();
  2899.  
  2900.         // Example starter JavaScript for disabling form submissions if there are invalid fields
  2901.         (function() {
  2902.           'use strict';
  2903.           window.addEventListener('load', function() {
  2904.             // Fetch all the forms we want to apply custom Bootstrap validation styles to
  2905.             var forms = document.getElementsByClassName('needs-validation');
  2906.             // Loop over them and prevent submission
  2907.             var validation = Array.prototype.filter.call(forms, function(form) {
  2908.               form.addEventListener('submit', function(event) {
  2909.                 if (form.checkValidity() === false) {
  2910.                   event.preventDefault();
  2911.                   event.stopPropagation();
  2912.                 }
  2913.                 form.classList.add('was-validated');
  2914.                 event.preventDefault();
  2915.               }, false);
  2916.             });
  2917.           }, false);
  2918.         })();
  2919.  
  2920.  
  2921.  
  2922.         // Credit Calculator
  2923.  
  2924.         var finalprice = 0;
  2925.         var phonecost = 19.95;
  2926.         var minusphone = 0;
  2927.         var splitcost = 0;
  2928.         var readdphone = 0;
  2929.         var dailycost = 0;
  2930.         var daysout = 0;
  2931.         var creditdue = 0;
  2932.  
  2933.         // single - (d/30)*e
  2934.         // used for single psu or full bundled psu outage credit.
  2935.         // Dont forget to calculate and credit separate channel packages(variety,hbo,etc..)
  2936.         function single() {
  2937.             finalprice = 0;
  2938.             minusphone = 0;
  2939.             splitcost = 0;
  2940.             readdphone = 0;
  2941.             dailycost = 0;
  2942.             daysout = 0;
  2943.             creditdue = 0;
  2944.             finalprice = document.getElementById('singlefinalprice').value;
  2945.             dailycost = (finalprice/30).toFixed(2);
  2946.             daysout = document.getElementById('singledaysout').value;
  2947.             creditdue = (dailycost * daysout).toFixed(2);
  2948.             document.getElementById('singledailycost').value = dailycost;
  2949.             document.getElementById('singlecreditdue').value = "-" + creditdue;
  2950.         }
  2951.  
  2952.         // bndphn - (19.95/30)*e
  2953.         // used when only phone is out as part of bundled psu
  2954.         function bndphn() {
  2955.             finalprice = 0;
  2956.             minusphone = 0;
  2957.             splitcost = 0;
  2958.             readdphone = 0;
  2959.             dailycost = 0;
  2960.             daysout = 0;
  2961.             creditdue = 0;
  2962.             document.getElementById('bndphnfinalprice').value = "19.95 - bundled phone is always 19.95";
  2963.             dailycost = (phonecost/30).toFixed(2);
  2964.             daysout = document.getElementById('bndphndaysout').value;
  2965.             creditdue = (dailycost * daysout).toFixed(2);
  2966.             document.getElementById('bndphndailycost').value = dailycost;
  2967.             document.getElementById('bndphncreditdue').value = "-" + creditdue;
  2968.         }
  2969.  
  2970.         // dblsplt - ((d/2)/30)*e
  2971.         // used when video or intenet is out in a internet/video double bundled psu
  2972.         function dblsplt() {
  2973.             finalprice = 0;
  2974.             minusphone = 0;
  2975.             splitcost = 0;
  2976.             readdphone = 0;
  2977.             dailycost = 0;
  2978.             daysout = 0;
  2979.             creditdue = 0;
  2980.             finalprice = document.getElementById('dblspltfinalprice').value;
  2981.             splitcost = (finalprice/2).toFixed(2);
  2982.             dailycost = (splitcost/30).toFixed(2);
  2983.             daysout = document.getElementById('dblspltdaysout').value;
  2984.             creditdue = (dailycost * daysout).toFixed(2);
  2985.             document.getElementById('dblspltsplitcost').value = splitcost;
  2986.             document.getElementById('dblspltdailycost').value = dailycost;
  2987.             document.getElementById('dblspltcreditdue').value = "-" + creditdue;
  2988.         }
  2989.  
  2990.         // dblnophn - ((d-19.95)/30)*e
  2991.         // used when only video is out in a video/phone bundle
  2992.         function dblnophn() {
  2993.             finalprice = 0;
  2994.             minusphone = 0;
  2995.             splitcost = 0;
  2996.             readdphone = 0;
  2997.             dailycost = 0;
  2998.             daysout = 0;
  2999.             creditdue = 0;
  3000.             finalprice = document.getElementById('dblnophnfinalprice').value;
  3001.             minusphone = (finalprice - phonecost).toFixed(2);
  3002.             dailycost = (minusphone/30).toFixed(2);
  3003.             daysout = document.getElementById('dblnophndaysout').value;
  3004.             creditdue = (dailycost * daysout).toFixed(2);
  3005.             document.getElementById('dblnophndailycost').value = dailycost;
  3006.             document.getElementById('dblnophncreditdue').value = "-" + creditdue;
  3007.         }
  3008.  
  3009.         // trpvidout - (((d-19.95)/2)/30)*e
  3010.         // used when only video is out in a triple bundle
  3011.         function trpvidout() {
  3012.             finalprice = 0;
  3013.             minusphone = 0;
  3014.             splitcost = 0;
  3015.             readdphone = 0;
  3016.             dailycost = 0;
  3017.             daysout = 0;
  3018.             creditdue = 0;
  3019.             finalprice = document.getElementById('trpvidoutfinalprice').value;
  3020.             minusphone = (finalprice - phonecost).toFixed(2);
  3021.             splitcost = (minusphone/2).toFixed(2);
  3022.             dailycost = (splitcost/30).toFixed(2);
  3023.             daysout = document.getElementById('trpvidoutdaysout').value;
  3024.             creditdue = (dailycost * daysout).toFixed(2);
  3025.             document.getElementById('trpvidoutminusphone').value = minusphone;
  3026.             document.getElementById('trpvidoutsplitcost').value = splitcost;
  3027.             document.getElementById('trpvidoutdailycost').value = dailycost;
  3028.             document.getElementById('trpvidoutcreditdue').value = "-" + creditdue;
  3029.         }
  3030.  
  3031.         // trpspltphn - ((((d-19.95)/2)+19.95)/30)*e
  3032.         // used when (phone AND video) OR (phone AND internet) are out in a triple bundle
  3033.         function trpspltphn() {
  3034.             finalprice = 0;
  3035.             minusphone = 0;
  3036.             splitcost = 0;
  3037.             readdphone = 0;
  3038.             dailycost = 0;
  3039.             daysout = 0;
  3040.             creditdue = 0;
  3041.             finalprice = document.getElementById('trpspltphnfinalprice').value;
  3042.             minusphone = (finalprice - phonecost).toFixed(2);
  3043.             splitcost = (minusphone/2).toFixed(2);
  3044.             readdphone = (+splitcost + +phonecost).toFixed(2);
  3045.             dailycost = (readdphone/30).toFixed(2);
  3046.             daysout = document.getElementById('trpspltphndaysout').value;
  3047.             creditdue = (dailycost * daysout).toFixed(2);
  3048.             document.getElementById('trpspltphnminusphone').value = minusphone;
  3049.             document.getElementById('trpspltphnsplitcost').value = splitcost;
  3050.             document.getElementById('trpspltphnreaddphone').value = readdphone;
  3051.             document.getElementById('trpspltphndailycost').value = dailycost;
  3052.             document.getElementById('trpspltphncreditdue').value = "-" + creditdue;
  3053.         }
  3054.  
  3055.  
  3056.         $(function(){
  3057.             $('#singlefinalprice').keyup(function(){  
  3058.                 single()
  3059.             });
  3060.             $('#singledaysout').keyup(function(){  
  3061.                 single()
  3062.             });
  3063.  
  3064.  
  3065.             $('#bndphnfinalprice').keyup(function(){  
  3066.                 bndphn()
  3067.             });
  3068.             $('#bndphndaysout').keyup(function(){  
  3069.                 bndphn()
  3070.             });
  3071.  
  3072.  
  3073.             $('#dblspltfinalprice').keyup(function(){  
  3074.                 dblsplt()
  3075.             });
  3076.             $('#dblspltdaysout').keyup(function(){  
  3077.                 dblsplt()
  3078.             });
  3079.  
  3080.  
  3081.             $('#dblnophnfinalprice').keyup(function(){  
  3082.                 dblnophn()
  3083.             });
  3084.             $('#dblnophndaysout').keyup(function(){  
  3085.                 dblnophn()
  3086.             });
  3087.  
  3088.  
  3089.             $('#trpvidoutfinalprice').keyup(function(){  
  3090.                 trpvidout()
  3091.             });
  3092.             $('#trpvidoutdaysout').keyup(function(){  
  3093.                 trpvidout()
  3094.             });
  3095.  
  3096.  
  3097.             $('#trpspltphnfinalprice').keyup(function(){  
  3098.                 trpspltphn()
  3099.             });
  3100.             $('#trpspltphndaysout').keyup(function(){  
  3101.                 trpspltphn()
  3102.             });
  3103.         });
  3104.  
  3105.  
  3106.  
  3107.     </script><!-- Scripts -->
  3108.  
  3109.  
  3110.  
  3111. <!-- Prefill Content Hidden DO NO INDENT! Indents appear in prefill contents -->
  3112. <!-- Prefill Content Hidden DO NO INDENT! Indents appear in prefill contents -->
  3113. <!-- Prefill Content Hidden DO NO INDENT! Indents appear in prefill contents -->
  3114.  
  3115. <div class="d-none">
  3116.  
  3117.  
  3118. <!-- Other Issues Templates -->
  3119. <div id="outage1">Service Out</div>
  3120. <div id="outage2">Informed CST of current outage in the area</div>
  3121. <div id="outage3">Suggested steps
  3122. step1
  3123. step2</div>
  3124. <div id="wheretech1">Where's the tech</div>
  3125. <div id="wheretech2"></div>
  3126. <div id="wheretech3">Suggested steps
  3127. step1
  3128. step2</div>
  3129.  
  3130.  
  3131. <!-- Billing Templates -->
  3132. <div id="paybill1">Billing - CST Calling to pay bill</div>
  3133. <div id="paybill2"></div>
  3134. <dir id="paybill3">Suggested steps
  3135. step1
  3136. step2</dir>
  3137. <div id="sd1">Billing - Account in Soft Disconnect</div>
  3138. <div id="sd2"></div>
  3139. <div id="sd3">Suggested steps
  3140. step1
  3141. step2</div>
  3142. <div id="reload1">Billing - Need to reload prepaid internet</div>
  3143. <div id="reload2"></div>
  3144. <div id="reload3">Suggested steps
  3145. step1
  3146. step2</div>
  3147. <div id="npd1">Billing - Non Pay Disconnect</div>
  3148. <div id="npd2"></div>
  3149. <div id="npd3">Suggested steps
  3150. step1
  3151. step2</div>
  3152. <div id="aru1">Billing - ARU not working</div>
  3153. <div id="aru2"></div>
  3154. <div id="aru3">Suggested steps
  3155. step1
  3156. step2</div>
  3157. <div id="myacct2"></div>
  3158. <div id="myacct3">Suggested steps
  3159. step1
  3160. step2</div>
  3161. <div id="increase1">Billing - Unexpected Bill Increase</div>
  3162. <div id="increase2"></div>
  3163. <div id="increase3">Suggested steps
  3164. step1
  3165. step2</div>
  3166. <div id="upgrade1">Billing - Customer would like to discus upgrade options</div>
  3167. <div id="upgrade2"></div>
  3168. <div id="upgrade3">Suggested steps
  3169. step1
  3170. step2</div>
  3171. <div id="raf1">Billing - Refer a Friend</div>
  3172. <div id="raf2"></div>
  3173. <div id="raf3">Suggested steps
  3174. step1
  3175. step2</div>
  3176. <div id="1"></div>
  3177. <div id="2"></div>
  3178. <div id="3"></div>
  3179.  
  3180.  
  3181. <!-- Internet Templates -->
  3182. <div id="internetout1">Internet - Out</div>
  3183. <div id="internetout2"></div>
  3184. <div id="internetout3">Suggested steps
  3185. step1
  3186. step2</div>
  3187. <div id="custmodem1">Internet - CST wants to add customer owned modem
  3188. MAC address of new modem: ##########</div>
  3189. <div id="custmodem2"></div>
  3190. <div id="custmodem3">Suggested steps
  3191. step1
  3192. step2</div>
  3193. <div id="wifi1">Internet - Cant connect to WiFi</div>
  3194. <div id="wifi2"></div>
  3195. <div id="wifi3">Suggested steps
  3196. step1
  3197. step2</div>
  3198. <div id="custrouter1">Internet - Customer owned router issue</div>
  3199. <div id="custrouter2"></div>
  3200. <div id="custrouter3">Suggested steps
  3201. step1
  3202. step2</div>
  3203. <div id="1"></div>
  3204. <div id="2"></div>
  3205. <div id="3"></div>
  3206. <div id="1"></div>
  3207. <div id="2"></div>
  3208. <div id="3"></div>
  3209.  
  3210.  
  3211. <!-- Video Templates -->
  3212. <div id="videoout1">Video - Out</div>
  3213. <div id="videoout2"></div>
  3214. <div id="videoout3">Suggested steps
  3215. step1
  3216. step2</div>
  3217. <div id="glitch1">Video - Glitching</div>
  3218. <div id="glitch2"></div>
  3219. <div id="glitch3">Suggested steps
  3220. step1
  3221. step2</div>
  3222. <div id="tvpair1">Video - Cant change volume or turn TV power on/off
  3223. TV Brand: </div>
  3224. <div id="tvpair2"></div>
  3225. <div id="tvpair3">Suggested steps
  3226. step1
  3227. step2</div>
  3228. <div id="audio1">Video - Audio/Language Issue</div>
  3229. <div id="audio2"></div>
  3230. <div id="audio3">Suggested steps
  3231. step1
  3232. step2</div>
  3233. <div id="dtapair1">Video - Cant change channels/open guide/menus</div>
  3234. <div id="dtapair2"></div>
  3235. <div id="dtapair3">Suggested steps
  3236. step1
  3237. step2</div>
  3238. <div id="noequip1">Video - No equipment to troubleshoot</div>
  3239. <div id="noequip2"></div>
  3240. <div id="noequip3">Suggested steps
  3241. step1
  3242. step2</div>
  3243. <div id="activate1">Video - "Your service needs to be activated before continuing" message on screen</div>
  3244. <div id="activate2"></div>
  3245. <div id="activate3">Suggested steps
  3246. step1
  3247. step2</div>
  3248. <div id="notinsub1">Video - "Not included in your current subscription" message on screen</div>
  3249. <div id="notinsub2"></div>
  3250. <div id="notinsub3">Suggested steps
  3251. step1
  3252. step2</div>
  3253. <div id="dvr1">Video - "DVR service unavailable" Message on screen</div>
  3254. <div id="dvr2"></div>
  3255. <div id="dvr3">Suggested steps
  3256. step1
  3257. step2</div>
  3258. <div id="tivonet1">VIDEO - XSTREAM BOX NOT CONNECTING TO INTERNET</div>
  3259. <div id="tivonet2"></div>
  3260. <div id="tivonet3">Suggested steps
  3261. step1
  3262. step2</div>
  3263. <div id="1"></div>
  3264. <div id="2"></div>
  3265. <div id="3"></div>
  3266. <div id="1"></div>
  3267. <div id="2"></div>
  3268. <div id="3"></div>
  3269.  
  3270.  
  3271.  
  3272. <!-- Phone Templates -->
  3273. <div id="phoneout1">Phone Out</div>
  3274. <div id="phoneout2"></div>
  3275. <div id="phoneout3">Suggested steps
  3276. step1
  3277. step2</div>
  3278. <div id="phnport1">Phone - Port Number from previous carrier</div>
  3279. <div id="phnport2"></div>
  3280. <div id="phnport3">Suggested steps
  3281. step1
  3282. step2
  3283. </div>
  3284. <div id="phnchange1">Phone - CST requesting to change phone number</div>
  3285. <div id="phnchange2"></div>
  3286. <div id="phnchange3">Suggested steps
  3287. step1
  3288. step2
  3289. </div>
  3290. <div id="1"></div>
  3291. <div id="2"></div>
  3292. <div id="3"></div>
  3293.  
  3294.  
  3295.  
  3296. </div>
  3297. <!-- Prefill Content Hidden DO NO INDENT! Indents appear in prefill contents -->
  3298.  
  3299.  
  3300.     <!-- TV Codes Modal -->
  3301.     <div class="modal" tabindex="-1" role="dialog" id="tvcode-modal">
  3302.         <div class="modal-dialog" role="document">
  3303.             <div class="modal-content">
  3304.                 <div class="modal-header">
  3305.                     <h5 class="modal-title">TV Codes Search</h5>
  3306.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3307.                         <span aria-hidden="true">&times;</span>
  3308.                     </button>
  3309.                 </div>
  3310.                 <div class="modal-body">
  3311.                    
  3312.                     <div id="tvcode-input">
  3313.                         <div class="input-group input-group-lg mb-3">
  3314.                             <input id="search" type="text" class="form-control" placeholder="Search" />
  3315.                             <div class="input-group-append">
  3316.                                 <button class="btn btn-outline-secondary" type="button">
  3317.                                     <i class="fas fa-search"></i>
  3318.                                 </button>
  3319.                             </div>
  3320.                         </div>
  3321.                         <ul class="list-group">
  3322.                         <!-- DTA Codes -->
  3323.                             <li class="list-group-item"><span class="tvbranddta">3M (DTA)</span> <span class="codes">10368</span></li>
  3324.                             <li class="list-group-item"><span class="tvbranddta">A MARK (DTA)</span> <span class="codes"> 10103 10132 </span></li>
  3325.                             <li class="list-group-item"><span class="tvbranddta">ACTION (DTA)</span> <span class="codes"> 10370</span></li>
  3326.                             <li class="list-group-item"><span class="tvbranddta">ADMIRAL (DTA)</span> <span class="codes"> 10436 10431 </span></li>
  3327.                             <li class="list-group-item"><span class="tvbranddta">ADVENT (DTA)</span> <span class="codes"> 10135 10339 </span></li>
  3328.                             <li class="list-group-item"><span class="tvbranddta">ADVENTURA (DTA)</span> <span class="codes"> 10372</span></li>
  3329.                             <li class="list-group-item"><span class="tvbranddta">AFTRON (DTA)</span> <span class="codes"> 10373</span></li>
  3330.                             <li class="list-group-item"><span class="tvbranddta">AIKO (DTA)</span> <span class="codes"> 10374</span></li>
  3331.                             <li class="list-group-item"><span class="tvbranddta">AIWA(R-44A) (DTA)</span> <span class="codes"> 10082 10183 </span></li>
  3332.                             <li class="list-group-item"><span class="tvbranddta">AKAI (DTA)</span> <span class="codes"> 10001 10148 10160 10230 10317 10318 10348 10352 10542 10439 10476 10517 </span></li>
  3333.                             <li class="list-group-item"><span class="tvbranddta">ALARON (DTA)</span> <span class="codes"> 10376</span></li>
  3334.                             <li class="list-group-item"><span class="tvbranddta">ALBATRON (DTA)</span> <span class="codes"> 10377</span></li>
  3335.                             <li class="list-group-item"><span class="tvbranddta">A-MARK (DTA)</span> <span class="codes"> 10388</span></li>
  3336.                             <li class="list-group-item"><span class="tvbranddta">AMBASSADOR (DTA)</span> <span class="codes"> 10378</span></li>
  3337.                             <li class="list-group-item"><span class="tvbranddta">AMERICA ACTION (DTA)</span> <span class="codes"> 10380</span></li>
  3338.                             <li class="list-group-item"><span class="tvbranddta">AMPRO (DTA)</span> <span class="codes"> 10070 10164 10249 10381 </span></li>
  3339.                             <li class="list-group-item"><span class="tvbranddta">AMSTRAD (DTA)</span> <span class="codes"> 10053</span></li>
  3340.                             <li class="list-group-item"><span class="tvbranddta">ANAM (DTA)</span> <span class="codes"> 10045 10055 10057 10076 10095 10099 10103 10106 10109 10112 10122 10143 10240 10380 </span></li>
  3341.                             <li class="list-group-item"><span class="tvbranddta">AOC (DTA)</span> <span class="codes"> 10088 10363 10367 10001 10011 10103 10230 10231 10330 10439 </span></li>
  3342.                             <li class="list-group-item"><span class="tvbranddta">AOMNI (DTA)</span> <span class="codes"> 10354</span></li>
  3343.                             <li class="list-group-item"><span class="tvbranddta">APEX (DTA)</span> <span class="codes"> 10302 10303 </span></li>
  3344.                             <li class="list-group-item"><span class="tvbranddta">APEX DIGITAL (DTA)</span> <span class="codes"> 10303 10373 10384</span></li>
  3345.                             <li class="list-group-item"><span class="tvbranddta">ARCHER (DTA)</span> <span class="codes"> 10388</span></li>
  3346.                             <li class="list-group-item"><span class="tvbranddta">ASTAR (DTA)</span> <span class="codes"> 10390</span></li>
  3347.                             <li class="list-group-item"><span class="tvbranddta">AUDIOVOX (DTA)</span> <span class="codes"> 10345 10319 10380 10374 10388</span></li>
  3348.                             <li class="list-group-item"><span class="tvbranddta">AURORA SYSTEMS (DTA)</span> <span class="codes"> 10391</span></li>
  3349.                             <li class="list-group-item"><span class="tvbranddta">AVENTURA (DTA)</span> <span class="codes"> 10311</span></li>
  3350.                             <li class="list-group-item"><span class="tvbranddta">BELCOR (DTA)</span> <span class="codes"> 10230 10231 10315</span></li>
  3351.                             <li class="list-group-item"><span class="tvbranddta">BELL & HOWELL (DTA)</span> <span class="codes"> 10393</span></li>
  3352.                            <li class="list-group-item"><span class="tvbranddta">BENQ (DTA)</span> <span class="codes"> 10395 10396 </span></li>
  3353.                            <li class="list-group-item"><span class="tvbranddta">BLAUPUNKT (DTA)</span> <span class="codes"> 10084</span></li>
  3354.                            <li class="list-group-item"><span class="tvbranddta">BRADFORD (DTA)</span> <span class="codes"> 10380</span></li>
  3355.                            <li class="list-group-item"><span class="tvbranddta">BRILLIAN (DTA)</span> <span class="codes"> 10397 10398 </span></li>
  3356.                            <li class="list-group-item"><span class="tvbranddta">BROCKWOOD (DTA)</span> <span class="codes"> 10231 10315 </span></li>
  3357.                            <li class="list-group-item"><span class="tvbranddta">BROKSONIC (DTA)</span> <span class="codes"> 10143 10166 10174 10431 </span></li>
  3358.                            <li class="list-group-item"><span class="tvbranddta">BUSH (DTA)</span> <span class="codes"> 10399</span></li>
  3359.                            <li class="list-group-item"><span class="tvbranddta">BYD:SIGN (DTA)</span> <span class="codes"> 10400</span></li>
  3360.                            <li class="list-group-item"><span class="tvbranddta">CADIA (DTA)</span> <span class="codes"> 10401</span></li>
  3361.                            <li class="list-group-item"><span class="tvbranddta">CANDLE (DTA)</span> <span class="codes"> 10001 10002 10003 10011 10230 10439 10372 10543 </span></li>
  3362.                            <li class="list-group-item"><span class="tvbranddta">CANON (DTA)</span> <span class="codes"> 10402 10403 </span></li>
  3363.                            <li class="list-group-item"><span class="tvbranddta">CAPEHART (DTA)</span> <span class="codes"> 10059</span></li>
  3364.                            <li class="list-group-item"><span class="tvbranddta">CARNIBALE (DTA)</span> <span class="codes"> 10230 10439 </span></li>
  3365.                            <li class="list-group-item"><span class="tvbranddta">CARVER (DTA)</span> <span class="codes"> 10415 10405 </span></li>
  3366.                            <li class="list-group-item"><span class="tvbranddta">CASIO (DTA)</span> <span class="codes"> 10406 10407 </span></li>
  3367.                            <li class="list-group-item"><span class="tvbranddta">CCE (DTA)</span> <span class="codes"> 10408</span></li>
  3368.                            <li class="list-group-item"><span class="tvbranddta">CELEBRITY (DTA)</span> <span class="codes"> 10409</span></li>
  3369.                            <li class="list-group-item"><span class="tvbranddta">CELERA (DTA)</span> <span class="codes"> 10303</span></li>
  3370.                            <li class="list-group-item"><span class="tvbranddta">CETRONIC (DTA)</span> <span class="codes"> 10045</span></li>
  3371.                            <li class="list-group-item"><span class="tvbranddta">CHANGHONG (DTA)</span> <span class="codes"> 10303</span></li>
  3372.                            <li class="list-group-item"><span class="tvbranddta">CINEGO (DTA)</span> <span class="codes"> 10411</span></li>
  3373.                            <li class="list-group-item"><span class="tvbranddta">CITIZEN (DTA)</span> <span class="codes"> 10001 10002 10003 10011 10045 10092 10094 10132 10230 10439 10374 10372 10543 10517 </span></li>
  3374.                            <li class="list-group-item"><span class="tvbranddta">CLARION (DTA)</span> <span class="codes"> 10380</span></li>
  3375.                            <li class="list-group-item"><span class="tvbranddta">CLASSIC (DTA)</span> <span class="codes"> 10045</span></li>
  3376.                            <li class="list-group-item"><span class="tvbranddta">COBY (DTA)</span> <span class="codes"> 10412</span></li>
  3377.                            <li class="list-group-item"><span class="tvbranddta">COMMERCIAL SOLUTIONS (DTA)</span> <span class="codes"> 10413</span></li>
  3378.                            <li class="list-group-item"><span class="tvbranddta">COMPAQ (DTA)</span> <span class="codes"> 10414</span></li>
  3379.                            <li class="list-group-item"><span class="tvbranddta">CONCERTO (DTA)</span> <span class="codes"> 10011 10543 </span></li>
  3380.                            <li class="list-group-item"><span class="tvbranddta">CONTEC (DTA)</span> <span class="codes"> 10041 10045 10051 10052 10380</span></li>
  3381.                            <li class="list-group-item"><span class="tvbranddta">CORENA SYSTEM (DTA)</span> <span class="codes"> 10301</span></li>
  3382.                            <li class="list-group-item"><span class="tvbranddta">CORONADO (DTA)</span> <span class="codes"> 10132</span></li>
  3383.                            <li class="list-group-item"><span class="tvbranddta">CRAIG (DTA)</span> <span class="codes"> 10045 10055 10157 10158 10159 10380 </span></li>
  3384.                            <li class="list-group-item"><span class="tvbranddta">CROSLEY (DTA)</span> <span class="codes"> 10415</span></li>
  3385.                            <li class="list-group-item"><span class="tvbranddta">CROWN (DTA)</span> <span class="codes"> 10045 10132 10380</span></li>
  3386.                            <li class="list-group-item"><span class="tvbranddta">CURTIS MATHES (DTA)</span> <span class="codes"> 10001 10092 10107 10132 10230 10365 10413 10415 10393 10319 10436 10542 10439 10368 10504 10543 </span></li>
  3387.                            <li class="list-group-item"><span class="tvbranddta">CXC (DTA)</span> <span class="codes"> 10045 10380 </span></li>
  3388.                            <li class="list-group-item"><span class="tvbranddta">CYBERHOME (DTA)</span> <span class="codes"> 10416</span></li>
  3389.                            <li class="list-group-item"><span class="tvbranddta">CYTRON (DTA)</span> <span class="codes"> 10417 10418 </span></li>
  3390.                            <li class="list-group-item"><span class="tvbranddta">DAEWOO (DTA)</span> <span class="codes"> 10011 10022 10023 10038 10045 10046 10056 10068 10073 10094 10098 10102 10105 10108 10111 10114 10116 10118 10119 10127 10132 10231 10246 10319 10374 10315 </span></li>
  3391.                            <li class="list-group-item"><span class="tvbranddta">DAYTRON (DTA)</span> <span class="codes"> 10107 10132 10231 10315 </span></li>
  3392.                            <li class="list-group-item"><span class="tvbranddta">DELL (DTA)</span> <span class="codes"> 10148 10314 </span></li>
  3393.                            <li class="list-group-item"><span class="tvbranddta">DELTA (DTA)</span> <span class="codes"> 10419</span></li>
  3394.                            <li class="list-group-item"><span class="tvbranddta">DENON (DTA)</span> <span class="codes"> 10368 10421 </span></li>
  3395.                            <li class="list-group-item"><span class="tvbranddta">DIAMOND VISION (DTA)</span> <span class="codes"> 10422 10423 </span></li>
  3396.                            <li class="list-group-item"><span class="tvbranddta">DIGI LINK (DTA)</span> <span class="codes"> 10172</span></li>
  3397.                            <li class="list-group-item"><span class="tvbranddta">DIGISTAR (DTA)</span> <span class="codes"> 10424</span></li>
  3398.                            <li class="list-group-item"><span class="tvbranddta">DIGITAL LIFESTYLES (DTA)</span> <span class="codes"> 10425 10426 </span></li>
  3399.                            <li class="list-group-item"><span class="tvbranddta">DIGITAL PROJECTION INC. (DTA)</span> <span class="codes"> 10427 10429 </span></li>
  3400.                            <li class="list-group-item"><span class="tvbranddta">DREAM VISION (DTA)</span> <span class="codes"> 10430</span></li>
  3401.                            <li class="list-group-item"><span class="tvbranddta">DUMONT (DTA)</span> <span class="codes"> 10231</span></li>
  3402.                            <li class="list-group-item"><span class="tvbranddta">DURABRAND (DTA)</span> <span class="codes"> 10431 10380 10315 10311 10434 10388 10435</span></li>
  3403.                            <li class="list-group-item"><span class="tvbranddta">DWIN (DTA)</span> <span class="codes"> 10436</span></li>
  3404.                            <li class="list-group-item"><span class="tvbranddta">DYNASTY (DTA)</span> <span class="codes"> 10045</span></li>
  3405.                            <li class="list-group-item"><span class="tvbranddta">DYNATECH (DTA)</span> <span class="codes"> 10063</span></li>
  3406.                            <li class="list-group-item"><span class="tvbranddta">DYNEX (DTA)</span> <span class="codes"> 10091 10347 10366</span></li>
  3407.                            <li class="list-group-item"><span class="tvbranddta">EIKI (DTA)</span> <span class="codes"> 10253 10402 </span></li>
  3408.                            <li class="list-group-item"><span class="tvbranddta">ELECTROBAND (DTA)</span> <span class="codes"> 10409</span></li>
  3409.                            <li class="list-group-item"><span class="tvbranddta">ELECTROGRAPH (DTA)</span> <span class="codes"> 10354</span></li>
  3410.                            <li class="list-group-item"><span class="tvbranddta">ELECTROGRAPH (DTA)</span> <span class="codes"> 10486 10354 </span></li>
  3411.                            <li class="list-group-item"><span class="tvbranddta">ELECTROHOME (DTA)</span> <span class="codes"> 10074 10132 </span></li>
  3412.                            <li class="list-group-item"><span class="tvbranddta">ELECTROHOME (DTA)</span> <span class="codes"> 10431</span></li>
  3413.                            <li class="list-group-item"><span class="tvbranddta">ELEMENT (DTA)</span> <span class="codes"> 10335</span></li>
  3414.                            <li class="list-group-item"><span class="tvbranddta">EMERSON (DTA)</span> <span class="codes"> 10001 10012 10013 10029 10033 10045 10048 10049 10051 10052 10091 10107 10132 10137 10139 10140 10141 10157 10158 10162 10184 10185 10186 10187 10188 10189 10190 10191 10192 10193 10194 10195 10196 10197 10198 10199 10200 10201 10202 10355 10393 10319 10431 10380 10315 10311 10505</span></li>
  3415.                            <li class="list-group-item"><span class="tvbranddta">EMPREX (DTA)</span> <span class="codes"> 10425</span></li>
  3416.                            <li class="list-group-item"><span class="tvbranddta">ENVISION (DTA)</span> <span class="codes"> 10439 10358 10330</span></li>
  3417.                            <li class="list-group-item"><span class="tvbranddta">ENVIXION (DTA)</span> <span class="codes"> 10230</span></li>
  3418.                            <li class="list-group-item"><span class="tvbranddta">EPSON (DTA)</span> <span class="codes"> 10364</span></li>
  3419.                            <li class="list-group-item"><span class="tvbranddta">ERAE (DTA)</span> <span class="codes"> 10442</span></li>
  3420.                            <li class="list-group-item"><span class="tvbranddta">ESA (DTA)</span> <span class="codes"> 10317 10318 10311</span></li>
  3421.                            <li class="list-group-item"><span class="tvbranddta">FISHER (DTA)</span> <span class="codes"> 10013 10058 10393</span></li>
  3422.                            <li class="list-group-item"><span class="tvbranddta">FUJITSU (DTA)</span> <span class="codes"> 10149 10228 10333 10334 10376</span></li>
  3423.                            <li class="list-group-item"><span class="tvbranddta">FUNAI (DTA)</span> <span class="codes"> 10033 10045 10380 10311 10376 10452 </span></li>
  3424.                            <li class="list-group-item"><span class="tvbranddta">FUTURETECH (DTA)</span> <span class="codes"> 10045 10380 </span></li>
  3425.                            <li class="list-group-item"><span class="tvbranddta">GATEWAY (DTA)</span> <span class="codes"> 10310 10486 </span></li>
  3426.                            <li class="list-group-item"><span class="tvbranddta">GE (DTA)</span> <span class="codes"> 10001 10014 10015 10038 10057 10070 10083 10107 10121 10133 10141 10145 10163 10413 10319 10315 10489 10484 </span></li>
  3427.                            <li class="list-group-item"><span class="tvbranddta">GILBRALTER (DTA)</span> <span class="codes"> 10230 10231 10439 10315 </span></li>
  3428.                            <li class="list-group-item"><span class="tvbranddta">GO VIDEO (DTA)</span> <span class="codes"> 10443 10479 10476</span></li>
  3429.                            <li class="list-group-item"><span class="tvbranddta">GOODMANS (DTA)</span> <span class="codes"> 10445</span></li>
  3430.                            <li class="list-group-item"><span class="tvbranddta">GRADIENTE (DTA)</span> <span class="codes"> 10040</span></li>
  3431.                            <li class="list-group-item"><span class="tvbranddta">GRUNPY (DTA)</span> <span class="codes"> 10380 10376 </span></li>
  3432.                            <li class="list-group-item"><span class="tvbranddta">H & B (DTA)</span> <span class="codes"> 10301</span></li>
  3433.                            <li class="list-group-item"><span class="tvbranddta">HAIER (DTA)</span> <span class="codes"> 10026 10322 10323 10324 10325 10326 10434 10373 </span></li>
  3434.                            <li class="list-group-item"><span class="tvbranddta">HALL MARK (DTA)</span> <span class="codes">  10107 10231 10315</span></li>
  3435.                            <li class="list-group-item"><span class="tvbranddta">HANNS.G (DTA)</span> <span class="codes"> 10447</span></li>
  3436.                            <li class="list-group-item"><span class="tvbranddta">HANNSPREE (DTA)</span> <span class="codes"> 10448 10449 10447</span></li>
  3437.                            <li class="list-group-item"><span class="tvbranddta">HARLEY DAVIDSON (DTA)</span> <span class="codes"> 10451 10376 10452</span></li>
  3438.                            <li class="list-group-item"><span class="tvbranddta">HARMAN KARDON (DTA)</span> <span class="codes"> 10034 10180 10181 10182 10415</span></li>
  3439.                            <li class="list-group-item"><span class="tvbranddta">HARVARD (DTA)</span> <span class="codes"> 10380 10453 </span></li>
  3440.                            <li class="list-group-item"><span class="tvbranddta">HAVERMY (DTA)</span> <span class="codes"> 10436</span></li>
  3441.                            <li class="list-group-item"><span class="tvbranddta">HELIOS (DTA)</span> <span class="codes"> 10301</span></li>
  3442.                            <li class="list-group-item"><span class="tvbranddta">HELLO KITTY (DTA)</span> <span class="codes"> 10319</span></li>
  3443.                            <li class="list-group-item"><span class="tvbranddta">HEWLETT PACKARD (DTA)</span> <span class="codes"> 10456 10330 10458</span></li>
  3444.                            <li class="list-group-item"><span class="tvbranddta">HISENSE (DTA)</span> <span class="codes"> 10373 10459 10462</span></li>
  3445.                            <li class="list-group-item"><span class="tvbranddta">HITACHI (DTA)</span> <span class="codes"> 10001 10011 10015 10016 10017 10018 10029 10043 10072 10132 10144 10147 10203 10204 10205 10206 10207 10208 10209 10210 10211 10368 10452 10368 10543</span></li>
  3446.                            <li class="list-group-item"><span class="tvbranddta">HP (DTA)</span> <span class="codes"> 10357</span></li>
  3447.                            <li class="list-group-item"><span class="tvbranddta">HUMAX (DTA)</span> <span class="codes"> 10143</span></li>
  3448.                            <li class="list-group-item"><span class="tvbranddta">HYPERION (DTA)</span> <span class="codes"> 10231</span></li>
  3449.                            <li class="list-group-item"><span class="tvbranddta">HYUNDAI (DTA)</span> <span class="codes"> 10460 10461 </span></li>
  3450.                            <li class="list-group-item"><span class="tvbranddta">I-INC (DTA)</span> <span class="codes"> 10463</span></li>
  3451.                            <li class="list-group-item"><span class="tvbranddta">ILO (DTA)</span> <span class="codes"> 10091 10343 10362 10356 </span></li>
  3452.                            <li class="list-group-item"><span class="tvbranddta">INFINITY (DTA)</span> <span class="codes"> 10415 10148 </span></li>
  3453.                            <li class="list-group-item"><span class="tvbranddta">INFOCUS (DTA)</span> <span class="codes"> 10464 10364 10466 10467 </span></li>
  3454.                            <li class="list-group-item"><span class="tvbranddta">INITIAL (DTA)</span> <span class="codes"> 10356</span></li>
  3455.                            <li class="list-group-item"><span class="tvbranddta">INKEL (DTA)</span> <span class="codes"> 10120</span></li>
  3456.                            <li class="list-group-item"><span class="tvbranddta">INSIGNIA (DTA)</span> <span class="codes"> 10091 10366 10311 10417 </span></li>
  3457.                            <li class="list-group-item"><span class="tvbranddta">IX (DTA)</span> <span class="codes"> 10344</span></li>
  3458.                            <li class="list-group-item"><span class="tvbranddta">JANEIL (DTA)</span> <span class="codes"> 10372</span></li>
  3459.                            <li class="list-group-item"><span class="tvbranddta">JBL (DTA)</span> <span class="codes"> 10148 10415 </span></li>
  3460.                            <li class="list-group-item"><span class="tvbranddta">JCB (DTA)</span> <span class="codes"> 10409</span></li>
  3461.                            <li class="list-group-item"><span class="tvbranddta">JCPENNY (DTA)</span> <span class="codes"> 10001 10011 10014 10015 10030 10035 10092 10132 10145</span></li>
  3462.                            <li class="list-group-item"><span class="tvbranddta">JENSEN (DTA)</span> <span class="codes"> 10019 10234 </span></li>
  3463.                            <li class="list-group-item"><span class="tvbranddta">JVC (DTA)</span> <span class="codes"> 10038 10040 10079 10134 10239 10550 </span></li>
  3464.                            <li class="list-group-item"><span class="tvbranddta">KAWASHO (DTA)</span> <span class="codes"> 10470</span></li>
  3465.                            <li class="list-group-item"><span class="tvbranddta">KDS (DTA)</span> <span class="codes"> 10335</span></li>
  3466.                            <li class="list-group-item"><span class="tvbranddta">KEC (DTA)</span> <span class="codes"> 10045 10380 </span></li>
  3467.                            <li class="list-group-item"><span class="tvbranddta">KENWOOD (DTA)</span> <span class="codes"> 10001 10229 10230 10231 10439 10315 </span></li>
  3468.                            <li class="list-group-item"><span class="tvbranddta">KLEGG (DTA)</span> <span class="codes"> 10354</span></li>
  3469.                            <li class="list-group-item"><span class="tvbranddta">KLH (DTA)</span> <span class="codes"> 10341 10303 </span></li>
  3470.                            <li class="list-group-item"><span class="tvbranddta">KLOSS (DTA)</span> <span class="codes"> 10002 10060 10230 10372 </span></li>
  3471.                            <li class="list-group-item"><span class="tvbranddta">KMC (DTA)</span> <span class="codes"> 10132</span></li>
  3472.                            <li class="list-group-item"><span class="tvbranddta">KNOLL (DTA)</span> <span class="codes"> SYSTEMS 10467</span></li>
  3473.                            <li class="list-group-item"><span class="tvbranddta">KONKA (DTA)</span> <span class="codes"> 10473 10475 10476 10477 </span></li>
  3474.                            <li class="list-group-item"><span class="tvbranddta">KOST (DTA)</span> <span class="codes"> 10478 10479 </span></li>
  3475.                            <li class="list-group-item"><span class="tvbranddta">KREISEN (DTA)</span> <span class="codes"> 10480 10479 </span></li>
  3476.                            <li class="list-group-item"><span class="tvbranddta">KT (DTA)</span> <span class="codes"> 10001 10045 10132 10140 10162 10308 </span></li>
  3477.                            <li class="list-group-item"><span class="tvbranddta">KTV (DTA)</span> <span class="codes"> 10380 10439 </span></li>
  3478.                            <li class="list-group-item"><span class="tvbranddta">LG(GOLDSTAR) (DTA)</span> <span class="codes"> 10011 10093 10097 10101 10103 10104 10107 10110 10113 10118 10128 10132 10231 10346 10315 10439 </span></li>
  3479.                            <li class="list-group-item"><span class="tvbranddta">LLOYD'S (DTA)</span> <span class="codes"> 10452</span></li>
  3480.                            <li class="list-group-item"><span class="tvbranddta">LODGENET (DTA)</span> <span class="codes"> 10069</span></li>
  3481.                            <li class="list-group-item"><span class="tvbranddta">LOEWE (DTA)</span> <span class="codes"> 10481</span></li>
  3482.                            <li class="list-group-item"><span class="tvbranddta">LOGIK (DTA)</span> <span class="codes"> 10069</span></li>
  3483.                            <li class="list-group-item"><span class="tvbranddta">LUCE (DTA)</span> <span class="codes"> 10358 10483 </span></li>
  3484.                            <li class="list-group-item"><span class="tvbranddta">LUXMAN (DTA)</span> <span class="codes"> 10011 10543 </span></li>
  3485.                            <li class="list-group-item"><span class="tvbranddta">LXI (DTA)</span> <span class="codes"> 10013 10021 10053 10077 10145 10148 10413 10415 10393 10303 10315</span></li>
  3486.                            <li class="list-group-item"><span class="tvbranddta">MAGNASONIC (DTA)</span> <span class="codes"> 10230 10231 10348</span></li>
  3487.                            <li class="list-group-item"><span class="tvbranddta">MAGNAVOX (DTA)</span> <span class="codes"> 10001 10003 10011 10060 10061 10062 10064 10065 10066 10086 10088 10118 10132 10138 10145 10148 10192 10212 10213 10230 10236 10244 10312 10332 10415 10439 10356 10505 10452 10330 10376</span></li>
  3488.                            <li class="list-group-item"><span class="tvbranddta">MAGNIN (DTA)</span> <span class="codes"> 10484</span></li>
  3489.                            <li class="list-group-item"><span class="tvbranddta">MARANTZ (DTA)</span> <span class="codes"> 10001 10074 10148 10230 10415 10439 </span></li>
  3490.                            <li class="list-group-item"><span class="tvbranddta">MATSUI (DTA)</span> <span class="codes"> 10148</span></li>
  3491.                            <li class="list-group-item"><span class="tvbranddta">MATSUSHITA (DTA)</span> <span class="codes"> 10485</span></li>
  3492.                            <li class="list-group-item"><span class="tvbranddta">MAXENT (DTA)</span> <span class="codes"> 10486 10487 </span></li>
  3493.                            <li class="list-group-item"><span class="tvbranddta">MB QUART (DTA)</span> <span class="codes"> 10315</span></li>
  3494.                            <li class="list-group-item"><span class="tvbranddta">MEGATRON (DTA)</span> <span class="codes"> 10315 10368 10388 10435 </span></li>
  3495.                            <li class="list-group-item"><span class="tvbranddta">MEMOREX (DTA)</span> <span class="codes"> 10013 10069 10091 10107 10393 10431 10315 10376 10344 10516 </span></li>
  3496.                            <li class="list-group-item"><span class="tvbranddta">METZ (DTA)</span> <span class="codes"> 10084</span></li>
  3497.                            <li class="list-group-item"><span class="tvbranddta">MGA (DTA)</span> <span class="codes"> 10001 10011 10033 10044 10050 10074 10107 10230 10231 10315 10439 10315 10484</span></li>
  3498.                            <li class="list-group-item"><span class="tvbranddta">MICRO (DTA)</span> <span class="codes"> 10479</span></li>
  3499.                            <li class="list-group-item"><span class="tvbranddta">MIDLAND (DTA)</span> <span class="codes"> 10413</span></li>
  3500.                            <li class="list-group-item"><span class="tvbranddta">MINERVA (DTA)</span> <span class="codes"> 10084</span></li>
  3501.                            <li class="list-group-item"><span class="tvbranddta">MINTEK (DTA)</span> <span class="codes"> 10356</span></li>
  3502.                            <li class="list-group-item"><span class="tvbranddta">MINUTZ (DTA)</span> <span class="codes"> 10489</span></li>
  3503.                            <li class="list-group-item"><span class="tvbranddta">MITSUBISHI (DTA)</span> <span class="codes"> 10001 10011 10030 10033 10034 10041 10042 10044 10089 10100 10107 10115 10154 10160 10167 10168 10214 10215 10216 10231 10245 10436 10315</span></li>
  3504.                            <li class="list-group-item"><span class="tvbranddta">MONIVISION (DTA)</span> <span class="codes"> 10377</span></li>
  3505.                            <li class="list-group-item"><span class="tvbranddta">MONTGOMERY (DTA)</span> <span class="codes"> WARD 10185 10217 10218 10219 10220</span></li>
  3506.                            <li class="list-group-item"><span class="tvbranddta">MOTOROLA (DTA)</span> <span class="codes"> 10436 10335 </span></li>
  3507.                            <li class="list-group-item"><span class="tvbranddta">MOXELL (DTA)</span> <span class="codes"> 10335</span></li>
  3508.                            <li class="list-group-item"><span class="tvbranddta">MTC (DTA)</span> <span class="codes"> 10230 10231 10439 10315 10543</span></li>
  3509.                            <li class="list-group-item"><span class="tvbranddta">MULTITECH (DTA)</span> <span class="codes"> 10380</span></li>
  3510.                            <li class="list-group-item"><span class="tvbranddta">NAD (DTA)</span> <span class="codes"> 10021 10031 10303 10315 10543</span></li>
  3511.                            <li class="list-group-item"><span class="tvbranddta">NAKAMICHI (DTA)</span> <span class="codes"> 10491</span></li>
  3512.                            <li class="list-group-item"><span class="tvbranddta">NAXA (DTA)</span> <span class="codes"> 10492</span></li>
  3513.                            <li class="list-group-item"><span class="tvbranddta">NEC (DTA)</span> <span class="codes"> 10001 10013 10022 10025 10030 10041 10042 10057 10121 10123 10125 10230 10231 10235 10344 10439 10315 10543 10405</span></li>
  3514.                            <li class="list-group-item"><span class="tvbranddta">NETTV (DTA)</span> <span class="codes"> 10486</span></li>
  3515.                            <li class="list-group-item"><span class="tvbranddta">NIKEI (DTA)</span> <span class="codes"> 10045</span></li>
  3516.                            <li class="list-group-item"><span class="tvbranddta">NIKKO (DTA)</span> <span class="codes"> 10230 10315 10439 10374 </span></li>
  3517.                            <li class="list-group-item"><span class="tvbranddta">NIKO (DTA)</span> <span class="codes"> 10493</span></li>
  3518.                            <li class="list-group-item"><span class="tvbranddta">NOBLEX (DTA)</span> <span class="codes"> 10494</span></li>
  3519.                            <li class="list-group-item"><span class="tvbranddta">NORCENT (DTA)</span> <span class="codes"> 10373 10330 10495 10493 </span></li>
  3520.                            <li class="list-group-item"><span class="tvbranddta">NORWOOD MICRO (DTA)</span> <span class="codes"> 10362 10498 </span></li>
  3521.                            <li class="list-group-item"><span class="tvbranddta">NTC (DTA)</span> <span class="codes"> 10374</span></li>
  3522.                            <li class="list-group-item"><span class="tvbranddta">NUVISION (DTA)</span> <span class="codes"> 10502</span></li>
  3523.                            <li class="list-group-item"><span class="tvbranddta">OLEVIA (DTA)</span> <span class="codes"> 10011 10342 10535 10315 </span></li>
  3524.                            <li class="list-group-item"><span class="tvbranddta">OLYMPUS (DTA)</span> <span class="codes"> 10503</span></li>
  3525.                            <li class="list-group-item"><span class="tvbranddta">ONKING (DTA)</span> <span class="codes"> 10045</span></li>
  3526.                            <li class="list-group-item"><span class="tvbranddta">ONWA (DTA)</span> <span class="codes"> 10045 10380 </span></li>
  3527.                            <li class="list-group-item"><span class="tvbranddta">OPTIMUS (DTA)</span> <span class="codes"> 10485 10393 10504 10505 </span></li>
  3528.                            <li class="list-group-item"><span class="tvbranddta">OPTOMA (DTA)</span> <span class="codes"> 10506 10448 </span></li>
  3529.                            <li class="list-group-item"><span class="tvbranddta">OPTONICA (DTA)</span> <span class="codes"> 10436</span></li>
  3530.                            <li class="list-group-item"><span class="tvbranddta">OPTONICA (DTA)</span> <span class="codes"> 10025 10034 10077 10235 </span></li>
  3531.                            <li class="list-group-item"><span class="tvbranddta">ORION (DTA)</span> <span class="codes"> 10431 10376 10516</span></li>
  3532.                            <li class="list-group-item"><span class="tvbranddta">PANASONIC (DTA)</span> <span class="codes"> 10005 10010 10038 10057 10076 10087 10148 10150 10169 10173 10240 10308 10359 10485 </span></li>
  3533.                            <li class="list-group-item"><span class="tvbranddta">PENNEY (DTA)</span> <span class="codes"> 10230 10231 10413 10303 10315 10439 10484 10489 10388</span></li>
  3534.                            <li class="list-group-item"><span class="tvbranddta">PHILCO (DTA)</span> <span class="codes"> 10001 10003 10011 10030 10045 10057 10060 10061 10064 10065 10118 10132 10148 10230 10231 10415 10439 10315 </span></li>
  3535.                            <li class="list-group-item"><span class="tvbranddta">PHILIPS (DTA)</span> <span class="codes"> 10001 10003 10011 10040 10060 10067 10132 10145 10148 10222 10230 10231 10321 10371 10415 10479 </span></li>
  3536.                            <li class="list-group-item"><span class="tvbranddta">PILOT (DTA)</span> <span class="codes"> 10230 10231 10439 10315 </span></li>
  3537.                            <li class="list-group-item"><span class="tvbranddta">PIONEER (DTA)</span> <span class="codes"> 10001 10024 10029 10031 10032 10107 10248 10254 10304 10504 </span></li>
  3538.                            <li class="list-group-item"><span class="tvbranddta">POLAROID (DTA)</span> <span class="codes"> 10335 10338 10339 10340 10341 10303 10417 10362 10478 10301 10476</span></li>
  3539.                            <li class="list-group-item"><span class="tvbranddta">PORTLAND (DTA)</span> <span class="codes"> 10011 10132 10231 10374 10315 10335 10424 10476 </span></li>
  3540.                            <li class="list-group-item"><span class="tvbranddta">PROSCAN (DTA)</span> <span class="codes"> 10133 10223 10249 10413 </span></li>
  3541.                            <li class="list-group-item"><span class="tvbranddta">PROTON (DTA)</span> <span class="codes"> 10059 10107 10122 10132 10165 10224 10251 10315 10388</span></li>
  3542.                            <li class="list-group-item"><span class="tvbranddta">PROTRON (DTA)</span> <span class="codes"> 10507 10508 </span></li>
  3543.                            <li class="list-group-item"><span class="tvbranddta">PROVIEW (DTA)</span> <span class="codes"> 10335</span></li>
  3544.                            <li class="list-group-item"><span class="tvbranddta">PULSAR (DTA)</span> <span class="codes"> 10231 10315 </span></li>
  3545.                            <li class="list-group-item"><span class="tvbranddta">PUNEET (DTA)</span> <span class="codes"> 10425</span></li>
  3546.                            <li class="list-group-item"><span class="tvbranddta">PVISION (DTA)</span> <span class="codes"> 10442</span></li>
  3547.                            <li class="list-group-item"><span class="tvbranddta">QUASAR (DTA)</span> <span class="codes"> 10038 10057 10087 10225 10243 10308 10485</span></li>
  3548.                            <li class="list-group-item"><span class="tvbranddta">RADIO (DTA)</span> <span class="codes"> SHACK 10025 10045 10048 10107 10118 10132 10230 10235 </span></li>
  3549.                            <li class="list-group-item"><span class="tvbranddta">RCA (DTA)</span> <span class="codes"> 10001 10004 10006 10011 10029 10030 10057 10083 10133 10145 10161 10163 10171 10231 10232 10371 10413 10484 10315</span></li>
  3550.                            <li class="list-group-item"><span class="tvbranddta">REALISTIC (DTA)</span> <span class="codes"> 10013 10025 10045 10048 10230 10231 10235 10393 10380 10315 10439 10315 10543</span></li>
  3551.                            <li class="list-group-item"><span class="tvbranddta">REVOLUTIONHD (DTA)</span> <span class="codes"> 10354</span></li>
  3552.                            <li class="list-group-item"><span class="tvbranddta">ROCTEC (DTA)</span> <span class="codes"> 10237</span></li>
  3553.                            <li class="list-group-item"><span class="tvbranddta">RUNCO (DTA)</span> <span class="codes"> 10152 10153 10230 10250 10252 10336 10337 10439 </span></li>
  3554.                            <li class="list-group-item"><span class="tvbranddta">SAMPO (DTA)</span> <span class="codes"> 10001 10059 10107 10230 10486 10439 </span></li>
  3555.                            <li class="list-group-item"><span class="tvbranddta">SAMSUNG (DTA)</span> <span class="codes"> 10001 10007 10012 10051 10085 10092 10096 10104 10107 10118 10124 10128 10132 10145 10176 10177 10221 10230 10305 10306 10542 10315 10439 10479 10408 10543 10315</span></li>
  3556.                            <li class="list-group-item"><span class="tvbranddta">SANSUI (DTA)</span> <span class="codes"> 10431 10452 10516 10517 </span></li>
  3557.                            <li class="list-group-item"><span class="tvbranddta">SANYO (DTA)</span> <span class="codes"> 10013 10026 10027 10037 10041 10054 10058 10078 10081 10253 10393 10402 10484</span></li>
  3558.                            <li class="list-group-item"><span class="tvbranddta">SCEPTRE (DTA)</span> <span class="codes"> 10313</span></li>
  3559.                            <li class="list-group-item"><span class="tvbranddta">SCIMITSU (DTA)</span> <span class="codes"> 10231 10315 </span></li>
  3560.                            <li class="list-group-item"><span class="tvbranddta">SCOTCH (DTA)</span> <span class="codes"> 10315</span></li>
  3561.                            <li class="list-group-item"><span class="tvbranddta">SCOTT (DTA)</span> <span class="codes"> 10033 10045 10049 10107 10132 10231 10380 10315 10376</span></li>
  3562.                            <li class="list-group-item"><span class="tvbranddta">SEARS (DTA)</span> <span class="codes"> 10011 10013 10021 10033 10035 10058 10078 10092 10107 10132 10145 10244 10413 10415 10393 10303 10315 10311 10543 10376 10397 10452 </span></li>
  3563.                            <li class="list-group-item"><span class="tvbranddta">SELECO (DTA)</span> <span class="codes"> 10368 10430 </span></li>
  3564.                            <li class="list-group-item"><span class="tvbranddta">SHARP (DTA)</span> <span class="codes"> 10011 10020 10025 10028 10033 10034 10077 10132 10151 10154 10235 10236 10361 10375 10436</span></li>
  3565.                            <li class="list-group-item"><span class="tvbranddta">SHARPER IMAGE (DTA)</span> <span class="codes"> 10518</span></li>
  3566.                            <li class="list-group-item"><span class="tvbranddta">SHENG CHIA (DTA)</span> <span class="codes"> 10436</span></li>
  3567.                            <li class="list-group-item"><span class="tvbranddta">SHERWOOD (DTA)</span> <span class="codes"> 10120</span></li>
  3568.                            <li class="list-group-item"><span class="tvbranddta">SHOGUN (DTA)</span> <span class="codes"> 10231 10315 </span></li>
  3569.                            <li class="list-group-item"><span class="tvbranddta">SIEMENS (DTA)</span> <span class="codes"> 10084</span></li>
  3570.                            <li class="list-group-item"><span class="tvbranddta">SIGNATURE (DTA)</span> <span class="codes"> 10069 10231 </span></li>
  3571.                            <li class="list-group-item"><span class="tvbranddta">SIGNATURE (DTA)</span> <span class="codes"> 2000 10231</span></li>
  3572.                            <li class="list-group-item"><span class="tvbranddta">SIGNET (DTA)</span> <span class="codes"> 10519 10478 10520</span></li>
  3573.                            <li class="list-group-item"><span class="tvbranddta">SIM2 MULTIMEDIA (DTA)</span> <span class="codes"> 10430</span></li>
  3574.                            <li class="list-group-item"><span class="tvbranddta">SIMPSON (DTA)</span> <span class="codes"> 10230</span></li>
  3575.                            <li class="list-group-item"><span class="tvbranddta">SKYWORTH (DTA)</span> <span class="codes"> 10522</span></li>
  3576.                            <li class="list-group-item"><span class="tvbranddta">SOLARISM (DTA)</span> <span class="codes"> 10523</span></li>
  3577.                            <li class="list-group-item"><span class="tvbranddta">SOLE (DTA)</span> <span class="codes"> 10358 10483 10301 10479 10354</span></li>
  3578.                            <li class="list-group-item"><span class="tvbranddta">SONY (DTA)</span> <span class="codes"> 10043 10067 10075 10117 10130 10136 10170 10238 10247 10309 10409 10452 </span></li>
  3579.                            <li class="list-group-item"><span class="tvbranddta">SOUNDESIGN (DTA)</span> <span class="codes"> 10003 10033 10045 10107 10380 10315 10376</span></li>
  3580.                            <li class="list-group-item"><span class="tvbranddta">SOVA (DTA)</span> <span class="codes"> 10507</span></li>
  3581.                            <li class="list-group-item"><span class="tvbranddta">SOYO (DTA)</span> <span class="codes"> 10425 10463 10524 10525 10476</span></li>
  3582.                            <li class="list-group-item"><span class="tvbranddta">SPECTRICON (DTA)</span> <span class="codes"> 10103 10231 10388</span></li>
  3583.                            <li class="list-group-item"><span class="tvbranddta">SPECTRONIQ (DTA)</span> <span class="codes"> 10335</span></li>
  3584.                            <li class="list-group-item"><span class="tvbranddta">SQUAREVIEW (DTA)</span> <span class="codes"> 10311</span></li>
  3585.                            <li class="list-group-item"><span class="tvbranddta">SSS (DTA)</span> <span class="codes"> 10011 10045 10231 10380 10315</span></li>
  3586.                            <li class="list-group-item"><span class="tvbranddta">STARLITE (DTA)</span> <span class="codes"> 10231 10380 </span></li>
  3587.                            <li class="list-group-item"><span class="tvbranddta">STUDIO EXPERIENCE (DTA)</span> <span class="codes"> 10377</span></li>
  3588.                            <li class="list-group-item"><span class="tvbranddta">SUNBRITE (DTA)</span> <span class="codes"> 10528 10529 </span></li>
  3589.                            <li class="list-group-item"><span class="tvbranddta">SUPERSCAN (DTA)</span> <span class="codes"> 10436 10530 </span></li>
  3590.                            <li class="list-group-item"><span class="tvbranddta">SUPRE MACY (DTA)</span> <span class="codes"> 10002 10372 </span></li>
  3591.                            <li class="list-group-item"><span class="tvbranddta">SUPREME (DTA)</span> <span class="codes"> 10409</span></li>
  3592.                            <li class="list-group-item"><span class="tvbranddta">SVA (DTA)</span> <span class="codes"> 10373 10479 10301 10532 10533</span></li>
  3593.                            <li class="list-group-item"><span class="tvbranddta">SYLVANIA (DTA)</span> <span class="codes"> 10001 10003 10008 10011 10060 10061 10064 10065 10107 10118 10126 10131 10145 10148 10155 10230 10311 10355 10415 10439 </span></li>
  3594.                            <li class="list-group-item"><span class="tvbranddta">SYMPHONIC (DTA)</span> <span class="codes"> 10380 10311 10452 10505 </span></li>
  3595.                            <li class="list-group-item"><span class="tvbranddta">SYNTAX (DTA)</span> <span class="codes"> 10342 10535 10315</span></li>
  3596.                            <li class="list-group-item"><span class="tvbranddta">TANDY (DTA)</span> <span class="codes"> 10077 10436 </span></li>
  3597.                            <li class="list-group-item"><span class="tvbranddta">TASHIKO (DTA)</span> <span class="codes"> 10537</span></li>
  3598.                            <li class="list-group-item"><span class="tvbranddta">TATUNG (DTA)</span> <span class="codes"> 10057 10063 10388 10458 10362</span></li>
  3599.                            <li class="list-group-item"><span class="tvbranddta">TEAC (DTA)</span> <span class="codes"> 10379</span></li>
  3600.                            <li class="list-group-item"><span class="tvbranddta">TECHNICS (DTA)</span> <span class="codes"> 10080 10240 10485</span></li>
  3601.                            <li class="list-group-item"><span class="tvbranddta">TECHNOL ACE (DTA)</span> <span class="codes"> 10376</span></li>
  3602.                            <li class="list-group-item"><span class="tvbranddta">TECHVIEW (DTA)</span> <span class="codes"> 10539 10541 </span></li>
  3603.                            <li class="list-group-item"><span class="tvbranddta">TECHWOOD (DTA)</span> <span class="codes"> 10011 10388 10543</span></li>
  3604.                            <li class="list-group-item"><span class="tvbranddta">TEKNIKA (DTA)</span> <span class="codes"> 10001 10002 10003 10011 10030 10033 10036 10045 10069 10074 10092 10094 10132 10231 10415 10380 10374 10315 10543 10376 </span></li>
  3605.                            <li class="list-group-item"><span class="tvbranddta">TELEFUNKEN (DTA)</span> <span class="codes"> 10039 10047 10241 10242 10542 10543 10544</span></li>
  3606.                            <li class="list-group-item"><span class="tvbranddta">TELEMAGIC (DTA)</span> <span class="codes"> 10402</span></li>
  3607.                            <li class="list-group-item"><span class="tvbranddta">TELERENT (DTA)</span> <span class="codes"> 10069</span></li>
  3608.                            <li class="list-group-item"><span class="tvbranddta">TERA (DTA)</span> <span class="codes"> 10156</span></li>
  3609.                            <li class="list-group-item"><span class="tvbranddta">THOMAS (DTA)</span> <span class="codes"> 10452</span></li>
  3610.                            <li class="list-group-item"><span class="tvbranddta">TMK (DTA)</span> <span class="codes"> 10011 10107 10315 10543 10378</span></li>
  3611.                            <li class="list-group-item"><span class="tvbranddta">TOSHIBA (DTA)</span> <span class="codes"> 10013 10021 10035 10042 10052 10063 10092 10129 10142 10146 10175 10178 10179 10226 10233 10393 10303 10464 10419 10517 </span></li>
  3612.                            <li class="list-group-item"><span class="tvbranddta">TOTEVISION (DTA)</span> <span class="codes"> 10132</span></li>
  3613.                            <li class="list-group-item"><span class="tvbranddta">TRUTECH (DTA)</span> <span class="codes"> 10353</span></li>
  3614.                            <li class="list-group-item"><span class="tvbranddta">TVS (DTA)</span> <span class="codes"> 10431</span></li>
  3615.                            <li class="list-group-item"><span class="tvbranddta">ULTRA (DTA)</span> <span class="codes"> 10547 10508 </span></li>
  3616.                            <li class="list-group-item"><span class="tvbranddta">UNIVERSAL (DTA)</span> <span class="codes"> 10014 10015 </span></li>
  3617.                            <li class="list-group-item"><span class="tvbranddta">US LOGIC (DTA)</span> <span class="codes"> 10362</span></li>
  3618.                            <li class="list-group-item"><span class="tvbranddta">VECTOR RESEARCH (DTA)</span> <span class="codes"> 10230 10439 </span></li>
  3619.                            <li class="list-group-item"><span class="tvbranddta">VENTURER (DTA)</span> <span class="codes"> 10315</span></li>
  3620.                            <li class="list-group-item"><span class="tvbranddta">VEOS (DTA)</span> <span class="codes"> 10397</span></li>
  3621.                            <li class="list-group-item"><span class="tvbranddta">VICTOR (DTA)</span> <span class="codes"> 10550</span></li>
  3622.                            <li class="list-group-item"><span class="tvbranddta">VIDEO CONCEPTS (DTA)</span> <span class="codes"> 10160</span></li>
  3623.                            <li class="list-group-item"><span class="tvbranddta">VIDIKRON (DTA)</span> <span class="codes"> 10255 10415 </span></li>
  3624.                            <li class="list-group-item"><span class="tvbranddta">VIDTECH (DTA)</span> <span class="codes"> 10011 10107 10231 10315 </span></li>
  3625.                            <li class="list-group-item"><span class="tvbranddta">VIEWSONIC (DTA)</span> <span class="codes"> 10363 10088 10330 10331 10349 10486 10530 10503 </span></li>
  3626.                            <li class="list-group-item"><span class="tvbranddta">VIKING (DTA)</span> <span class="codes"> 10372</span></li>
  3627.                            <li class="list-group-item"><span class="tvbranddta">VIORE (DTA)</span> <span class="codes"> 10316</span></li>
  3628.                            <li class="list-group-item"><span class="tvbranddta">VISART (DTA)</span> <span class="codes"> 10551</span></li>
  3629.                            <li class="list-group-item"><span class="tvbranddta">VITO (DTA)</span> <span class="codes"> 10360</span></li>
  3630.                            <li class="list-group-item"><span class="tvbranddta">VIZIO (DTA)</span> <span class="codes"> 10011 10315 10351 10530 </span></li>
  3631.                            <li class="list-group-item"><span class="tvbranddta">WARDS (DTA)</span> <span class="codes"> 10011 10014 10015 10025 10033 10061 10062 10064 10065 10069 10071 10107 10132 10148 10230 10231 10235 10415 10315 10439 10489 10543 10376</span></li>
  3632.                            <li class="list-group-item"><span class="tvbranddta">WAYCON (DTA)</span> <span class="codes"> 10303</span></li>
  3633.                            <li class="list-group-item"><span class="tvbranddta">WESTINGHOUSE (DTA)</span> <span class="codes"> 10409 10319 </span></li>
  3634.                            <li class="list-group-item"><span class="tvbranddta">WHITE (DTA)</span> <span class="codes"> WESTING HOUSE 10091 10319 10320 10327 10328 10329 10136 10431 </span></li>
  3635.                            <li class="list-group-item"><span class="tvbranddta">WINBOOK (DTA)</span> <span class="codes"> 10362</span></li>
  3636.                            <li class="list-group-item"><span class="tvbranddta">WOOYOUNG (DTA)</span> <span class="codes"> 10307</span></li>
  3637.                            <li class="list-group-item"><span class="tvbranddta">WYSE (DTA)</span> <span class="codes"> 10330</span></li>
  3638.                            <li class="list-group-item"><span class="tvbranddta">XOCECO (DTA)</span> <span class="codes"> 10552</span></li>
  3639.                            <li class="list-group-item"><span class="tvbranddta">YAMAHA (DTA)</span> <span class="codes"> 10001 10011 10231 10439 10315</span></li>
  3640.                            <li class="list-group-item"><span class="tvbranddta">YORK (DTA)</span> <span class="codes"> 10107</span></li>
  3641.                            <li class="list-group-item"><span class="tvbranddta">YUPITERU (DTA)</span> <span class="codes"> 10045</span></li>
  3642.                            <li class="list-group-item"><span class="tvbranddta">ZENITH (DTA)</span> <span class="codes"> 10009 10069 10070 10090 10094 10227 10431 10315 10374 10452 10516</span></li>
  3643.                            <li class="list-group-item"><span class="tvbranddta">ZONDA (DTA)</span> <span class="codes"> 10103 10388 </span></li>
  3644.                        <!-- DTA Codes -->
  3645.  
  3646.                        <!-- DVR Codes -->
  3647.                            <li class="list-group-item"><span class="tvbranddvr">ADMIRAL (DVR)</span> <span class="codes"> 0093, 0463</span></li>
  3648.                            <li class="list-group-item"><span class="tvbranddvr">ADVENT (DVR)</span> <span class="codes"> 0761, 0817</span></li>
  3649.                            <li class="list-group-item"><span class="tvbranddvr">AIKO (DVR)</span> <span class="codes"> 0092</span></li>
  3650.                            <li class="list-group-item"><span class="tvbranddvr">AIWA (DVR)</span> <span class="codes"> 1362</span></li>
  3651.                            <li class="list-group-item"><span class="tvbranddvr">AKAI (DVR)</span> <span class="codes"> 0812, 1675, 0765, 0030, 0672, 1207, 1385, 1688, 1935, 2232</span></li>
  3652.                            <li class="list-group-item"><span class="tvbranddvr">ALFIDE (DVR)</span> <span class="codes"> 0672</span></li>
  3653.                            <li class="list-group-item"><span class="tvbranddvr">AMERICA ACTION (DVR)</span> <span class="codes"> 0180</span></li>
  3654.                            <li class="list-group-item"><span class="tvbranddvr">ANAM (DVR)</span> <span class="codes"> 0180</span></li>
  3655.                            <li class="list-group-item"><span class="tvbranddvr">AOC (DVR)</span> <span class="codes"> 0030, 1089, 1365, 1589, 1590, 2014, 2087</span></li>
  3656.                            <li class="list-group-item"><span class="tvbranddvr">AOMNI (DVR)</span> <span class="codes"> 1623</span></li>
  3657.                            <li class="list-group-item"><span class="tvbranddvr">APEX DIGITAL (DVR)</span> <span class="codes"> 0748, 0879, 0765, 0890, 1217, 1991, 2397</span></li>
  3658.                            <li class="list-group-item"><span class="tvbranddvr">ASTAR (DVR)</span> <span class="codes"> 1531, 1738</span></li>
  3659.                            <li class="list-group-item"><span class="tvbranddvr">AUDINAC (DVR)</span> <span class="codes"> 0180</span></li>
  3660.                            <li class="list-group-item"><span class="tvbranddvr">AUDIOVOX (DVR)</span> <span class="codes"> 1564, 0451, 0180, 0092, 0802, 1284, 1769, 1865, 1937, 1951, 2513</span></li>
  3661.                            <li class="list-group-item"><span class="tvbranddvr">AVENTURA (DVR)</span> <span class="codes"> 0171</span></li>
  3662.                            <li class="list-group-item"><span class="tvbranddvr">AXION (DVR)</span> <span class="codes"> 1937</span></li>
  3663.                            <li class="list-group-item"><span class="tvbranddvr">BARCO (DVR)</span> <span class="codes"> 0556</span></li>
  3664.                            <li class="list-group-item"><span class="tvbranddvr">BAYSONIC (DVR)</span> <span class="codes"> 0180 </span></li>
  3665.                            <li class="list-group-item"><span class="tvbranddvr">BELL & HOWELL (DVR)</span> <span class="codes"> 0154</span></li>
  3666.                            <li class="list-group-item"><span class="tvbranddvr">BENQ (DVR)</span> <span class="codes"> 1032, 1315</span></li>
  3667.                            <li class="list-group-item"><span class="tvbranddvr">BLUE SKY (DVR)</span> <span class="codes"> 0556, 2153 </span></li>
  3668.                            <li class="list-group-item"><span class="tvbranddvr">BOIGLE (DVR)</span> <span class="codes"> 1696 </span></li>
  3669.                            <li class="list-group-item"><span class="tvbranddvr">BRADFORD (DVR)</span> <span class="codes"> 0180</span></li>
  3670.                            <li class="list-group-item"><span class="tvbranddvr">BROKSONIC (DVR)</span> <span class="codes"> 0236, 0463, 1935, 1938</span></li>
  3671.                            <li class="list-group-item"><span class="tvbranddvr">BYD:SIGN (DVR)</span> <span class="codes"> 1309 </span></li>
  3672.                            <li class="list-group-item"><span class="tvbranddvr">CANDLE (DVR)</span> <span class="codes"> 0030</span></li>
  3673.                            <li class="list-group-item"><span class="tvbranddvr">CARNIVALE (DVR)</span> <span class="codes"> 0030</span></li>
  3674.                            <li class="list-group-item"><span class="tvbranddvr">CARVER (DVR)</span> <span class="codes"> 0054</span></li>
  3675.                            <li class="list-group-item"><span class="tvbranddvr">CELEBRITY (DVR)</span> <span class="codes"> 0000 </span></li>
  3676.                            <li class="list-group-item"><span class="tvbranddvr">CELERA (DVR)</span> <span class="codes"> 0765</span></li>
  3677.                            <li class="list-group-item"><span class="tvbranddvr">CHAMPION (DVR)</span> <span class="codes"> 1362</span></li>
  3678.                            <li class="list-group-item"><span class="tvbranddvr">CHANGHONG (DVR)</span> <span class="codes"> 0765</span></li>
  3679.                            <li class="list-group-item"><span class="tvbranddvr">CINERAL (DVR)</span> <span class="codes"> 0451, 0092</span></li>
  3680.                            <li class="list-group-item"><span class="tvbranddvr">CITIZEN (DVR)</span> <span class="codes"> 0060, 0030, 0092, 1669, 1672, 1935</span></li>
  3681.                            <li class="list-group-item"><span class="tvbranddvr">CLARION (DVR)</span> <span class="codes"> 0180</span></li>
  3682.                            <li class="list-group-item"><span class="tvbranddvr">COBY (DVR)</span> <span class="codes"> 1634, 2306, 2314, 2315, 2338, 2340, 2344, 2345, 2347, 2348, 2351, 2560</span></li>
  3683.                            <li class="list-group-item"><span class="tvbranddvr">COMMERCIAL SOLUTIONS (DVR)</span> <span class="codes"> 0047</span></li>
  3684.                            <li class="list-group-item"><span class="tvbranddvr">CONTEC (DVR)</span> <span class="codes"> 0180</span></li>
  3685.                            <li class="list-group-item"><span class="tvbranddvr">CONTINENTAL (DVR)</span> <span class="codes"> 2357</span></li>
  3686.                            <li class="list-group-item"><span class="tvbranddvr">CORADIR (DVR)</span> <span class="codes"> 2844</span></li>
  3687.                            <li class="list-group-item"><span class="tvbranddvr">CRAIG (DVR)</span> <span class="codes"> 0180</span></li>
  3688.                            <li class="list-group-item"><span class="tvbranddvr">CROSLEY (DVR)</span> <span class="codes"> 0000, 0054</span></li>
  3689.                            <li class="list-group-item"><span class="tvbranddvr">CROWN (DVR)</span> <span class="codes"> 0180, 0672</span></li>
  3690.                            <li class="list-group-item"><span class="tvbranddvr">CROWN MUSTANG (DVR)</span> <span class="codes"> 0672</span></li>
  3691.                            <li class="list-group-item"><span class="tvbranddvr">CURTIS (DVR)</span> <span class="codes"> 1200, 1326, 2352, 2466</span></li>
  3692.                            <li class="list-group-item"><span class="tvbranddvr">CURTIS MATHES (DVR)</span> <span class="codes"> 0047, 0054, 0154, 0451, 0093, 0060, 0030, 0145, 0166, 1661</span></li>
  3693.                            <li class="list-group-item"><span class="tvbranddvr">CXC (DVR)</span> <span class="codes"> 0180</span></li>
  3694.                            <li class="list-group-item"><span class="tvbranddvr">CYTRON (DVR)</span> <span class="codes"> 1326</span></li>
  3695.                            <li class="list-group-item"><span class="tvbranddvr">DAEWOO (DVR)</span> <span class="codes"> 0154, 0451, 0092, 1661, 0661, 0672</span></li>
  3696.                            <li class="list-group-item"><span class="tvbranddvr">DELL (DVR)</span> <span class="codes"> 1264, 1080</span></li>
  3697.                            <li class="list-group-item"><span class="tvbranddvr">DENON (DVR)</span> <span class="codes"> 0145</span></li>
  3698.                            <li class="list-group-item"><span class="tvbranddvr">DIAMOND VISION (DVR)</span> <span class="codes"> 1996, 1997</span></li>
  3699.                            <li class="list-group-item"><span class="tvbranddvr">DIGISTAR (DVR)</span> <span class="codes"> 1565 </span></li>
  3700.                            <li class="list-group-item"><span class="tvbranddvr">DIGITAL LIFESTYLES (DVR)</span> <span class="codes"> 1765</span></li>
  3701.                            <li class="list-group-item"><span class="tvbranddvr">DISNEY (DVR)</span> <span class="codes"> 1665</span></li>
  3702.                            <li class="list-group-item"><span class="tvbranddvr">DUMONT (DVR)</span> <span class="codes"> 0017</span></li>
  3703.                            <li class="list-group-item"><span class="tvbranddvr">DURABRAND (DVR)</span> <span class="codes"> 0463, 0180, 0178, 0171, 1034, 1665</span></li>
  3704.                            <li class="list-group-item"><span class="tvbranddvr">DYNEX (DVR)</span> <span class="codes"> 1785 </span></li>
  3705.                            <li class="list-group-item"><span class="tvbranddvr">ELECTROBAND (DVR)</span> <span class="codes"> 0000</span></li>
  3706.                            <li class="list-group-item"><span class="tvbranddvr">ELECTROGRAPH (DVR)</span> <span class="codes"> 1755, 1623</span></li>
  3707.                            <li class="list-group-item"><span class="tvbranddvr">ELECTROHOME (DVR)</span> <span class="codes"> 0463, 1670, 1672</span></li>
  3708.                            <li class="list-group-item"><span class="tvbranddvr">ELEKTRA (DVR)</span> <span class="codes"> 0017, 1661</span></li>
  3709.                            <li class="list-group-item"><span class="tvbranddvr">ELEMENT (DVR)</span> <span class="codes"> 1687, 2183</span></li>
  3710.                            <li class="list-group-item"><span class="tvbranddvr">EMERSON (DVR)</span> <span class="codes"> 1864, 0154, 0451, 0236, 0463, 0180, 0178, 0171, 1661, 1665, 1963, 1997</span></li>
  3711.                            <li class="list-group-item"><span class="tvbranddvr">EMPREX (DVR)</span> <span class="codes"> 1422, 1765</span></li>
  3712.                            <li class="list-group-item"><span class="tvbranddvr">ENVISION (DVR)</span> <span class="codes"> 0030, 0813, 1365, 1589, 2014, 2087</span></li>
  3713.                            <li class="list-group-item"><span class="tvbranddvr">EPSON (DVR)</span> <span class="codes"> 1122</span></li>
  3714.                            <li class="list-group-item"><span class="tvbranddvr">ESA (DVR)</span> <span class="codes"> 0812, 0171, 1963</span></li>
  3715.                            <li class="list-group-item"><span class="tvbranddvr">FISHER (DVR)</span> <span class="codes"> 0154, 1362</span></li>
  3716.                            <li class="list-group-item"><span class="tvbranddvr">FLUID (DVR)</span> <span class="codes"> 2964</span></li>
  3717.                            <li class="list-group-item"><span class="tvbranddvr">FUJITSU (DVR)</span> <span class="codes"> 0809, 0683, 0853</span></li>
  3718.                            <li class="list-group-item"><span class="tvbranddvr">FUNAI (DVR)</span> <span class="codes"> 0000, 0180, 0171, 1963</span></li>
  3719.                            <li class="list-group-item"><span class="tvbranddvr">FUTURETECH (DVR)</span> <span class="codes"> 0180</span></li>
  3720.                            <li class="list-group-item"><span class="tvbranddvr">GATEWAY (DVR)</span> <span class="codes"> 1755, 1756</span></li>
  3721.                            <li class="list-group-item"><span class="tvbranddvr">GE (DVR)</span> <span class="codes"> 0047, 0051, 0451, 0765, 0178</span></li>
  3722.                            <li class="list-group-item"><span class="tvbranddvr">GFM (DVR)</span> <span class="codes"> 1864, 0171, 1665, 1963</span></li>
  3723.                            <li class="list-group-item"><span class="tvbranddvr">GIBRALTER (DVR)</span> <span class="codes"> 0017, 0030</span></li>
  3724.                            <li class="list-group-item"><span class="tvbranddvr">GO VIDEO (DVR)</span> <span class="codes"> 0886, 1823</span></li>
  3725.                            <li class="list-group-item"><span class="tvbranddvr">GOLDSTAR (DVR)</span> <span class="codes"> 0178, 0030</span></li>
  3726.                            <li class="list-group-item"><span class="tvbranddvr">GRADIENTE (DVR)</span> <span class="codes"> 0053, 0392</span></li>
  3727.                            <li class="list-group-item"><span class="tvbranddvr">GRUNDIG (DVR)</span> <span class="codes"> 0672, 0683</span></li>
  3728.                            <li class="list-group-item"><span class="tvbranddvr">GRUNPY (DVR)</span> <span class="codes"> 0180</span></li>
  3729.                            <li class="list-group-item"><span class="tvbranddvr">HAIER (DVR)</span> <span class="codes"> 1034, 1749, 2494</span></li>
  3730.                            <li class="list-group-item"><span class="tvbranddvr">HALLMARK (DVR)</span> <span class="codes"> 0178</span></li>
  3731.                            <li class="list-group-item"><span class="tvbranddvr">HANNS.G (DVR)</span> <span class="codes"> 1783</span></li>
  3732.                            <li class="list-group-item"><span class="tvbranddvr">HANNSPREE (DVR)</span> <span class="codes"> 1348, 1745, 1783</span></li>
  3733.                            <li class="list-group-item"><span class="tvbranddvr">HARMAN/KARDON (DVR)</span> <span class="codes"> 0054</span></li>
  3734.                            <li class="list-group-item"><span class="tvbranddvr">HARVARD (DVR)</span> <span class="codes"> 0180</span></li>
  3735.                            <li class="list-group-item"><span class="tvbranddvr">HAVERMY (DVR)</span> <span class="codes"> 0093 </span></li>
  3736.                            <li class="list-group-item"><span class="tvbranddvr">HELIOS (DVR)</span> <span class="codes"> 0865</span></li>
  3737.                            <li class="list-group-item"><span class="tvbranddvr">HELLO KITTY (DVR)</span> <span class="codes"> 0451 </span></li>
  3738.                            <li class="list-group-item"><span class="tvbranddvr">HEWLETT PACKARD (DVR)</span> <span class="codes"> 1494, 1088, 1089</span></li>
  3739.                            <li class="list-group-item"><span class="tvbranddvr">HIMITSU (DVR)</span> <span class="codes"> 0180</span></li>
  3740.                            <li class="list-group-item"><span class="tvbranddvr">HISENSE (DVR)</span> <span class="codes"> 0748, 1314, 1660, 2098, 2355</span></li>
  3741.                            <li class="list-group-item"><span class="tvbranddvr">HITACHI (DVR)</span> <span class="codes"> 0145, 0797, 1345, 2215, 2433</span></li>
  3742.                            <li class="list-group-item"><span class="tvbranddvr">HP (DVR)</span> <span class="codes"> 1494, 1088, 1089</span></li>
  3743.                            <li class="list-group-item"><span class="tvbranddvr">HYUNDAI (DVR)</span> <span class="codes"> 0849, 1219, 1294</span></li>
  3744.                            <li class="list-group-item"><span class="tvbranddvr">I-INC (DVR)</span> <span class="codes"> 1746</span></li>
  3745.                            <li class="list-group-item"><span class="tvbranddvr">ILO (DVR)</span> <span class="codes"> 1286, 1603, 1665, 1684, 1990</span></li>
  3746.                            <li class="list-group-item"><span class="tvbranddvr">INFINITY (DVR)</span> <span class="codes"> 0054 </span></li>
  3747.                            <li class="list-group-item"><span class="tvbranddvr">INITIAL (DVR)</span> <span class="codes"> 1603, 1990</span></li>
  3748.                            <li class="list-group-item"><span class="tvbranddvr">INSIGNIA (DVR)</span> <span class="codes"> 1564, 0463, 0171, 1326, 1385, 1517, 1660, 1785, 1963, 2417</span></li>
  3749.                            <li class="list-group-item"><span class="tvbranddvr">INTEQ (DVR)</span> <span class="codes"> 0017</span></li>
  3750.                            <li class="list-group-item"><span class="tvbranddvr">IRT (DVR)</span> <span class="codes"> 0451, 1661</span></li>
  3751.                            <li class="list-group-item"><span class="tvbranddvr">IX (DVR)</span> <span class="codes"> 0877</span></li>
  3752.                            <li class="list-group-item"><span class="tvbranddvr">JBL (DVR)</span> <span class="codes"> 0054</span></li>
  3753.                            <li class="list-group-item"><span class="tvbranddvr">JCB (DVR)</span> <span class="codes"> 0000</span></li>
  3754.                            <li class="list-group-item"><span class="tvbranddvr">JCM (DVR)</span> <span class="codes"> 2256</span></li>
  3755.                            <li class="list-group-item"><span class="tvbranddvr">JENSEN (DVR)</span> <span class="codes"> 0761, 0817, 1299, 1326</span></li>
  3756.                            <li class="list-group-item"><span class="tvbranddvr">JVC (DVR)</span> <span class="codes"> 0463, 0053, 0731</span></li>
  3757.                            <li class="list-group-item"><span class="tvbranddvr">KDS (DVR)</span> <span class="codes"> 1687</span></li>
  3758.                            <li class="list-group-item"><span class="tvbranddvr">KEC (DVR)</span> <span class="codes"> 0180</span></li>
  3759.                            <li class="list-group-item"><span class="tvbranddvr">KENBROWN (DVR)</span> <span class="codes">  1321</span></li>
  3760.                            <li class="list-group-item"><span class="tvbranddvr">KENWOOD (DVR)</span> <span class="codes"> 0030</span></li>
  3761.                            <li class="list-group-item"><span class="tvbranddvr">KIOTO (DVR)</span> <span class="codes"> 0054, 0706, 0556</span></li>
  3762.                            <li class="list-group-item"><span class="tvbranddvr">KLH (DVR)</span> <span class="codes"> 0765, 1962</span></li>
  3763.                            <li class="list-group-item"><span class="tvbranddvr">KONKA (DVR)</span> <span class="codes"> 1385</span></li>
  3764.                            <li class="list-group-item"><span class="tvbranddvr">KOST (DVR)</span> <span class="codes"> 1262</span></li>
  3765.                            <li class="list-group-item"><span class="tvbranddvr">KTV (DVR)</span> <span class="codes"> 0180, 0030</span></li>
  3766.                            <li class="list-group-item"><span class="tvbranddvr">LG (DVR)</span> <span class="codes"> 0017, 0178, 0030, 0856</span></li>
  3767.                            <li class="list-group-item"><span class="tvbranddvr">LITEON (DVR)</span> <span class="codes"> 1088</span></li>
  3768.                            <li class="list-group-item"><span class="tvbranddvr">LXI (DVR)</span> <span class="codes"> 0047, 0054, 0154, 0156, 0178</span></li>
  3769.                            <li class="list-group-item"><span class="tvbranddvr">M&S (DVR)</span> <span class="codes"> 0054, 0236</span></li>
  3770.                            <li class="list-group-item"><span class="tvbranddvr">MAG (DVR)</span> <span class="codes"> 1687</span></li>
  3771.                            <li class="list-group-item"><span class="tvbranddvr">MAGNAVOX (DVR)</span> <span class="codes"> 1755, 0054, 0051, 0030, 0171, 0706, 0802, 1198, 1365, 1525, 1867, 1963, 1990</span></li>
  3772.                            <li class="list-group-item"><span class="tvbranddvr">MARANTZ (DVR)</span> <span class="codes"> 0054, 0030, 1398</span></li>
  3773.                            <li class="list-group-item"><span class="tvbranddvr">MATSUSHITA (DVR)</span> <span class="codes"> 0250</span></li>
  3774.                            <li class="list-group-item"><span class="tvbranddvr">MAXENT (DVR)</span> <span class="codes"> 1755, 1211, 1757</span></li>
  3775.                            <li class="list-group-item"><span class="tvbranddvr">MEGATRON (DVR)</span> <span class="codes"> 0178, 0145</span></li>
  3776.                            <li class="list-group-item"><span class="tvbranddvr">MEMOREX (DVR)</span> <span class="codes"> 0154, 0463, 0150, 0178, 0877, 1665, 1670, 1785,1938</span></li>
  3777.                            <li class="list-group-item"><span class="tvbranddvr">MGA (DVR)</span> <span class="codes"> 0150, 0178, 0030</span></li>
  3778.                            <li class="list-group-item"><span class="tvbranddvr">MIDLAND (DVR)</span> <span class="codes"> 0047, 0017, 0051</span></li>
  3779.                            <li class="list-group-item"><span class="tvbranddvr">MINTEK (DVR)</span> <span class="codes"> 1603, 1990</span></li>
  3780.                            <li class="list-group-item"><span class="tvbranddvr">MITSUBISHI (DVR)</span> <span class="codes"> 1250, 0093, 0150, 0178</span></li>
  3781.                            <li class="list-group-item"><span class="tvbranddvr">MOTOROLA (DVR)</span> <span class="codes"> 0093</span></li>
  3782.                            <li class="list-group-item"><span class="tvbranddvr">MTC (DVR)</span> <span class="codes"> 0060, 0030</span></li>
  3783.                            <li class="list-group-item"><span class="tvbranddvr">MULTITECH (DVR)</span> <span class="codes"> 0180</span></li>
  3784.                            <li class="list-group-item"><span class="tvbranddvr">NAD (DVR)</span> <span class="codes"> 0156, 0178</span></li>
  3785.                            <li class="list-group-item"><span class="tvbranddvr">NAXA (DVR)</span> <span class="codes"> 2104</span></li>
  3786.                            <li class="list-group-item"><span class="tvbranddvr">NEC (DVR)</span> <span class="codes"> 0030, 1398</span></li>
  3787.                            <li class="list-group-item"><span class="tvbranddvr">NETTV (DVR)</span> <span class="codes"> 1755</span></li>
  3788.                            <li class="list-group-item"><span class="tvbranddvr">NEXUS ELECTRONICS (DVR)</span> <span class="codes"> 2183</span></li>
  3789.                            <li class="list-group-item"><span class="tvbranddvr">NIKKO (DVR)</span> <span class="codes"> 0178, 0030, 0092</span></li>
  3790.                            <li class="list-group-item"><span class="tvbranddvr">NIMBRO (DVR)</span> <span class="codes"> 2104</span></li>
  3791.                            <li class="list-group-item"><span class="tvbranddvr">NOBLEX (DVR)</span> <span class="codes"> 0154, 0430</span></li>
  3792.                            <li class="list-group-item"><span class="tvbranddvr">NORCENT (DVR)</span> <span class="codes"> 0748, 0824, 1089, 1365, 1589, 1590, 1745</span></li>
  3793.                            <li class="list-group-item"><span class="tvbranddvr">NORWOOD MICRO (DVR)</span> <span class="codes"> 1286</span></li>
  3794.                            <li class="list-group-item"><span class="tvbranddvr">NTC (DVR)</span> <span class="codes"> 0092</span></li>
  3795.                            <li class="list-group-item"><span class="tvbranddvr">NUVISION (DVR)</span> <span class="codes"> 1657</span></li>
  3796.                            <li class="list-group-item"><span class="tvbranddvr">OLEVIA (DVR)</span> <span class="codes"> 1610, 1144, 1240</span></li>
  3797.                            <li class="list-group-item"><span class="tvbranddvr">ONWA (DVR)</span> <span class="codes"> 0180</span></li>
  3798.                            <li class="list-group-item"><span class="tvbranddvr">OPTIMUS (DVR)</span> <span class="codes"> 0250, 0154, 0166</span></li>
  3799.                            <li class="list-group-item"><span class="tvbranddvr">OPTOMA (DVR)</span> <span class="codes"> 1348</span></li>
  3800.                            <li class="list-group-item"><span class="tvbranddvr">OPTONICA (DVR)</span> <span class="codes"> 0093</span></li>
  3801.                            <li class="list-group-item"><span class="tvbranddvr">ORION (DVR)</span> <span class="codes"> 0236, 0463, 1938</span></li>
  3802.                            <li class="list-group-item"><span class="tvbranddvr">PANASONIC (DVR)</span> <span class="codes"> 0250, 0051</span></li>
  3803.                            <li class="list-group-item"><span class="tvbranddvr">PARK (DVR)</span> <span class="codes"> 2104</span></li>
  3804.                            <li class="list-group-item"><span class="tvbranddvr">PENNEY (DVR)</span> <span class="codes"> 0047, 0156, 0051, 0060, 0178, 0030</span></li>
  3805.                            <li class="list-group-item"><span class="tvbranddvr">PETTERS (DVR)</span> <span class="codes"> 1523</span></li>
  3806.                            <li class="list-group-item"><span class="tvbranddvr">PHILCO (DVR)</span> <span class="codes"> 0054, 0463, 0030, 0145, 0171, 1661, 1665, 1963</span></li>
  3807.                            <li class="list-group-item"><span class="tvbranddvr">PHILIPS (DVR)</span> <span class="codes"> 0054, 0171, 0556, 1867, 1961</span></li>
  3808.                            <li class="list-group-item"><span class="tvbranddvr">PILOT (DVR)</span> <span class="codes"> 0030</span></li>
  3809.                            <li class="list-group-item"><span class="tvbranddvr">PIONEER (DVR)</span> <span class="codes"> 0166, 1398</span></li>
  3810.                            <li class="list-group-item"><span class="tvbranddvr">PLANAR (DVR)</span> <span class="codes"> 1589</span></li>
  3811.                            <li class="list-group-item"><span class="tvbranddvr">POLAROID (DVR)</span> <span class="codes"> 1523, 0765, 2120, 2117, 2063, 1991, 1962, 1769, 1767, 1762, 1687, 1565, 1385, 1327, 1326, 1316, 1314, 1286, 1276, 1262, 0865</span></li>
  3812.                            <li class="list-group-item"><span class="tvbranddvr">PORTLAND (DVR)</span> <span class="codes"> 0451, 0092, 1661</span></li>
  3813.                            <li class="list-group-item"><span class="tvbranddvr">PRIMA (DVR)</span> <span class="codes"> 0761, 0817, 1749, 1785</span></li>
  3814.                            <li class="list-group-item"><span class="tvbranddvr">PRISM (DVR)</span> <span class="codes"> 0051</span></li>
  3815.                            <li class="list-group-item"><span class="tvbranddvr">PROSCAN (DVR)</span> <span class="codes"> 0047, 0030, 2147, 2183, 2256</span></li>
  3816.                            <li class="list-group-item"><span class="tvbranddvr">PROTON (DVR)</span> <span class="codes"> 0178</span></li>
  3817.                            <li class="list-group-item"><span class="tvbranddvr">PROVIEW (DVR)</span> <span class="codes"> 1687</span></li>
  3818.                            <li class="list-group-item"><span class="tvbranddvr">PULSAR (DVR)</span> <span class="codes"> 0017</span></li>
  3819.                            <li class="list-group-item"><span class="tvbranddvr">PUNKTAL (DVR)</span> <span class="codes"> 2687</span></li>
  3820.                            <li class="list-group-item"><span class="tvbranddvr">PYLE (DVR)</span> <span class="codes"> 1200</span></li>
  3821.                            <li class="list-group-item"><span class="tvbranddvr">QUASAR (DVR)</span> <span class="codes"> 0250, 0051</span></li>
  3822.                            <li class="list-group-item"><span class="tvbranddvr">RADIOSHACK (DVR)</span> <span class="codes"> 0047, 0154, 0180, 0178, 0030</span></li>
  3823.                            <li class="list-group-item"><span class="tvbranddvr">RCA (DVR)</span> <span class="codes"> 0047, 0051, 0093, 0060, 1661, 1958, 2403, 2434, 2746</span></li>
  3824.                            <li class="list-group-item"><span class="tvbranddvr">REALISTIC (DVR)</span> <span class="codes"> 0154, 0180, 0178, 0030</span></li>
  3825.                            <li class="list-group-item"><span class="tvbranddvr">RECCO (DVR)</span> <span class="codes"> 0706</span></li>
  3826.                            <li class="list-group-item"><span class="tvbranddvr">REVOLUTIONHD (DVR)</span> <span class="codes"> 1623</span></li>
  3827.                            <li class="list-group-item"><span class="tvbranddvr">RUNCO (DVR)</span> <span class="codes"> 0017, 0030, 1398</span></li>
  3828.                            <li class="list-group-item"><span class="tvbranddvr">SAMPO (DVR)</span> <span class="codes"> 1755, 0030</span></li>
  3829.                            <li class="list-group-item"><span class="tvbranddvr">SAMSUNG (DVR)</span> <span class="codes"> 0812, 0060, 0178, 0030, 0587, 0766</span></li>
  3830.                            <li class="list-group-item"><span class="tvbranddvr">SANSEI (DVR)</span> <span class="codes"> 0451</span></li>
  3831.                            <li class="list-group-item"><span class="tvbranddvr">SANSUI (DVR)</span> <span class="codes"> 0463, 0171, 1670, 1935, 1938</span></li>
  3832.                            <li class="list-group-item"><span class="tvbranddvr">SANYO (DVR)</span> <span class="codes"> 0054, 0154, 1362</span></li>
  3833.                            <li class="list-group-item"><span class="tvbranddvr">SCEPTRE (DVR)</span> <span class="codes"> 0878, 1217, 1360, 1599, 2337</span></li>
  3834.                            <li class="list-group-item"><span class="tvbranddvr">SCOTCH (DVR)</span> <span class="codes"> 0178</span></li>
  3835.                            <li class="list-group-item"><span class="tvbranddvr">SCOTT (DVR)</span> <span class="codes"> 0236, 0180, 0178, 1711</span></li>
  3836.                            <li class="list-group-item"><span class="tvbranddvr">SEARS (DVR)</span> <span class="codes"> 0047, 0054, 0154, 0156, 0178, 0171</span></li>
  3837.                            <li class="list-group-item"><span class="tvbranddvr">SEMIVOX (DVR)</span> <span class="codes"> 0180</span></li>
  3838.                            <li class="list-group-item"><span class="tvbranddvr">SEMP (DVR)</span> <span class="codes"> 0156, 1743</span></li>
  3839.                            <li class="list-group-item"><span class="tvbranddvr">SENSE (DVR)</span> <span class="codes"> 1865</span></li>
  3840.                            <li class="list-group-item"><span class="tvbranddvr">SHARP (DVR)</span> <span class="codes"> 0093</span></li>
  3841.                            <li class="list-group-item"><span class="tvbranddvr">SHENG CHIA (DVR)</span> <span class="codes"> 0093</span></li>
  3842.                            <li class="list-group-item"><span class="tvbranddvr">SHERWOOD (DVR)</span> <span class="codes"> 1399</span></li>
  3843.                            <li class="list-group-item"><span class="tvbranddvr">SIGNATURE (DVR)</span> <span class="codes"> 0054</span></li>
  3844.                            <li class="list-group-item"><span class="tvbranddvr">SIGNET (DVR)</span> <span class="codes"> 1262</span></li>
  3845.                            <li class="list-group-item"><span class="tvbranddvr">SKYWORTH (DVR)</span> <span class="codes"> 1799 </span></li>
  3846.                            <li class="list-group-item"><span class="tvbranddvr">SOLE (DVR)</span> <span class="codes"> 1623</span></li>
  3847.                            <li class="list-group-item"><span class="tvbranddvr">SONY (DVR)</span> <span class="codes"> 0000, 1685 </span></li>
  3848.                            <li class="list-group-item"><span class="tvbranddvr">SOUNDESIGN (DVR)</span> <span class="codes"> 0180, 0178</span></li>
  3849.                            <li class="list-group-item"><span class="tvbranddvr">SOYO (DVR)</span> <span class="codes"> 1746, 1826 </span></li>
  3850.                            <li class="list-group-item"><span class="tvbranddvr">SPACE TEK (DVR)</span> <span class="codes"> 1696</span></li>
  3851.                            <li class="list-group-item"><span class="tvbranddvr">SPECTRONIQ (DVR)</span> <span class="codes"> 1687</span></li>
  3852.                            <li class="list-group-item"><span class="tvbranddvr">SQUAREVIEW (DVR)</span> <span class="codes"> 0171</span></li>
  3853.                            <li class="list-group-item"><span class="tvbranddvr">SSS (DVR)</span> <span class="codes"> 0180</span></li>
  3854.                            <li class="list-group-item"><span class="tvbranddvr">STARLITE (DVR)</span> <span class="codes"> 0180</span></li>
  3855.                            <li class="list-group-item"><span class="tvbranddvr">SUNBRITE (DVR)</span> <span class="codes"> 2337</span></li>
  3856.                            <li class="list-group-item"><span class="tvbranddvr">SUPERSCAN (DVR)</span> <span class="codes"> 0093, 0864</span></li>
  3857.                            <li class="list-group-item"><span class="tvbranddvr">SUPREME (DVR)</span> <span class="codes"> 0000</span></li>
  3858.                            <li class="list-group-item"><span class="tvbranddvr">SVA (DVR)</span> <span class="codes"> 0748, 0587, 0865, 1963</span></li>
  3859.                            <li class="list-group-item"><span class="tvbranddvr">SYLVANIA (DVR)</span> <span class="codes"> 1864, 0054, 0030, 0171, 0587, 1314, 1665, 1963</span></li>
  3860.                            <li class="list-group-item"><span class="tvbranddvr">SYMPHONIC (DVR)</span> <span class="codes"> 0180, 0171</span></li>
  3861.                            <li class="list-group-item"><span class="tvbranddvr">SYNTAX (DVR)</span> <span class="codes"> 1610, 1144, 1240 </span></li>
  3862.                            <li class="list-group-item"><span class="tvbranddvr">TANDY (DVR)</span> <span class="codes"> 0093</span></li>
  3863.                            <li class="list-group-item"><span class="tvbranddvr">TATUNG (DVR)</span> <span class="codes"> 1286, 1287, 1361, 1756</span></li>
  3864.                            <li class="list-group-item"><span class="tvbranddvr">TCL (DVR)</span> <span class="codes"> 2403, 2434</span></li>
  3865.                            <li class="list-group-item"><span class="tvbranddvr">TECHNICS (DVR)</span> <span class="codes"> 0250, 0051</span></li>
  3866.                            <li class="list-group-item"><span class="tvbranddvr">TECHVIEW (DVR)</span> <span class="codes"> 0847, 2004</span></li>
  3867.                            <li class="list-group-item"><span class="tvbranddvr">TECHWOOD (DVR)</span> <span class="codes"> 0051</span></li>
  3868.                            <li class="list-group-item"><span class="tvbranddvr">TEKNIKA (DVR)</span> <span class="codes"> 0054, 0180, 0150, 0060, 0092</span></li>
  3869.                            <li class="list-group-item"><span class="tvbranddvr">TMK (DVR)</span> <span class="codes"> 0178</span></li>
  3870.                            <li class="list-group-item"><span class="tvbranddvr">TNCI (DVR)</span> <span class="codes"> 0017</span></li>
  3871.                            <li class="list-group-item"><span class="tvbranddvr">TOPHOUSE (DVR)</span> <span class="codes"> 0180</span></li>
  3872.                            <li class="list-group-item"><span class="tvbranddvr">TOSHIBA (DVR)</span> <span class="codes"> 0154, 0156, 0093, 0060, 0845, 1343, 1743, 1935</span></li>
  3873.                            <li class="list-group-item"><span class="tvbranddvr">TRUTECH (DVR)</span> <span class="codes"> 1665, 1723, 2066</span></li>
  3874.                            <li class="list-group-item"><span class="tvbranddvr">TVS (DVR)</span> <span class="codes"> 0463</span></li>
  3875.                            <li class="list-group-item"><span class="tvbranddvr">US LOGIC (DVR)</span> <span class="codes"> 1286</span></li>
  3876.                            <li class="list-group-item"><span class="tvbranddvr">VECTOR RESEARCH (DVR)</span> <span class="codes"> 0030</span></li>
  3877.                            <li class="list-group-item"><span class="tvbranddvr">VENTURER (DVR)</span> <span class="codes"> 1865</span></li>
  3878.                            <li class="list-group-item"><span class="tvbranddvr">VICTOR (DVR)</span> <span class="codes"> 0053</span></li>
  3879.                            <li class="list-group-item"><span class="tvbranddvr">VIDIKRON (DVR)</span> <span class="codes"> 0054, 1398</span></li>
  3880.                            <li class="list-group-item"><span class="tvbranddvr">VIDTECH (DVR)</span> <span class="codes"> 0178</span></li>
  3881.                            <li class="list-group-item"><span class="tvbranddvr">VIEWSONIC (DVR)</span> <span class="codes"> 1755, 1564, 0797, 0857, 0864, 0885, 1330, 1365, 1578, 1627, 1742, 2014, 2087</span></li>
  3882.                            <li class="list-group-item"><span class="tvbranddvr">VIORE (DVR)</span> <span class="codes"> 1207, 1684, 2104, 2352</span></li>
  3883.                            <li class="list-group-item"><span class="tvbranddvr">VISTRON (DVR)</span> <span class="codes"> 2142</span></li>
  3884.                            <li class="list-group-item"><span class="tvbranddvr">VIZIO (DVR)</span> <span class="codes"> 1758, 0864, 0885, 1756</span></li>
  3885.                            <li class="list-group-item"><span class="tvbranddvr">WARDS (DVR)</span> <span class="codes"> 0000, 0047, 0054, 0017, 0154, 0156, 0051, 0180, 0060, 0178, 0030</span></li>
  3886.                            <li class="list-group-item"><span class="tvbranddvr">WAYCON (DVR)</span> <span class="codes"> 0156 </span></li>
  3887.                            <li class="list-group-item"><span class="tvbranddvr">WESTINGHOUSE (DVR)</span> <span class="codes"> 1712, 0451, 0885, 0890, 1217, 1282, 2499</span></li>
  3888.                            <li class="list-group-item"><span class="tvbranddvr">WHITE WESTINGHOUSE (DVR)</span> <span class="codes"> 0463, 1661</span></li>
  3889.                            <li class="list-group-item"><span class="tvbranddvr">WYSE (DVR)</span> <span class="codes"> 1365 </span></li>
  3890.                            <li class="list-group-item"><span class="tvbranddvr">YAMAHA (DVR)</span> <span class="codes"> 0030, 0797</span></li>
  3891.                            <li class="list-group-item"><span class="tvbranddvr">ZENITH (DVR)</span> <span class="codes"> 0000, 0047, 0017, 0463, 0178, 0030, 0145, 0092, 1661, 1365</span></li>
  3892.                        <!-- DVR Codes -->
  3893.                        </ul>
  3894.                    </div>
  3895.  
  3896.                </div>
  3897.                <div class="modal-footer">
  3898.                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  3899.                </div>
  3900.            </div>
  3901.        </div>
  3902.    </div><!-- TV Codes Modal -->
  3903.  
  3904.  
  3905. </body>
  3906.  
  3907. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!