From 41414747d4917751b79ee5ae507e79ac1773f332 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Thu, 31 May 2018 15:59:29 -0600
Subject: [PATCH] Add profile followers view

---
 resources/views/profile/followers.blade.php | 78 +++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 resources/views/profile/followers.blade.php

diff --git a/resources/views/profile/followers.blade.php b/resources/views/profile/followers.blade.php
new file mode 100644
index 000000000..f27d12e5c
--- /dev/null
+++ b/resources/views/profile/followers.blade.php
@@ -0,0 +1,78 @@
+@extends('layouts.app')
+
+@section('content')
+
+<div class="container following-page" style="min-height: 60vh;">
+
+  <div class="profile-header row my-5 offset-md-1">
+    <div class="col-12 col-md-3">
+      <div class="profile-avatar">
+        <img class="img-thumbnail" src="{{$profile->avatarUrl()}}" style="border-radius:100%;" width="172px">
+      </div>
+    </div>
+    <div class="col-12 col-md-9 d-flex align-items-center">
+      <div class="profile-details">
+        <div class="username-bar pb-2  d-flex align-items-center">
+          <span class="font-weight-light h1">{{$profile->username}}</span>
+        </div>
+        <div class="profile-stats pb-3 d-inline-flex lead">
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url()}}">
+              <span class="font-weight-bold">{{$profile->statuses()->count()}}</span> 
+              Posts
+            </a>
+          </div>
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url('/followers')}}">
+              <span class="font-weight-bold">{{$profile->followerCount(true)}}</span> 
+              Followers
+            </a>
+          </div>
+          <div class="font-weight-light pr-5">
+            <a class="text-dark" href="{{$profile->url('/following')}}">
+              <span class="font-weight-bold">{{$profile->followingCount(true)}}</span> 
+              Following
+            </a>
+          </div>
+        </div>
+        <p class="lead font-weight-bold">
+          {{$profile->name}}
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-12 col-md-8 offset-2">
+    @if($followers->count() !== 0)
+    <ul class="list-group mt-4">
+      @foreach($followers as $user)
+      <li class="list-group-item following">
+          <span class="following-icon pr-3">
+            <img src="{{$user->avatarUrl()}}" width="32px" class="rounded-circle">
+          </span>
+          <a class="following-username font-weight-bold text-dark" href="{{$user->url()}}">
+            {{$user->username}}
+          </a>
+          <span class="following-name text-muted">
+            {{$user->name}}
+          </span>
+      </li>
+      @endforeach
+    </ul>
+    @else
+      <div class="col-12">
+        <div class="card">
+          <div class="card-body py-5 my-5">
+            <div class="d-flex my-5 py-5 justify-content-center align-items-center">
+              <p class="lead font-weight-bold">{{ __('profile.emptyFollowers') }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    @endif
+    <div class="d-flex justify-content-center mt-4">
+      {{$followers->links()}}
+    </div>
+  </div>
+</div>
+@endsection
\ No newline at end of file