<script src="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded@1.4.1/dist/genesys-deps.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded@1.4.1/dist/genesys-ui.js"></script>

<!-- Recommended: Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" />
<!-- Genesys UI CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded@1.4.1/dist/genesys-deps.css" />

<div class="container-fluid mb-5" id="genesys-container"></div>

<script type="text/javascript">
  // Embedded Genesys configuration
  const genesysConfig = {
    apiUrl: 'https://api.sandbox.genesys-pgr.org', // Genesys API server
    clientId: 'clientid@genesys', // Client ID
    clientKey: 'changeme', // Client key
    title: 'Genesys:', // HTML title prefix
    language: 'en', // See "Configuration options" section below
    filter: { 
      institute: {  code: [ 'ETH013' ] }, // Genesys data filter
    },
    accession: {
      pdci: true, // Show PDCI
      subsets: true, // Show list of subsets
      datasets: true, // Show list of datasets
      // accessionNumberSort: 'accessionNumber', // Uncomment this to sort by accession number instead of the 'seqNo' -- the sequential number detected by Genesys
      filters: {
        'images': false,
      },
      overviews: {
        'aegis': false, // Don't display the AEGIS Overview
      }
    },
    shoppingCart: {
      enabled: true, // Enable shopping cart
    },
    captchaSiteKey: '<public key for your site>', // Your hCaptcha site key from https://dashboard.hcaptcha.com
    map: {
      enabled: true, // Enable map
      baseMap: {
        url: 'https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}/', // tile server url for the base layer
        attribution: 'Tiles &copy; Esri &mdash; Esri, DeLorme, NAVTEQ' // attribution data
      },
    },
    i18n: {
      'en': {
        translations: {
          // No customizations
        }
      },
      'es': {
        translations: {
          // No customizations
        }
      },
      'zh-tw': {
        translations: {
          // No customizations
        }
      },
    }
  };

  // Show UI
  if (genesys !== undefined && typeof genesys.showGenesysUI === 'function') {
    genesys.showGenesysUI(document.getElementById('genesys-container'), genesysConfig);
  } else {
    document.getElementById('genesys-container').innerHTML='<div class="error alert alert-danger"><strong>Embedded UI</strong> is not loaded.</div>';
  }

  // Or, to display ONLY "Collection Overview" use:
  // genesys.showOverview(document.getElementById('genesys-container'), genesysConfig);
</script>

const genesysConfig = {
    ..., // other configuration options
    accession: {
      ... // other accession options
      filters: {
        'images': false, // Don't display the image filter
        'countryOfOrigin': false, // Don't display the Country of Provenance filter
        // all other filters remain enabled
      },
    },
    ... // other configuration
}

const genesysConfig = {
    ..., // other configuration options
    accession: {
      ... // other accession options
      overviews: {
        'aegis': false, // Don't display the AEGIS Overview
        'institute.code': false, // Exclude summary by FAO Institude Code
      },
    },
    ... // other configuration
}

const genesysConfig = {
  captchaSiteKey: '<public key for your site>', // Your hCaptcha site key from https://dashboard.hcaptcha.com
  shoppingCart: {
    enabled: true, // Enable shopping cart
  },
};

const genesysConfig = {
  i18n: {
    'es': { // customizations for Spanish labels
      translations: { // 'translations' is mandatory
        "pagetitle": {
          "accessionList": "Accesiones" // customize the translation of 'pagetitle.accessionList'
        }
      }
    },
    'zh-tw': { // customizations for Chinese Taiwanese
      translations: { // 'translations' is mandatory
        "pagetitle": {
          "accessionList": "..." // customize the translation of 'pagetitle.accessionList'
        }
      }
    },
}

const genesysConfig = {
  i18n: {
    'en': { // English
      translations: {
        crop: {
          'lemon': 'Lemon', // Use capitalized "Lemon"
          'limon': 'Lemon' // Use "Lemon" for "limon"
        }
      }
    },
    'es': { // Spanish
      translations: {
        crop: {
          'lemon': 'Limón', // The lemon
          'cassava': 'Yuca',
          'beans': 'Frijol',
          'forages': 'Forrajes',
          'banana': 'Plátano',
        }
      }
    },
    'zh-tw': {
      translations: {
        crop: {
          'mungbean': '綠豆'
        }
      }
    },
  }
}