export class SchemaTemplates {
    public static readonly INVOKE_TEMPLATE = `
    <h1 style="color:red">
        Search registry <%= RegistryName %>
    </h1>

    <style>
    body {
        font-size: 2rem;
    }
    </style>
    <div id="app">

    <input type="search" v-model="searchedKeyword"  v-on:input="userTyping" placeholder="Search for schema keyword..">
    <br />
    <br />

    <select v-model="selectedSchema" v-on:change="userSelectedSchema" size= 40>
    <option disabled value="">Select a schema</option>
    <option v-for="result in searchResults" :value="result.SchemaName">{{result.SchemaName}}</option>
  </select>
        <textarea
        readonly
            rows="43"
            cols="100"
            v-model="schemaContent"
        ></textarea>

        <br />    <br />    <br />

    <input type="submit" v-on:click="downloadButtonClicked" value="Download Code Bindings">

    </div>
    <link rel="stylesheet" type="text/css" href="/media/emil.css">
    <% Libraries.forEach(function(lib) { %>
        <script nonce="<%= lib.nonce %>" src="<%= lib.uri %>"></script>
    <% }); %>
    <% Scripts.forEach(function(scr) { %>
        <script nonce="<%= scr.nonce %>" src="<%= scr.uri %>"></script>
    <% }); %>

    <% Styles.forEach(function(scr) { %>
        <link rel="stylesheet" type="text/css" href="<%= scr.uri %>">
    <% }); %>
    `
}