<ion-footer no-margin>
  <ion-toolbar>
    <ion-grid no-padding>
      <ion-row align-items-center>
        <ion-col col-2 class="icon-center">
          <button ion-button icon-only clear round (click)="addAttachment()" [disabled]="!connectionStatus">
            <ion-icon name="ios-add" color="generali"></ion-icon>
          </button>
        </ion-col>
        <ion-col col-8>
          <ion-textarea
          class="textarea input-round clear-item"
          placeholder="Write a message"
          name="chatText"
          [disabled]="!connectionStatus"
          [(ngModel)]="inputChat"
          (keyup.enter)="chatSend(inputChat)"
          (keyup)="onKeyUp($event)">
          </ion-textarea>
        </ion-col>
        <ion-col col-2 class="icon-center">
          <button ion-button icon-only clear round (click)="chatSend(inputChat)" [disabled]="!connectionStatus">
            <ion-icon name="ios-send-outline" color="generali"></ion-icon>
          </button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-toolbar>
</ion-footer>