@import model.ReportStatus
@import model.OutdatedKey
@import model.MissingMfa
@import model.ActiveAccessKey
@import model.MissingUsernameTag
@(status: ReportStatus)

@status match {
    case model.Red(reasons) => {
        <i class="material-icons left red-text">error</i>
        @if(reasons.contains(OutdatedKey)) {
            <span>Outdated key</span>
        }
        @if(reasons.contains(MissingMfa)) {
            <span>MFA not enabled</span>
        }
        <a class="modal-trigger iam-modal__trigger right" href="#credentials-help--human"><i class="material-icons black-text">help_outline</i></a>
    }
    case model.Amber(reasons) => {
        <i class="material-icons left amber-text">warning</i>
        @if(reasons.contains(ActiveAccessKey)) {
            <span>Has active access keys</span>
        }
        @if(reasons.contains(MissingUsernameTag)) {
            <span>Missing Google username Tag</span>
        }
        <a class="modal-trigger iam-modal__trigger right" href="#credentials-help--human"><i class="material-icons black-text">help_outline</i></a>
    }
    case model.Blue => {
        <i class="material-icons left purple-text">watch_later</i>
        <span class="title">Inactive user</span>
        <a class="modal-trigger iam-modal__trigger right" href="#credentials-help--human"><i class="material-icons black-text">help_outline</i></a>
    }
    case model.Green => {
        <i class="material-icons left green-text" data-position="bottom" data-delay="50">check</i>
    }
}