@extends('layouts.landing')

@section('title')
    Notifications
@endsection

@section('content')
<div class="row mb-2 mobile-mt-8">
    <div class="col">
        <a href="{{url('feeds/home')}}" class="text-color"><i class="mdi mdi-arrow-left"></i> Back to feeds</a>
    </div>
</div>
<div class="row">
    <div class="col">
        <h4>Notifications</h4>
    </div>
</div>
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12 col-xxl-8 col-lg-8">
            <div class="row">
                <div class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3 mt-3">
                    @forelse ($notifications as $notification)
                    <div class="custom-nav-border-bottom-xs mb-3">
                        <div class="row">
                            <div class="col">
                                <div class="d-flex">
                                    @php
                                        $user = App\Models\User::where('id', $notification->from_id)->first();
                                    @endphp
                                    <img src="{{$user->avatar}}" class="w50 h50 rounded-circle" style="object-fit: cover">
                                    <div class="pl-2">
                                        <a href="{{route('account.profile', $user->id)}}" >
                                            <h6>{{$user->first_name}} {{$user->last_name}}</h6>
                                        </a>
                                        <p class="text-muted font-xssss text-dark">
                                            @if($notification->type == 'like_post')
                                                @php
                                                    $feed = App\Models\Feed::where('id', $notification->reference_id)->first();
                                                @endphp
                                                <a href="{{route('feed.show-feed', $notification->reference_id)}}" class="text-muted text-dark"><u>
                                                    <i class="mdi mdi-heart-outline text-red"></i>
                                                    {{$notification->description}}</u>
                                                </a>
                                            @elseif($notification->type == 'like_comment')
                                                @php
                                                    $comment = App\Models\Comment::where('id', $notification->reference_id)->first();
                                                    $feed = App\Models\Feed::where('id', $comment->feed_id)->first();
                                                @endphp
                                                <a href="{{route('feed.show-feed', $feed->id)}}" class="text-muted text-dark"><u>
                                                    <i class="mdi mdi-heart-outline text-red"></i>
                                                    {{$notification->description}}</u>
                                                </a>
                                            @elseif($notification->type == 'like_comment_reply')
                                                @php
                                                    $comment_reply = App\Models\CommentReply::where('id', $notification->reference_id)->first();
                                                    $feed = App\Models\Feed::where('id', $comment_reply->feed_id)->first();
                                                @endphp
                                                <a href="{{route('feed.show-feed', $feed->id)}}" class="text-muted text-dark"><u>
                                                    <i class="mdi mdi-heart-outline text-red"></i>
                                                    {{$notification->description}}</u>
                                                </a>
                                            @elseif($notification->type == 'comment')
                                                @php
                                                    $comment = App\Models\Comment::where('id', $notification->reference_id)->first();
                                                    $feed = App\Models\Feed::where('id', $comment->feed_id)->first();
                                                @endphp
                                                <a href="{{route('feed.show-feed', $feed->id)}}" class="text-muted text-dark">
                                                    <u>{{$notification->description}}</u>
                                                </a>
                                            @elseif($notification->type == 'comment_reply')
                                                @php
                                                    $comment_reply = App\Models\CommentReply::where('id', $notification->reference_id)->first();
                                                    $feed = App\Models\Feed::where('id', $comment_reply->feed_id)->first();
                                                @endphp
                                                <a href="{{route('feed.show-feed', $feed->id)}}" class="text-muted text-dark">
                                                    <u>{{$notification->description}}</u>
                                                </a>
                                            @elseif($notification->type == 'followed')
                                                {{$notification->description}}
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-auto">
                                <small class="text-muted font-xssss text-dark">{{$notification->created_at->diffForHumans()}}</small>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <p class="text-muted font-xssss text-dark">
                                    @if($notification->type == 'comment')
                                        @php
                                            $comment = App\Models\Comment::where('id', $notification->reference_id)->first();
                                            $feed = App\Models\Feed::where('id', $comment->feed_id)->first();
                                        @endphp
                                        <small class="text-muted font-xssss text-dark">"{{Str::words($comment->comment_body, 10)}}"</small>
                                    @elseif($notification->type == 'comment_reply')
                                        @php
                                            $comment_reply = App\Models\CommentReply::where('id', $notification->reference_id)->first();
                                            $feed = App\Models\Feed::where('id', $comment_reply->feed_id)->first();
                                        @endphp
                                        <small class="text-muted font-xssss text-dark">"{{Str::words($comment_reply->comment_reply_body, 10)}}"</small>
                                    @elseif($notification->type == 'like_comment')
                                        @php
                                            $comment = App\Models\Comment::where('id', $notification->reference_id)->first();
                                            $feed = App\Models\Feed::where('id', $comment->feed_id)->first();
                                        @endphp
                                        <small class="text-muted font-xssss text-dark">"{{Str::words($comment->comment_body, 10)}}"</small>
                                    @elseif($notification->type == 'like_comment_reply')
                                        @php
                                            $comment_reply = App\Models\CommentReply::where('id', $notification->reference_id)->first();
                                            $feed = App\Models\Feed::where('id', $comment_reply->feed_id)->first();
                                        @endphp
                                        <small class="text-muted font-xssss text-dark">"{{Str::words($comment_reply->comment_reply_body, 10)}}"</small>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                    @empty
                        <div class="ps-4 pt-4 pe-4 pb-3 mb-3 mt-3">
                            <div class="card-body p-0 my-3 position-relative justify-content-center text-center">
                                <a class="p-4 text-center ms-3 menu-icon center-menu-icon"><i class="feather-bell font-lg alert-primary btn-round-lg theme-dark-bg text-color text-dark"></i></a>
                                <p class="pt-2 text-gray-400 text-dark"> No notifications</p>
                            </div>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>

@endsection