public function getHtml()
    {
        $body = '
<div class="section">
    <h1 class="header center orange-text">' . $this->getTitle() . '</h1>
        
    <div class="row center">
        ' . count($this->getElements()) . ' result(s) found
    </div>
</div>
        
<div class="section" id="simple-list">
    <form>
        <div class="input-field">
          <input class="search" type="search" placeholder="Search for a user agent">
          <i class="material-icons">close</i>
        </div>
      </form>
            
    ' . $this->getList() . '
</div>
';
        $script = '
var options = {
    page: 10000,
    valueNames: [\'searchable\']
};

var hackerList = new List(\'simple-list\', options);    
';
        return parent::getHtmlCombined($body, $script);
    }
    public function getHtml()
    {
        $body = '
<div class="section">
    <h1 class="header center orange-text">UserAgentParser comparison</h1>

    <div class="row center">
        <p>
            See the comparison of different user agent parsers
        </p>
        
        ' . $this->getButtons() . '
            
        by Martin Keckeis (@ThaDafinser)
    </div>
</div>
';
        return parent::getHtmlCombined($body);
    }
    public function getHtml()
    {
        $body = '
<div class="section">
    <h1 class="header center orange-text">Useragent parser comparison v' . COMPARISON_VERSION . '</h1>

    <div class="row center">
        <h5 class="header light">
            We took <strong>' . number_format($this->getUserAgentCount()) . '</strong> different user agents and analyzed them with all providers below.<br />
            That way, it\'s possible to get a good overview of each provider
        </h5>
    </div>
</div>

<div class="section">
    <h3 class="header center orange-text">
        Detected by all providers
    </h3>
                
    ' . $this->getTableSummary() . '
        
</div>
        
<div class="section center">
        
    <h3 class="header center orange-text">
        Detected by all providers
    </h3>
        
    <a href="detected/general/browser-names.html" class="btn waves-effect waves-light">
        Browser names    
    </a><br /><br />
        
    <a href="detected/general/rendering-engines.html" class="btn waves-effect waves-light">
        Rendering engines
    </a><br /><br />
        
    <a href="detected/general/operating-systems.html" class="btn waves-effect waves-light">
        Operating systems
    </a><br /><br />
        
    <a href="detected/general/device-brands.html" class="btn waves-effect waves-light">
        Device brands
    </a><br /><br />
        
    <a href="detected/general/device-models.html" class="btn waves-effect waves-light">
        Device models
    </a><br /><br />
        
    <a href="detected/general/device-types.html" class="btn waves-effect waves-light">
        Device types
    </a><br /><br />
        
    <a href="detected/general/bot-names.html" class="btn waves-effect waves-light">
        Bot names
    </a><br /><br />
        
    <a href="detected/general/bot-types.html" class="btn waves-effect waves-light">
        Bot types
    </a><br /><br />
        
</div>
        
<div class="section">
    <h3 class="header center orange-text">
        Sources of the user agents
    </h3>
    <div class="row center">
        <h5 class="header light">
            The user agents were extracted from different test suites when possible<br />
            <strong>Note</strong> The actual number of tested user agents can be higher in the test suite itself.
        </h5>
    </div>
                
    ' . $this->getTableTests() . '
        
</div>
';
        return parent::getHtmlCombined($body);
    }