<h1>{{ translate('Calendar Sources') }}</h1><br/>
<h2>{{ translate('Google Calendar') }}</h2><br/>

<div class="alert alert-warning">
  {{ translate('When using Google Calendar integration, also make sure to have $config[\'google-api-key\'] defined in your ConfigEnv.php.') }}<br/>
  {{ translate('Visit') }} <b><a href="https://developer.hubleto.eu/apps/community/calendar-sync" target="_blank">https://developer.hubleto.eu/apps/community/calendar-sync</a></b> {{ translate('for details on how to get and configure your Google Calendar API key.') }}
</div>

<hblreact-table-calendar-sync-sources
  int:record-id="{{ viewParams.recordId }}"
  json:custom-endpoint-params='{"type": "google"}'
  json:description='{"ui": { "title": "Google Calendar sources", "addButtonText": "Add Google Calendar source" }}'
  json:form-props='{"descriptionSource": "props", "description": {"inputs": {"type": {"readonly": true}}, "defaultValues": {"type": "google"}}}'
  descriptionSource="both"
></hblreact-table-calendar-sync-sources>
<!-- string:model="Hubleto/App/Community/CalendarSync/Models/Source" -->