<?php /*
*    Pi-hole: A black hole for Internet advertisements
*    (c) 2017 Pi-hole, LLC (https://pi-hole.net)
*    Network-wide ad blocking via your own hardware.
*
*    This file is copyright under the latest version of the EUPL.
*    Please see LICENSE file for your rights under this license.
*/

require 'scripts/pi-hole/php/header_authenticated.php';
?>

<div class="row">
    <div class="col-md-12">
        <div class="box" id="network-details">
            <div class="box-header with-border">
                <h3 class="box-title">Network overview</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <table id="network-entries" class="table table-striped table-bordered" width="100%">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>IP address</th>
                            <th>Hardware address</th>
                            <th>Interface</th>
                            <th>Hostname</th>
                            <th>First seen</th>
                            <th>Last Query</th>
                            <th>Number of queries</th>
                            <th>Uses Pi-hole</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>ID</th>
                            <th>IP address</th>
                            <th>Hardware address</th>
                            <th>Interface</th>
                            <th>Hostname</th>
                            <th>First seen</th>
                            <th>Last Query</th>
                            <th>Number of queries</th>
                            <th>Uses Pi-hole</th>
                            <th>Action</th>
                        </tr>
                    </tfoot>
                </table>
                <label>Background color: Last query from this device seen ...</label>
                <table width="100%">
                    <tr class="text-center">
                        <td class="network-recent" width="15%">just now</td>
                        <td class="network-gradient" width="30%">... to ...</td>
                        <td class="network-old" width="15%">24 hours ago</td>
                        <td class="network-older" width="20%">&gt; 24 hours ago</td>
                        <td class="network-never" width="20%">Device does not use Pi-hole</td>
                    </tr>
                </table>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
    </div>
</div>
<!-- /.row -->

<script src="scripts/pi-hole/js/ip-address-sorting.js?v=<?php echo $cacheVer; ?>"></script>
<script src="scripts/pi-hole/js/network.js?v=<?php echo $cacheVer; ?>"></script>

<?php
require 'scripts/pi-hole/php/footer.php';
?>
