@extends('layouts.app')

@section('content')
<v-row>
    <v-col cols=12 md=4>
      <v-card flat>
      <v-row>
          <v-col><strong>ICP:</strong></v-col>
          <v-col>{{$user->icp}}</v-col>
        </v-row>
        <v-row>
          <v-col><strong>Job Profile:</strong></v-col>
          <v-col>{{$user->job_profile}}</v-col>
        </v-row>
        <v-row>
          <v-col><strong>User Name:</strong></v-col>
          <v-col>{{$user->first_name}} {{$user->last_name}}</v-col>
        </v-row>

        <v-row>
          <v-col><strong>Email:</strong></v-col>
          <v-col>{{$user->email_address}}</v-col>
        </v-row>
        <v-row>
          <v-col><strong>Logins:</strong></v-col>
          <v-col>{{$login_count}}</v-col>
        </v-row>
        <v-row>
          <v-col><strong>Last Action:</strong></v-col>
          <v-col>{{$last_action}}</v-col>
        </v-row>
        <v-row>
          <v-col>

          </v-col>
        </v-row>

      </v-card>
      <table class="table table-sm table-borderless">
              <thead>
                <tr>
                  <th  style="background-color:#fff !important;">Organization Name</th>
                  <th  style="background-color:#fff !important;">Action</th>
                </tr>
              </thead>
              <tbody>
              @foreach($user->orgs as $org)
              <tr>
                <td style="background-color:#fff !important;">{{$org->name}}</td>
                <td  style="background-color:#fff !important;"><v-btn href="{{$org->view_link}}" size="x-small" color="success">View</btn></td>
              </tr>
              @endforeach
            </tbody>
            </table>
    </v-col>
    <v-col cols=12 md=8>
      <h3>User Logins</h3>
      <userlogin-chart :items="{{json_encode($user_logins)}}"></userlogin-chart>
    </v-col>
</v-row>
<v-row>
  <v-col cols=12>
    <useraction-table :items="{{json_encode($actions)}}"></useraction-table>
  </v-col>
</v-row>
@endsection