{{block "main" .}}
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/ui/css/styles.css" />
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
<title>SAP CDS-View Search</title>
</head>
<body>
{{template "search-bar" .}}
<div id="search-results" class="container-center">
{{template "search-placeholder-info" . }}
</div>
<footer style="position: fixed; bottom: 0px">
<a
style="color: var(--on_background)"
href="https://code.achtarmig.org/sap/api-cds-search"
>Source</a
>
</footer>
</body>
</html>
{{end}} {{block "search-bar" .}}
<form class="container-center linked-horizontal" style="margin-bottom: 30px">
<input
class="round min-w4 max-w21"
style="flex-grow: 1"
placeholder="Search here"
id="search-bar"
name="q"
/>
<button
type="submit"
class="round raised suggested-action max-w3"
style="flex-grow: 1"
hx-get="/search"
hx-params="*"
hx-include="#search-bar"
hx-target="#search-results"
hx-swap="innerHTML"
>
Search
</button>
</form>
{{end}}