1 | @extends('layouts.blog')
|
---|
2 | @section('title')
|
---|
3 | {{ $post->title . " | Technoblog"}}
|
---|
4 | @endsection
|
---|
5 |
|
---|
6 | @section('blog_content')
|
---|
7 |
|
---|
8 | <div class="container-fluid m-0 p-0 mb-5">
|
---|
9 |
|
---|
10 | <div class="w-100">
|
---|
11 |
|
---|
12 | <div class="post-image w-100" style="position: relative;">
|
---|
13 | <img src="/uploads/{{ $post->image_link }}">
|
---|
14 | <div class="post-info">
|
---|
15 | <p class="post-title">{{ $post->title }}</p>
|
---|
16 |
|
---|
17 | @if (!empty($post->user->userProfile->profile_photo_link))
|
---|
18 | <a href="/profile/{{ $post->user->userProfile->profile_link }}"><img class="author-avatar" src="/uploads/users/{{ $post->user->userProfile->profile_photo_link }}"></a>
|
---|
19 | @else
|
---|
20 | <a href="/profile/{{ $post->user->userProfile->profile_link }}"><span class="name-avatar">{{ strtoupper($post->user->name[0]) . strtoupper($post->user->surname[0]) }}</span></a>
|
---|
21 | @endif
|
---|
22 |
|
---|
23 | <span class="author-name">Posted By <br> {{ $post->user->getFullName() }} </span>
|
---|
24 | <span class="text-white font-weight-bold pl-5" style="text-shadow: 0 0 1px black;">{{ $post->ago() }} </span>
|
---|
25 | <span class="pl-4 font-weight-bold text-white post-reaction" style="font-size: 16px; text-shadow: 0 0 1px black;">
|
---|
26 | <span class="likeCounter">{{ $likeCounter }}</span>
|
---|
27 | @if ($post->isLiked($ip))
|
---|
28 | <i data-unlike-id="{{ $likedId }}" class="text-danger fa fa-heart unlikePost" aria-hidden="true"></i>
|
---|
29 | @else
|
---|
30 | <i data-post-id="{{ $post->id }}"class="text-danger fa fa-heart-o likePost" aria-hidden="true"></i>
|
---|
31 | @endif
|
---|
32 | </span>
|
---|
33 | <span class="pl-4 font-weight-bold text-white" style="font-size: 16px; text-shadow: 0 0 1px black;">{{ count($comments) }} <i class="text-white fa fa-comment" aria-hidden="true"></i></span>
|
---|
34 | </div>
|
---|
35 | </div>
|
---|
36 |
|
---|
37 | <div class="post-content">
|
---|
38 | {!! $post->content !!}
|
---|
39 | </div>
|
---|
40 |
|
---|
41 | <div class="post-tags">
|
---|
42 | @foreach ($post->tag as $tag)
|
---|
43 | <span><a href="/tag/{{ $tag->name }}">{{ $tag->name }}</a></span>
|
---|
44 | @endforeach
|
---|
45 | <div class="post-reaction pt-2 float-right">
|
---|
46 | @if ($post->isLiked($ip))
|
---|
47 | <i data-unlike-id="{{ $likedId }}" class="text-danger fa fa-heart unlikePost" aria-hidden="true"></i>
|
---|
48 | @else
|
---|
49 | <i data-post-id="{{ $post->id }}"class="text-danger fa fa-heart-o likePost" aria-hidden="true"></i>
|
---|
50 | @endif
|
---|
51 | </div>
|
---|
52 | </div>
|
---|
53 |
|
---|
54 | <div class="post-comments pt-5">
|
---|
55 |
|
---|
56 | <h5 class="pb-4">Comments</h5>
|
---|
57 |
|
---|
58 | @if($comments->count() == 0)
|
---|
59 | No comments yet.
|
---|
60 | @endif
|
---|
61 |
|
---|
62 | @foreach ($comments as $comment)
|
---|
63 | <div class="comment-box" @if(auth()->check() && !$comment->is_active) style="border-left: 2px #f01a37 solid !important;" @endif>
|
---|
64 | <div class="row m-0">
|
---|
65 |
|
---|
66 | <div class="col-md-1 pl-2 pr-2">
|
---|
67 | <span class="name-avatar">{{ strtoupper($comment->name[0])}}</span>
|
---|
68 | </div>
|
---|
69 | <div class="col-md-10">
|
---|
70 | <p class="comment-owner">{{ $comment->name }} - {{ $comment->ago() }}
|
---|
71 | @if (auth()->check() && !$comment->is_active && (auth()->user()->hasPermission("approve_all_comments") || $comment->post->user->id == auth()->id()))
|
---|
72 | <a href="javascript:void(0)" onclick="document.getElementById('confirmComment_{{ $comment->id}}').submit()" class="ml-2" style="font-size: 14px; cursor: pointer;">Confirm</a>
|
---|
73 | <form id="confirmComment_{{ $comment->id}}" action="{{ route("dashboard.comments.confirm", ["id" => $comment->id]) }}" method="post">
|
---|
74 | @method("patch")
|
---|
75 | @csrf
|
---|
76 | </form>
|
---|
77 | @endif
|
---|
78 | </p>
|
---|
79 | <p>{{ $comment->comment }}</p>
|
---|
80 | </div>
|
---|
81 | </div>
|
---|
82 | </div>
|
---|
83 | @endforeach
|
---|
84 | </div>
|
---|
85 |
|
---|
86 | <div class="post-add-comment pt-5">
|
---|
87 |
|
---|
88 | <h5 class="pb-2">What are your thoughts?</h5>
|
---|
89 |
|
---|
90 | @if ($errors->any())
|
---|
91 | <div class="alert alert-danger">
|
---|
92 | <ul class="m-0 pl-2">
|
---|
93 | @foreach ($errors->all() as $error)
|
---|
94 | <li>{{ $error }}</li>
|
---|
95 | @endforeach
|
---|
96 | </ul>
|
---|
97 | </div>
|
---|
98 | @endif
|
---|
99 |
|
---|
100 | <div class="comment-alert alert alert-dismissible fade show" role="alert">
|
---|
101 | <strong></strong>
|
---|
102 | <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
|
---|
103 | </div>
|
---|
104 |
|
---|
105 | <form class="commentForm" accept-charset="utf-8">
|
---|
106 |
|
---|
107 | @csrf
|
---|
108 |
|
---|
109 | <div class="form-group">
|
---|
110 | <label class="form-label">Name</label>
|
---|
111 | <input type="text" name="name" value="{{ old('name') }}" class="form-control" placeholder="Name" required>
|
---|
112 | </div>
|
---|
113 |
|
---|
114 | <div class="form-group">
|
---|
115 | <label class="form-label">E-mail</label>
|
---|
116 | <input type="email" name="email" value="{{ old('email') }}" class="form-control" placeholder="E-mail" required>
|
---|
117 | </div>
|
---|
118 |
|
---|
119 | <div class="form-group">
|
---|
120 | <label class="form-label">Comment</label>
|
---|
121 | <textarea class="form-control" rows="4" name="comment" required></textarea>
|
---|
122 | </div>
|
---|
123 |
|
---|
124 | <input type="hidden" name="post_id" value="{{ $post->id }}">
|
---|
125 |
|
---|
126 | <div class="form-group">
|
---|
127 | <input type="submit" value="Comment" class="submitBtn btn btn-primary">
|
---|
128 | </div>
|
---|
129 |
|
---|
130 | </form>
|
---|
131 |
|
---|
132 | </div>
|
---|
133 |
|
---|
134 | </div>
|
---|
135 |
|
---|
136 | </div>
|
---|
137 |
|
---|
138 | @endsection
|
---|