{{block "results" .}}
<div class="max-w24" style="width: 100%">
    {{template "paging" .}}
    <div class="container-center">
        <div class="boxed-list max-w24">
            {{range .Views}} {{template "result" .}} {{end}}
        </div>
    </div>
</div>

{{end}} {{block "result" .}}
<label class="active expander" for="{{.TechnicalNameEncoded}}">
    <input
        class="expander-state"
        type="checkbox"
        id="{{.TechnicalNameEncoded}}"
    />
    <div class="title sans-serif">
        {{.DisplayName}}
        <div class="monospaced">{{.TechnicalName}}</div>
    </div>
    <div
        class='tag pill suffix {{if eq .State "RELEASED"}} success {{else}} warning {{end}} min-w3'
    >
        {{.StateTitle}}
    </div>
</label>
<div class="expander-content">
    <div class="label heading">Field Properties</div>
    <div class="container-center">
        {{template "fields-placeholder" dict "Result" .}}
    </div>
</div>
{{end}} {{block "fields" .}}
<table>
    <tr>
        <th class="table-field-left">Name</th>
        <th class="table-field-left">Description</th>
        <th class="table-field-left">Type</th>
        <th class="table-field-right">Length</th>
    </tr>
    {{range .}} {{template "field" .}} {{end}}
</table>
{{end}} {{block "fields-placeholder" .}}
<table
    id="{{.Result.TechnicalNameEncoded}}_FieldPlaceholder"
    hx-get="/cds/field/"
    hx-vals='{"CDSViewTechnicalName":"{{.Result.TechnicalName}}"}'
    hx-trigger="click from:#{{.Result.TechnicalNameEncoded}}"
    hx-swap="outerHTML"
    hx-target="this"
>
    <tr>
        <td>
            <div
                style="height: calc(22px * ({{.Result.NumberOfFields}} + 1))"
            ></div>
        </td>
    </tr>
</table>
{{end}} {{block "field" .}}
<tr>
    <td class="table-field-left monospaced">{{.FieldName}}</td>
    <td class="table-field-left">{{.DescriptionOut}}</td>
    <td class="table-field-left">{{.DataTypeTitle}}</td>
    <td class="table-field-right monospaced">{{.FieldLengthOut}}</td>
</tr>
{{end}} {{block "search-placeholder-no-result" .}}
<div>
    <div class="container-center">
        <div class="placeholder-image loupe"></div>
    </div>
    <div class="container-center">
        <div class="label title-1">No Results Found</div>
    </div>
    <div class="container-center">
        <div class="label">Try refining your search term</div>
    </div>
</div>
{{end}} {{block "search-placeholder-info" .}}
<div>
    <div class="container-center">
        <div class="placeholder-image loupe"></div>
    </div>
    <div class="container-center">
        <div class="label title-1">Search CDS-Views</div>
    </div>
    <div class="container-center">
        <div class="label">Find CDS-Views from the Business Acceleator Hub</div>
    </div>
</div>
{{end}} {{block "paging" .}}
<div>
    <form style="float: right">
        <input name="q" disabled hidden value="{{.SearchTerm}}" />
        <div class="linked-horizontal">
            <input
                class="round max-w2"
                type="number"
                name="p"
                value="{{.CurrentPage}}"
                min="0"
                max="{{.MaxPage}}"
                hx-get="/search"
                hx-params="*"
                hx-include="#search-bar"
                hx-target="#search-results"
                hx-swap="innerHTML"
                hx-throttle="1s"
            /><input
                class="round raised max-w2"
                value="{{.MaxPage}}"
                disabled
            />
        </div>
    </form>
</div>
{{end}}