<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="sepaMandate">
            <h2><span jhiTranslate="hsadminNgApp.sepaMandate.detail.title">Sepa Mandate</span> {{sepaMandate.id}}</h2>
            <hr>
            <jhi-alert-error></jhi-alert-error>
            <dl class="row-md jh-entity-details">
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.reference">Reference</span></dt>
                <dd>
                    <span>{{sepaMandate.reference}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.iban">Iban</span></dt>
                <dd>
                    <span>{{sepaMandate.iban}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.bic">Bic</span></dt>
                <dd>
                    <span>{{sepaMandate.bic}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.grantingDocumentDate">Granting Document Date</span></dt>
                <dd>
                    <span>{{sepaMandate.grantingDocumentDate | date:'mediumDate'}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.revokationDocumentDate">Revokation Document Date</span></dt>
                <dd>
                    <span>{{sepaMandate.revokationDocumentDate | date:'mediumDate'}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.validFromDate">Valid From Date</span></dt>
                <dd>
                    <span>{{sepaMandate.validFromDate | date:'mediumDate'}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.validUntilDate">Valid Until Date</span></dt>
                <dd>
                    <span>{{sepaMandate.validUntilDate | date:'mediumDate'}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.lastUsedDate">Last Used Date</span></dt>
                <dd>
                    <span>{{sepaMandate.lastUsedDate | date:'mediumDate'}}</span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.remark">Remark</span></dt>
                <dd>
                    <span [innerHTML]="sepaMandate.remark | linebreaks"></span>
                </dd>
                <dt><span jhiTranslate="hsadminNgApp.sepaMandate.customer">Customer</span></dt>
                <dd>
                    <div *ngIf="sepaMandate.customerId">
                        <a [routerLink]="['/customer', sepaMandate.customerId, 'view']">{{sepaMandate.customerDisplayLabel}}</a>
                    </div>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon [icon]="'arrow-left'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back"> Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/sepa-mandate', sepaMandate.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon [icon]="'pencil-alt'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit"> Edit</span>
            </button>
        </div>
    </div>
</div>
