From b99352363d74d764694dbdc90df3b54e2dd08874 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sun, 2 Sep 2018 22:05:21 -0600
Subject: [PATCH] Add follow requests view

---
 .../views/account/follow-requests.blade.php   | 72 +++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 resources/views/account/follow-requests.blade.php

diff --git a/resources/views/account/follow-requests.blade.php b/resources/views/account/follow-requests.blade.php
new file mode 100644
index 00000000..a6c4845e
--- /dev/null
+++ b/resources/views/account/follow-requests.blade.php
@@ -0,0 +1,72 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container notification-page" style="min-height: 60vh;">
+  <div class="col-12 col-md-8 offset-md-2">
+    <div class="card mt-3">
+      <div class="card-body p-0">
+        <ul class="nav nav-pills d-flex text-center">
+          <li class="nav-item flex-fill">
+            <a class="nav-link font-weight-bold text-uppercase" href="{{route('notifications')}}">My Notifications</a>
+          </li>
+          <li class="nav-item flex-fill">
+            <a class="nav-link font-weight-bold text-uppercase active" href="{{route('follow-requests')}}">Follow Requests</a>
+          </li> 
+        </ul>
+      </div>
+    </div>
+    <ul class="list-group">
+      @foreach($followers as $follow)
+      <li class="list-group-item notification border-0">
+          <span class="notification-icon pr-3">
+            <img src="{{$follow->follower->avatarUrl()}}" width="32px" class="rounded-circle">
+          </span>
+          <span class="notification-text">
+            <span class="font-weight-bold">{{$follow->follower->username}}</span> {{__('wants to follow you')}}
+            <span class="text-muted notification-timestamp pl-1">{{$follow->created_at->diffForHumans(null, true, true)}}</span>
+          </span>
+          <span class="float-right">
+            <div class="btn-group" role="group" aria-label="Basic example">
+              <button type="button" class="btn btn-outline-default request-action" data-id="{{$follow->id}}" data-action="reject"><i class="fas fa-times text-danger"></i></button>
+              <button type="button" class="btn btn-outline-default request-action" data-id="{{$follow->id}}" data-action="accept"><i class="fas fa-check text-success"></i></button>
+            </div>
+          </span>
+      </li>
+      @endforeach
+    </ul>
+
+    <div class="d-flex justify-content-center my-4">
+      {{$followers->links()}}
+    </div>
+
+  </div>
+</div>
+@endsection
+
+@push('scripts')
+<script type="text/javascript">
+$(document).ready(function() {
+  $(document).on('click', '.request-action', function(e) {
+    e.preventDefault();
+    let el = $(this);
+    let action = el.data('action');
+    let id = el.data('id');
+
+    axios.post(window.location.href, {
+      action: action,
+      id: id
+    }).then((res) => {
+      if(action == 'accept') {
+        swal('Successfully accepted!', 'You have successfully approved that follow request.', 'success');
+      } else {
+        swal('Successfully rejected!', 'You have successfully rejected that follow request.', 'success');
+      }
+    }).catch((res) => {
+      swal('Oops!', 'Something went wrong, please try again later', 'error');
+    });
+    let parent = el.parents().eq(2);
+    parent.fadeOut();
+  });
+});
+</script>
+@endpush