<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" xmlns:dyn="http://exslt.org/dynamic" extension-element-prefixes="dyn">
    <xsl:output method="html" indent="no" doctype-system="" encoding="utf-8" />

    <xsl:include href="/app/tools/bookpub/templates/global.xsl" />

    <xsl:template name="pickLayout">
        <xsl:call-template name="reportLayout" />
        <xsl:call-template name="buttons" />
    </xsl:template>

    <xsl:template name="reportLayout">
        <script src="/production/javascript/jquery/jquery-3.6.0.min.js"></script>
        <script src="/production/javascript/jquery/jquery.local.js"></script>
        <script src="/production/javascript/jquery/jquery-ui.min.1.13.0.js"></script>
        <script src="/production/javascript/jquery/reportLayout.js"></script>
        <script>
        var F = {
            report_config_id    : '<xsl:value-of select="/Root/ReportConfig/ReportConfigID" />',
            name                : '<xsl:value-of select="/Root/ReportConfig/Name" />',
            delimiter           : '<xsl:value-of select="/Root/ReportConfig/Delimiter" />',
            columns             : '<xsl:for-each select="/Root/ReportConfig/Columns"><xsl:value-of select="." /><xsl:if test="position() != last()">,</xsl:if></xsl:for-each>'
        };
        </script>

        <form>
            <input id="report_config_id" type="hidden" name="report_config_id" value="" />
            <fieldset class="Form-fieldset">
                <h3>Output File Format</h3>
                <div class="Form-item">
                    <label class="Form-label">
                        <span class="Form-label-caption">Delimiter</span>
                        <div class="Form-input-wrapper">
                            <xsl:variable name="selectDelimiter">
                                <map>
                                    <mapEntry><name>Tab (tsv)</name><value>tab</value></mapEntry>
                                    <mapEntry><name>Comma (csv)</name><value>comma</value></mapEntry>
                                    <mapEntry><name>Pipe</name><value>pipe</value></mapEntry>
                                </map>
                            </xsl:variable>
                            <xsl:call-template name="uiDropdown">
                                <xsl:with-param name="items" select="$selectDelimiter"/>
                                <xsl:with-param name="id" select="'delimiter'"/>
                                <xsl:with-param name="name" select="'delimiter'"/>
                                <xsl:with-param name="className" select="'BookpubReports-input'"/>
                            </xsl:call-template>
                        </div>
                    </label>
                </div>
                <div class="Form-item">
                    <label class="Form-label">
                        <span class="Form-label-caption">Report Name</span>
                        <div class="Form-input-wrapper">
                            <input type="text" name="name" id="name" class="Input Form-input BookpubReports-input" value="" />
                        </div>
                    </label>
                </div>
            </fieldset>
            <fieldset class="Form-fieldset">
                <h3>Available Data Fields</h3>
                <div class="Field-column-group">
                    <div class="Field-column-four">
                        <h4>Book Info</h4>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_isbn10'" />
                            <xsl:with-param name="name" select="'column_isbn10'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'ISBN 10'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'ISBN 10'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_isbn13'" />
                            <xsl:with-param name="name" select="'column_isbn13'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'ISBN 13'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'ISBN 13'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_imprint'" />
                            <xsl:with-param name="name" select="'column_imprint'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Imprint'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Imprint'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_author'" />
                            <xsl:with-param name="name" select="'column_author'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Author'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Author'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_title'" />
                            <xsl:with-param name="name" select="'column_title'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Title'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Title'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_subtitle'" />
                            <xsl:with-param name="name" select="'column_subtitle'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Sub Title'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Sub Title'"/>
                        </xsl:call-template>
                    </div>
                    <div class="Field-column-four">
                        <h4>Service Info</h4>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_service'" />
                            <xsl:with-param name="name" select="'column_service'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Service Name'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Name'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_service_id'" />
                            <xsl:with-param name="name" select="'column_service_id'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Service ID'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'ID'"/>
                        </xsl:call-template>
                    </div>
                    <div class="Field-column-four">
                        <h4>Sale Info</h4>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_period_begin'" />
                            <xsl:with-param name="name" select="'column_period_begin'" />
                            <xsl:with-param name="title" select="'Period Begin'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Period Begin'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_period_end'" />
                            <xsl:with-param name="name" select="'column_period_end'" />
                            <xsl:with-param name="title" select="'Period End'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Period End'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_territory'" />
                            <xsl:with-param name="name" select="'column_territory'" />
                            <xsl:with-param name="title" select="'Territory'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Territory'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_format'" />
                            <xsl:with-param name="name" select="'column_format'" />
                            <xsl:with-param name="title" select="'Format'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Format'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_units'" />
                            <xsl:with-param name="name" select="'column_units'" />
                            <xsl:with-param name="title" select="'Units'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Units'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_net_revenue'" />
                            <xsl:with-param name="name" select="'column_net_revenue'" />
                            <xsl:with-param name="title" select="'Net Revenue'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="caption" select="'Net Revenue'"/>
                            <xsl:with-param name="disabled" select="'true'" />
                            <xsl:with-param name="checked" select="'true'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_currency'" />
                            <xsl:with-param name="name" select="'column_currency'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Unit Price Currency'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Unit Price Currency'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_unit_price_site'" />
                            <xsl:with-param name="name" select="'column_unit_price_site'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Unit Price Site'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Unit Price Site'"/>
                        </xsl:call-template>
                        <xsl:call-template name="uiCheckbox">
                            <xsl:with-param name="id" select="'column_dist_fee'" />
                            <xsl:with-param name="name" select="'column_dist_fee'" />
                            <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                            <xsl:with-param name="title" select="'Distribution Fee'"/>
                            <xsl:with-param name="standardTitle" select="'true'"/>
                            <xsl:with-param name="value" select="'1'" />
                            <xsl:with-param name="caption" select="'Distribution Fee'"/>
                        </xsl:call-template>
                    </div>
                    <div class="Field-column-four">
                        <h4>Free Unit Reporting</h4>
                        <div class="Form-item">
                            <label class="Form-label">
                                <span class="Form-label-caption">Report Free Units</span>
                                <div class="Form-input-wrapper">
                                    <xsl:variable name="selectFreeUnits">
                                        <map>
                                            <mapEntry><name>Yes</name><value>y</value></mapEntry>
                                            <mapEntry><name>No</name><value>m</value></mapEntry>
                                        </map>
                                    </xsl:variable>
                                    <xsl:call-template name="uiDropdown">
                                        <xsl:with-param name="items" select="$selectFreeUnits"/>
                                        <xsl:with-param name="id" select="'column_report_free_units'"/>
                                        <xsl:with-param name="name" select="'column_report_free_units'"/>
                                        <xsl:with-param name="onChange" select="'updateFreeFlag(this.value)'"/>
                                        <xsl:with-param name="className" select="'BookpubReports-input'"/>
                                    </xsl:call-template>
                                </div>
                            </label>
                        </div>
                        <div id="free-flag-content" class="BookpubReports-flag">
                            <xsl:call-template name="uiCheckbox">
                                <xsl:with-param name="id" select="'column_free_flag'" />
                                <xsl:with-param name="name" select="'column_free_flag'" />
                                <xsl:with-param name="onClick" select="'toggleColumn(this.id)'" />
                                <xsl:with-param name="title" select="'Free Flag'"/>
                                <xsl:with-param name="standardTitle" select="'true'"/>
                                <xsl:with-param name="value" select="'1'" />
                                <xsl:with-param name="caption" select="'Free Flag'"/>
                            </xsl:call-template>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="Form-fieldset">
                <h3>Field Order</h3>
                <p>Click and drag field headings with your mouse to assign field order</p>
                <div id="column-label-display" class="BookpubReports-label-display"></div>
            </fieldset>

            <fieldset class="Form-fieldset">
                <h3>Sample view of chosen output format</h3>
                <xsl:call-template name="uiButton">
                    <xsl:with-param name="content" select="'Update View'" />
                    <xsl:with-param name="type" select="'default'"/>
                    <xsl:with-param name="className" select="'Form-button BookpubReports-update'"/>
                    <xsl:with-param name="onClick">updateSample()</xsl:with-param>
                </xsl:call-template>
                <div class="BookpubReports-sample-wrapper">
                    <p id="sample-output" class="BookpubReports-sample"></p>
                </div>
            </fieldset>
            <p>Once you're satisfied with the layout, enter a name in the 'Report Name' field and click the Save button below.</p>
        </form>

        <div id="column-label-template" class="BookpubReports-template">
            <div id="_id_" class="BookpubReports-label">_value_</div>
        </div>
    </xsl:template>

	<xsl:template name="submitButton">
        <xsl:call-template name="uiButton">
            <xsl:with-param name="content" select="'Save'"/>
            <xsl:with-param name="type" select="'primary'"/>
            <xsl:with-param name="className" select="'Form-button'"/>
            <xsl:with-param name="onClick">saveConfig()</xsl:with-param>
        </xsl:call-template>
	</xsl:template>

    <xsl:template name="cancelButton">
        <xsl:call-template name="uiButton">
            <xsl:with-param name="content" select="'Cancel'" />
            <xsl:with-param name="type" select="'default'"/>
            <xsl:with-param name="className" select="'Form-button'"/>
            <xsl:with-param name="onClick">javascript:location.href='/bookpub/admin?c=list_report_config'</xsl:with-param>
        </xsl:call-template>
    </xsl:template>

</xsl:stylesheet>
