-user = notification.creator

.block-header

h2 
  a href="/notifications"
    i.zmdi.zmdi-arrow-left.m-r-5
    | Listado de notificaciones

.row

.col-xs-2
  .card.profile-view 
    .pv-header.bgm-teal style="height:70px;"
      img.pv-main style="width: 100px;height: 100px;bottom: -50px;margin-left: -50px;" alt="" src="#{Configuration::USER_PHOTO_URL}#{user.hxt_id}" onError="this.onerror=null;this.src='/sinatra-hexacta/img/noimage.jpg';"
    .pv-body style="padding: 0 20px 10px;"
      h2 style="font-size:14px;font-weight: 500;"
        | #{user.first_name}
        br
        | #{user.last_name}
      -if user.job.nil?
        small
          .label.label-danger Sin Rol
      -else
        small #{user.job.name}
      .row
        ul.actions
          li
            a href="/employees/#{user.id}" target="blank_" title="Ver perfil"
              i.zmdi.zmdi-account.c-cyan
          -if user.active?
            li
              a href="im:<sip:#{user.hxt_id}@hexacta.com>" title="Contactar"
                i.zmdi.zmdi-skype.c-cyan
            li
              a href="mailto:#{user.hxt_id}@hexacta.com" title="Enviar mail"
                i.zmdi.zmdi-email.c-cyan

  .card
    .listview
      .lv-header Detalles
      .lv-body
        a.lv-item
          .media
            .media-body
              .lv-title Fecha de alta
              small.lv-small #{notification.creation_date.display}
        a.lv-item
          .media
            .media-body
              .lv-title Fecha de lectura
              small.lv-small #{notification.read_date.display}
        -if authenticated(User).superadmin?
          a.lv-item
            .media
              .media-body
                .lv-title Oficina
                small.lv-small #{user.office}
          a.lv-item
            .media
              .media-body
                .lv-title User ID
                small.lv-small #{user.id}
          a.lv-item
            .media
              .media-body
                .lv-title Username
                small.lv-small #{user.hxt_id}
.col-xs-10
  -if notification.label == "error"
    .shell-wrap
      p.shell-top-bar #{notification.title}
      ul.shell-body
        li 
          | #{notification.title}
          -for trace in notification.message.split(',')
            span #{trace}
            br
  -else
    .card
      .card-body.card-padding
        h4 #{notification.message}