<!DOCTYPE HTML>
<html lang="en">
<!-- TODO(crbug.com/40490364): Localize strings. -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bluetooth Internals</title>
<link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
<link rel="stylesheet" href="chrome://resources/css/spinner.css">
<link rel="stylesheet" href="bluetooth_internals.css">
<script type="module" src="main.js"></script>
</head>
<body>
<div id="page-container">
<header class="page-header">
<button id="menu-btn" class="custom-appearance"></button>
<h1 class="page-title"></h1>
</header>
<section id="adapter" class="flex" hidden>
<div class="header-extras">
<if expr="chromeos_ash">
<button id="restart-bluetooth-btn">Restart system Bluetooth</button>
</if>
<button id="adapter-refresh-btn">Refresh</button>
</div>
</section>
<section id="devices" hidden>
<div class="header-extras">
<button id="scan-btn">Start Scan</button>
</div>
</section>
<section id="debug" hidden>
<div class="header-extras" id="debug-container"></div>
</section>
</div>
<div id="snackbar-container"></div>
<aside id="sidebar">
<div class="overlay"></div>
<section class="sidebar-content">
<header>
<h1>Bluetooth Internals</h1>
</header>
<nav>
<ul role="tablist">
<li class="selected" data-page-name="adapter">
<button class="custom-appearance">Adapter</button>
</li>
<li data-page-name="devices">
<button class="custom-appearance">Devices</button>
</li>
<li data-page-name="debug" data-page-name="debug">
<button class="custom-appearance">Debug Logs</button>
</li>
</ul>
</nav>
</section>
</aside>
</body>
<template id="device-details-template">
<div class="device-details-page">
<div class="header-extras">
<button class="disconnect">Disconnect</button>
<button class="forget">Forget</button>
</div>
<h3>Status</h3>
<section class="device-details flex"></section>
<h3>Services</h3>
<section class="services"></section>
</div>
</template>
<if expr="chromeos_ash">
<template id="btsnoop-template">
<div>
<div>
Capture a Bluetooth debug log that will be saved to Downloads.
</div>
<div>
Debug logs may contain sensitive information including device identifiers.
Only share debug logs with people you trust.
</div>
<div>
<button id="btmon-start-btn"></button>
<span id="btmon-status-bar"></span>
</div>
</div>
</template>
</if>
<dialog id="need-location-services-on">
Chrome needs location access to scan for devices. Location access is
<a id="need-location-services-on-services-link">
turned off for this device
</a>.
</dialog>
<dialog id="need-location-permission-and-services-on">
Chrome needs location access to scan for devices.
<a id="need-location-permission-and-services-on-permission-link">
Update permissions
</a>. Location access is also
<a id="need-location-permission-and-services-on-services-link">
turned off for this device
</a>.
</dialog>
<dialog id="need-nearby-devices-permission">
Chrome needs permission to scan for nearby devices.
<a id="need-nearby-devices-permission-permission-link">
Update permissions
</a>.
</dialog>
<dialog id="need-location-permission">
Chrome needs location access to scan for devices.
<a id="need-location-permission-permission-link">
Update permissions
</a>.
</dialog>
<dialog id="can-not-request-permissions">
Can not request permissions.
</dialog>
<dialog id="refresh-page">
Please refresh the page.
</dialog>
</html>