votervue/xsl/editCountyCode.xsl

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html" encoding="utf-8" indent="yes"/>

    <!-- Parameters -->

    <xsl:param name="VERSION">1.0</xsl:param>
    <xsl:param name="PAGE-TITLE">Edit County Code</xsl:param>
    <xsl:param name="PAGE-NAME">editCountyCode</xsl:param>

    <xsl:template match="/">
    
        <script src="js/{$PAGE-NAME}.js?version={$VERSION}"/>   

        <div class="{$PAGE-NAME}">
      
            <div class="card">
        
                <div class="card-header bg-primary text-white p-1 ps-3 border-bottom-0">
                    <i class="bi bi-plus-lg me-2"/>
                    <xsl:value-of select="$PAGE-TITLE"/>
                </div>
        
                <div class="card-body">
          
                    <form action="" name="{$PAGE-NAME}" method="post" id="{$PAGE-NAME}">

                        <input type="hidden" name="action" value="CountyCodes.editCountyCode"/>
                        <input type="hidden" name="step"   value="update"/>
                        
                        <input type="hidden" name="countycode_serial" value="{//countycodes/record/countycode_serial}"/>

                        <div class="col-lg-6 mb-3">
                            <label class="form-label" for="countycode_code">Code</label>
                            <input type="text" class="form-control form-control-sm" name="countycode_code" id="countycode_code" maxlength="3" autocomplete="off" autofocus="autofocus"
                                   value="{//countycodes/record/countycode_code}"/>
                        </div>
                        
                        <div class="col-lg-6 mb-3">
                            <label class="form-label" for="countycode_name">Name</label>
                            <input type="text" class="form-control form-control-sm" name="countycode_name" id="countycode_name" maxlength="120" autocomplete="off"
                                   value="{//countycodes/record/countycode_name}"/>
                        </div>
                        
                        <div class="col-lg-2 mb-3">
                            <label class="form-label" for="countycode_state">State</label>
                            <select class="form-control form-control-sm" name="countycode_state" id="countycode_state" size="1">
                                <xsl:call-template name="states">
                                    <xsl:with-param name="current-value">
                                        <xsl:value-of select="//countycodes/record/countycode_state"/>
                                    </xsl:with-param>
                                </xsl:call-template>
                            </select>
                                
                        </div>  
                        
                        <div class="row">

                            <label class="mb-1">Active Status</label>

                            <div class="col-auto mb-3">

                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="countycode_active" id="countycode_active" value="true">
                                        <xsl:if test="boolean(number(//countycodes/record/countycode_active)) = true()">
                                            <xsl:attribute name="checked"/>
                                        </xsl:if>
                                    </input>
                                    <label class="form-check-label" for="countycode_active">Active</label>
                                </div>

                            </div>
              
                        </div>
            
                    </form>

                    <div class="buttons mt-4 mb-2">
                        <button type="button" class="btn btn-sm btn-primary me-2 btnCancel">
                            <i class="bi bi-box-arrow-left me-2"/>Cancel</button>
                        <button type="button" class="btn btn-sm btn-primary me-2 btnSave">
                            <i class="bi bi-save me-2"/>Save</button>
                        <button type="button" class="btn btn-sm btn-primary me-2 btnDelete">
                            <i class="bi bi-trash me-2"/>Delete</button>
                    </div>
          
                </div>
        
            </div>
      
        </div>
          
    </xsl:template>
    
    <!-- Template for States dropdown -->

    <xsl:template name="states">
        <xsl:param name="current-value"/>
        <option value="">Choose...</option>
        <xsl:for-each select="//Constants/States/State">
            <option value="{@abbreviation}">
                <xsl:if test="@abbreviation = $current-value">
                    <xsl:attribute name="selected">selected</xsl:attribute>
                </xsl:if>
                <xsl:value-of select="."/>
            </option>
        </xsl:for-each>
    </xsl:template>


</xsl:stylesheet>