<h1 class="app-main-title">{{ appName }}</h1>
{{ '{#' }} Uncomment this to see how translations work: <h1 class="app-main-title">{{ translate('{{ appName }}') }}</h1> {{ '#}' }}

<div class="alert alert-info">
  This app was generated by <code class="bg-gray-100 p-1 font-bold">php hubleto create app {{ appNamespace }}</code> command on {{ now }}.<br/>
  <br/>
  Go to `{{ appNamespace }}/Views/Home.twig` to see the source code of this view.
</div>

{{ '{#' }} DO NOT DELETE FOLLOWING LINE, OR `php hubleto` WILL NOT GENERATE CODE HERE {{ '#}' }}
{{ '{#' }} @hubleto-cli:buttons {{ '#}' }}

{{ '{#' }}
<div class="grid md:grid-cols-2 gap-2">
  <div class="card">
    <div class="card-header">
      {{ appName }}
    </div>
    <div class="card-body">
      Current date and time is <b>{{ '{{' }} viewParams.now {{ '}}' }}</b>.<br/>
      <br/>
      <div class="mt-2">
        <a class="btn btn-primary" href="{{ appRootUrlSlug }}/contacts">
          <span class="icon"><i class="fas fa-user"></i></span>
          <span class="text">{{ '{{' }} translate("Go to contacts") {{ '}}' }}</span>
        </a>
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header">
      App info
    </div>
    <div class="card-body">
      This app was generated by <code class="bg-gray-100 p-1 font-bold">php hubleto create app {{ appNamespace }}</code> command on {{ now }}.<br/>
      <br/>
      <div class="alert alert-info">
        Visit <a href="https://developer.hubleto.eu" target="_blank">https://developer.hubleto.eu</a> to learn how to develop your custom apps.
      </div>
    </div>
  </div>
</div>
{{ '#}' }}