[% USE raw %]
[% USE Asset %]
[% PROCESS 'i18n.inc' %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>[% FILTER collapse %]
    [% t("006 builder") | html %] &rsaquo;
    [% t("Cataloging") | html %] &rsaquo;
    [% t("Koha") | html %]
[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
</head>

<body id="cat_marc21_field_006" class="cat value_builder" onload="loadXmlValues()">
<h1>006 Fixed-length data elements--Additional material characteristics--General information</h1>

<div class="page-section">
    <table>
        <tr id="tr_result">
        </tr>
    </table>

    <h4 id="h4_result">&quot;[% result | html %]&quot;</h4>

    <form name="f_pop" id="f_pop" onsubmit="report()" action="">
        <input type="hidden" name="plugin_name" value="marc21_field_006.pl" />
        <input type="hidden" id="[% index | html %]" name="index" value="[% index | html %]" />
        <input type="hidden" id="result" name="result" value="[% result | html %]" />
        <table id="table_material_types">
            <tr id="tr_material_types">
                <td><label for="material_type" title="Select a type of material to specify the variable values">Type of material</label></td>
                <td>
                    <select name="material_type" id="material_type" title="Select a type of material to specify the variable values" onchange="changeTypeofMaterial(this.form)">
                        <option value="">Select a type of material</option>
                    </select>
                </td>
            </tr>
        </table>

        <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container-fluid">
                <fieldset class="action">
                    <input type="submit" class="btn btn-primary" value="Save" />
                    <button class="btn btn-default close_window">Cancel</button>
                </fieldset>
            </div>
        </nav>
    </form>
</div> <!-- /.page-section -->

[% MACRO jsinclude BLOCK %]
    [% Asset.js("js/xmlControlfield.js") | $raw %]
    <script>
        var objXmlControlField;
        var tr_result;
        var h4_result;

        function loadXmlValues(){
            [% IF ( errorXml ) %]
            alert("[% errorXml | html %]");
            [% ELSE %]
            var form = document.f_pop;
            h4_result = document.getElementById("h4_result");
            tr_result = document.getElementById("tr_result");
            objXmlControlField = new xmlControlField('[% tagfield | html %]', 'f_pop', document.getElementById('material_type'), document.getElementById('table_material_types'), 'h4_result', 'tr_result', '', '[% themelang | html %]', '[% marcflavour | html %]');
            [% IF ( material_configuration ) %]
            objXmlControlField.idMaterial = "[% material_configuration | html %]";
            [% END %]
            objXmlControlField.loadXmlValues();
            renderResult(tr_result, (form.result.value != "")?form.result.value:returnValueParam("result"));
            [% END %]
        } // loadXmlValues

        function changeTypeofMaterial(form){
            if (form.material_type.options[form.material_type.selectedIndex].value != "" && confirm(_("Show values for '%s' material type?").format(form.material_type.options[form.material_type.selectedIndex].text))) {
                objXmlControlField.setIdMaterial(form.material_type.options[form.material_type.selectedIndex].value);
                objXmlControlField.renderTemplate();
                renderResult(tr_result, form.result.value, true);
            }
        } // changeTypeofMaterial

        function report() {
            var doc   = opener.document;
            var field = doc.getElementById("[% index | html %]");
            field.value = document.getElementById("result").value;
            self.close();
            return false;
        }
    </script>
[% END %]

[% INCLUDE 'intranet-bottom.inc' popup_window=1 %]
