<?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 Dropdown Type</xsl:param>
  <xsl:param name="PAGE-NAME">editDropdowntype</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-caret-down-square 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="Dropdowns.editDropdowntype"/>
            <input type="hidden" name="step"   value="update"/>
            
            <input type="hidden" name="dropdowntype_serial" id="dropdowntype_serial" value="{//dropdowntypes/record/dropdowntype_serial}"/>

            <div class="col-lg-6 mb-3">
              <label class="form-label" for="dropdowntype_name">Name</label>
              <input type="text" class="form-control form-control-sm" name="dropdowntype_name" id="dropdowntype_name" maxlength="100" autocomplete="off" autofocus="autofocus" value="{//dropdowntypes/record/dropdowntype_name}"/>
            </div>

            <div class="col-lg-6 mb-3">
              <label class="form-label" for="dropdowntype_title">Title</label>
              <input type="text" class="form-control form-control-sm" name="dropdowntype_title" id="dropdowntype_title" maxlength="100" autocomplete="off" value="{//dropdowntypes/record/dropdowntype_title}"/>
            </div>

            <div class="col-lg-6 mb-3">
              <label class="form-label" for="dropdowntype_table">Table</label>
              <input type="text" class="form-control form-control-sm" name="dropdowntype_table" id="dropdowntype_table" maxlength="100" autocomplete="off" value="{//dropdowntypes/record/dropdowntype_table}"/>
            </div>

            <div class="col-lg-6 mb-3">
              <label class="form-label" for="dropdowntype_column">Column</label>
              <input type="text" class="form-control form-control-sm" name="dropdowntype_column" id="dropdowntype_column" maxlength="100" autocomplete="off" value="{//dropdowntypes/record/dropdowntype_column}"/>
            </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-trash3 me-2"/>Delete</button>
          </div>
          
        </div>
        
      </div>
      
    </div>
          
  </xsl:template>

</xsl:stylesheet>
