<ion-content *ngIf="!platform.is('desktop')">
  <ion-row>
    <div class="search-date-smart">
      <ion-row>
        <span class="riga">
          <strong>{{ 'cerca' | translate }}</strong> {{ 'titolo' | translate }} <input type="text" name="calendar" [(ngModel)]="titolo" title="{{ 'ricerca_titolo' | translate }}" class="cerca-titolo-doc">
        </span>
        <ion-button class="search-arrow" title="{{ 'cerca' | translate }}">
          <ion-icon class="button-icon-documenti-smart ios-icon" slot="icon-only" name="chevron-forward-circle-outline" title="{{ 'cerca' | translate }}"></ion-icon>
        </ion-button>
      </ion-row>
    </div>
  </ion-row>
  
  <ion-row class="search-date-border-smart">
  </ion-row>
  

  <span class="row-results-smart">
    <ion-accordion-group>
      <ion-accordion value="colors">
        <ion-item slot="header">
          <p><strong>Posso cambiare il conto corrente di addebito in rid?</strong></p>
        </ion-item>

        <ion-list slot="content">
          <ion-item>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet augue eget mi pulvinar feugiat. Nunc laoreet ligula ac pharetra placerat. Quisque tincidunt erat ut nisl blandit, nec volutpat turpis consectetur.</p>
          </ion-item>
        </ion-list>
      </ion-accordion>
      <ion-accordion value="colors2">
        <ion-item slot="header">
          <p><strong>Come posso comunicare le informazioni della mia impresa?</strong></p>
        </ion-item>

        <ion-list slot="content">
          <ion-item>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet augue eget mi pulvinar feugiat. Nunc laoreet ligula ac pharetra placerat. Quisque tincidunt erat ut nisl blandit, nec volutpat turpis consectetur.</p>
          </ion-item>
        </ion-list>
      </ion-accordion>
      <ion-accordion value="colors3">
        <ion-item slot="header">
          <p><strong>Il superamento dei volumi massimi di servizi pattuiti è oggetto di conguaglio?</strong></p>
        </ion-item>

        <ion-list slot="content">
          <ion-item>
            <p>Sì, il conguaglio verrà effettuato al termine dell’esercizio o alla cessazione del contratto se antecedente.</p>
          </ion-item>
        </ion-list>
      </ion-accordion>
    </ion-accordion-group>
  </span>
</ion-content>
<ion-footer>
  <span class="row-results-smart">
    <div class="table-row">
      <div class="row-text">
        <strong>Non hai trovato ciò che cercavi?</strong>
        <div class="detail">
          Entra in chat
        </div>
      </div>
      <div class="row-download item-no-border">
        <ion-icon name="chevron-forward-outline" (click)="apriPagina('interviste')" target="_blank" download tappable title="{{ 'vedi_documento' | translate }}"></ion-icon>
      </div>
    </div>
  </span>
</ion-footer>