@extends('front.main')
@section('top-title','| Profile')
@section('content')

    <div class="container">
        @if(Auth::user()->avatar == null)
            <img src="{{ url('/images/random_profile_pic.jpg') }}" alt="{{ Auth::user()->name }}"
                 class="img-profile mr-1">
        @else
            <img src="{{ asset('uploads/users/'.Auth::user()->avatar) }}" alt="{{ Auth::user()->name }}"
                 class="img-profile mr-1">
        @endif
        <b class="clr-wht font-inherit">{{Auth::user()->name}}</b>
        <a type="button" href="{{route('setting')}}#profile" class="btn btn-success next">Edit Profile</a>

        <ul id="clothing-nav" class="nav nav-tabs m-t-20" role="tablist"
            style="border-bottom: 1px solid #FFFFFF29 !important">

            <li class="nav-item width-15 text-center">
                <a class="nav-link active clr-wht" href="#home" role="tab" id="mentions-tab" data-toggle="tab"
                   aria-controls="mentions">Home</a>
            </li>
            <li class="nav-item width-15 text-center">
                <a class="nav-link clr-wht" href="#posts" id="posts-tab" role="tab" data-toggle="tab"
                   aria-controls="posts" aria-expanded="true">Posts</a>
            </li>
            <li class="nav-item width-15 text-center">
                <a class="nav-link clr-wht" href="#hats" role="tab" id="hats-tab" data-toggle="tab"
                   aria-controls="hats">Upvotes</a>
            </li>
            <li class="nav-item width-15 text-center">
                <a class="nav-link clr-wht" href="#comments" role="tab" id="comments-tab" data-toggle="tab"
                   aria-controls="comments">Comments</a>
            </li>

        </ul>

        <!-- Content Panel -->
        <div id="clothing-nav-content" class="tab-content row">

            <div role="tabpanel" class="tab-pane fade show active" id="home" aria-labelledby="mentions-tab">
                @include('front.memes.master-meme',['memes' => $home])
                {!! $home->links() !!}
            </div>

            <div role="tabpanel" class="tab-pane fade " id="posts" aria-labelledby="posts-tab">
                @include('front.memes.master-meme',['memes' => $posts])
                {!! $posts->links() !!}
            </div>

            <div role="tabpanel" class="tab-pane fade" id="hats" aria-labelledby="hats-tab">
                @include('front.profile.upvote',['upvote' => $upvote])
                {!! $upvote->links() !!}
            </div>
            <div role="tabpanel" class="tab-pane fade" id="comments" aria-labelledby="comments-tab">
                @include('front.profile.comment',['comments' => $CommentedMeme])
                {!! $CommentedMeme->links() !!}
            </div>


        </div>
    </div>

@endsection