<!DOCTYPE html>
<html>
    <head>
        <title>Reference Editor</title>
        {{ importmap('app') }}

        <script type='module'>
            import {setBooks, setEventListeners} from "{{ asset('js/home.js') }}";
            import * as ref from "{{ asset('js/reference.js') }}";
            window.ref = ref;
        </script>
    </head>

    <body>
        <select id='referenceTypes' onchange='ref.retrieveReferenceType(this)'>
            <option value=''>-- Select Reference --</option>
            <option value='new'>-- Insert New --</option>
            <option value='creed'>Creed</option>
            <option value='belgic'>Belgic Confession</option>
            <option value='hc'>Heidelberg Catechism</option>
            <option value='cd'>Canons of Dort</option>
            <option value='wcf'>Westminster Confession of Faith</option>
            <option value='wsc'>Westminster Shorter Catechism</option>
            <option value='wlc'>Westminster Larger Catechism</option>
            <option value='agc'>Augsberg Confession</option>
            <option value='1hc'>First Helvetic Confession</option>
            <option value='2hc'>Second Helvetic Confession</option>
            <option value='sd'>Savoy Declaration</option>
            <option value='39a'>Thirty-Nine Articles</option>
            <option value='lbc'>London Baptist Confession</option>
        </select>&nbsp;&nbsp;
        <select id='referenceSeries' onchange='ref.retrieveReference(this)'>
        </select>&nbsp;&nbsp;
        <input type='text' name='name' id='refName' style='display:none;' />&nbsp;&nbsp;
        <button id='save' name='save' onclick='ref.saveReference()'>Save</button>
        <a href='/home'>Back</a><br />

        <textarea id='reference' name='reference' rows=45 cols=100></textarea>
        {{ encore_entry_script_tags('app') }}
    </body>
</html>