<ol class="breadcrumb">
  <li><a href="#">{{'resources' | translate}}</a>
  </li>
  <li class="active"> <strong>Alice Family</strong>
  </li>
</ol>

<div class="col-sm-12 card-pf resources-list">
  <div class="resources-header">
    <span class="fa fa-file"></span>
    <h1><strong>Alice Family</strong></h1>
    <div class="resources-info">
      <span>Access management</span>
      <span><label>{{'application' | translate}}:</label> <a href="#">photoz-rest-api</a> </span>
      <span><label>{{'owner' | translate}}:</label> Christ Ma</span>
    </div>
  </div>
  <div class="card-pf-body row">
    <div class="m-t">
      <div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-detail">
        <div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions list-view-space">
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  {{'sharedwithMe' | translate}}
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item">
                  {{'accessPermissions' | translate}}
                </div>
                <div class="list-view-pf-additional-info-item">
                  {{'permissionRequests' | translate}}
                </div>
                <div class="list-view-pf-additional-info-item">
                  {{'Status' | translate}}
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="list-group-item list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions list-view-pf-status">
            <div class="dropdown pull-right dropdown-kebab-pf">
              <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <span class="fa fa-ellipsis-v"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
                <li><a href="#">{{'remove' | translate}}</a></li>
              </ul>
            </div>
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  <div class="user-list-avatar"><span class="fa fa-user"></span></div>
                  Martin Liu (you)
                  <small>jhonsmith@paternfly.com</small>
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item">
                  Read, Battery, Test-date, Status
                </div>
                <div class="list-view-pf-additional-info-item permission-requests-labels my-requests-labels">
                  <ul class="list-inline">
                    <li>
                      <span class="label label-info">
                        Status
                      </span>
                    </li>
                    <li>
                      <span class="label label-info">
                        Time
                      </span>
                    </li>
                    <li>
                      <span class="label label-info">
                        Beta
                      </span>
                    </li>
                  </ul>
                </div>
                <div class="list-view-pf-additional-info-item">
                  <span class="label label-warning">{{'waitingforApproval' | translate}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
