@extends('layouts.members')

@section('content')



    <!-- HEADER -->
    <div class="header">

        <!-- Image -->
        <img src="{{asset('assets/backassets/img/covers/profile-cover-1.jpg')}}" class="header-img-top" alt="...">

        <div class="container-fluid">

            <!-- Body -->
            <div class="header-body mt-n5 mt-md-n6">
                <div class="row align-items-end">
                    <div class="col-auto">

                        <!-- Avatar -->
                        <div class="avatar avatar-xxl header-avatar-top">
                            <img src="{{asset('assets/backassets/img/avatars/profiles/avatar-1.jpg')}}" alt="..." class="avatar-img rounded-circle border border-4 border-body">
                        </div>

                    </div>
                    <div class="col mb-3 ml-n3 ml-md-n2">

                        <!-- Pretitle -->
                        <h6 class="header-pretitle">
                            Profile Home
                        </h6>

                        <!-- Title -->
                        <h1 class="header-title">
                            {{auth()->user()->name}}
                        </h1>

                    </div>
                    <div class="col-12 col-md-auto mt-2 mt-md-0 mb-md-3">

                        <!-- Button -->
                        <a href="#!" class="btn btn-primary d-block d-md-inline-block lift">
                            Edit
                        </a>

                    </div>
                </div> <!-- / .row -->
                <div class="row align-items-center">
                    <div class="col">

                        <!-- Nav -->
                        <ul class="nav nav-tabs nav-overflow header-tabs">
                            <li class="nav-item">
                                <a href="profile-posts.html" class="nav-link active">
                                    Posts
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="profile-groups.html" class="nav-link">
                                    Groups
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="profile-projects.html" class="nav-link">
                                    Projects
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="profile-files.html" class="nav-link">
                                    Files
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="profile-subscribers.html" class="nav-link">
                                    Subscribers
                                </a>
                            </li>
                        </ul>

                    </div>
                </div>
            </div> <!-- / .header-body -->

        </div>
    </div>

    <!-- CONTENT -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-xl-8">

                <!-- Card -->
                <div class="card">
                    <div class="card-body">

                        <h5>You have no posts yet</h5>

                        {{--<!-- Header -->--}}
                        {{--<div class="mb-3">--}}
                            {{--<div class="row align-items-center">--}}
                                {{--<div class="col-auto">--}}

                                    {{--<!-- Avatar -->--}}
                                    {{--<a href="#!" class="avatar">--}}
                                        {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-1.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                    {{--</a>--}}

                                {{--</div>--}}
                                {{--<div class="col ml-n2">--}}

                                    {{--<!-- Title -->--}}
                                    {{--<h4 class="mb-1">--}}
                                        {{--Dianna Smiley--}}
                                    {{--</h4>--}}

                                    {{--<!-- Time -->--}}
                                    {{--<p class="card-text small text-muted">--}}
                                        {{--<span class="fe fe-clock"></span> <time datetime="2018-05-24">4hr ago</time>--}}
                                    {{--</p>--}}

                                {{--</div>--}}
                                {{--<div class="col-auto">--}}

                                    {{--<!-- Dropdown -->--}}
                                    {{--<div class="dropdown">--}}
                                        {{--<a href="#" class="dropdown-ellipses dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
                                            {{--<i class="fe fe-more-vertical"></i>--}}
                                        {{--</a>--}}
                                        {{--<div class="dropdown-menu dropdown-menu-right">--}}
                                            {{--<a href="#!" class="dropdown-item">--}}
                                                {{--Action--}}
                                            {{--</a>--}}
                                            {{--<a href="#!" class="dropdown-item">--}}
                                                {{--Another action--}}
                                            {{--</a>--}}
                                            {{--<a href="#!" class="dropdown-item">--}}
                                                {{--Something else here--}}
                                            {{--</a>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}

                                {{--</div>--}}
                            {{--</div> <!-- / .row -->--}}
                        {{--</div>--}}

                        {{--<!-- Text -->--}}
                        {{--<p class="mb-3">--}}
                            {{--I've been working on shipping the latest version of Launchday. The story I'm trying to focus on is something like "You're launching soon and need to be 100% focused on your product. Don't lose precious days designing, coding, and testing a product site. Instead, build one in minutes."--}}
                        {{--</p>--}}

                        {{--<!-- Text -->--}}
                        {{--<p class="mb-4">--}}
                            {{--What do you y'all think? Would love some feedback from <a href="#!" class="badge badge-soft-primary">@Ab</a> or <a href="#!" class="badge badge-soft-primary">@Adolfo</a>?--}}
                        {{--</p>--}}

                        {{--<!-- Image -->--}}
                        {{--<p class="text-center mb-3">--}}
                            {{--<img src="{{asset('assets/backassets/img/posts/post-1.jpg')}}" alt="..." class="img-fluid rounded">--}}
                        {{--</p>--}}

                        {{--<div class="mb-3">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col">--}}

                                    {{--<!-- Buttons -->--}}
                                    {{--<a href="#!" class="btn btn-sm btn-white">--}}
                                        {{--😬 1--}}
                                    {{--</a>--}}
                                    {{--<a href="#!" class="btn btn-sm btn-white">--}}
                                        {{--👍 2--}}
                                    {{--</a>--}}
                                    {{--<a href="#!" class="btn btn-sm btn-white">--}}
                                        {{--Add Reaction--}}
                                    {{--</a>--}}

                                {{--</div>--}}
                                {{--<div class="col-auto mr-n3">--}}

                                    {{--<!-- Avatar group -->--}}
                                    {{--<div class="avatar-group d-none d-sm-flex">--}}
                                        {{--<a href="profile-posts.html" class="avatar avatar-xs" data-toggle="tooltip" title="Ab Hadley">--}}
                                            {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-2.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                        {{--</a>--}}
                                        {{--<a href="profile-posts.html" class="avatar avatar-xs" data-toggle="tooltip" title="Adolfo Hess">--}}
                                            {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-3.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                        {{--</a>--}}
                                        {{--<a href="profile-posts.html" class="avatar avatar-xs" data-toggle="tooltip" title="Daniela Dewitt">--}}
                                            {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-4.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                        {{--</a>--}}
                                        {{--<a href="profile-posts.html" class="avatar avatar-xs" data-toggle="tooltip" title="Miyah Myles">--}}
                                            {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-5.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                        {{--</a>--}}
                                    {{--</div>--}}

                                {{--</div>--}}
                                {{--<div class="col-auto">--}}

                                    {{--<!-- Button -->--}}
                                    {{--<a href="#!" class="btn btn-sm btn-white">--}}
                                        {{--Share--}}
                                    {{--</a>--}}

                                {{--</div>--}}
                            {{--</div> <!-- / .row -->--}}
                        {{--</div>--}}

                        {{--<!-- Divider -->--}}
                        {{--<hr>--}}

                        {{--<!-- Comments -->--}}
                        {{--<div class="comment mb-3">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col-auto">--}}

                                    {{--<!-- Avatar -->--}}
                                    {{--<a class="avatar" href="profile-posts.html">--}}
                                        {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-2.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                    {{--</a>--}}

                                {{--</div>--}}
                                {{--<div class="col ml-n2">--}}

                                    {{--<!-- Body -->--}}
                                    {{--<div class="comment-body">--}}

                                        {{--<div class="row">--}}
                                            {{--<div class="col">--}}

                                                {{--<!-- Title -->--}}
                                                {{--<h5 class="comment-title">--}}
                                                    {{--Ab Hadley--}}
                                                {{--</h5>--}}

                                            {{--</div>--}}
                                            {{--<div class="col-auto">--}}

                                                {{--<!-- Time -->--}}
                                                {{--<time class="comment-time">--}}
                                                    {{--11:12--}}
                                                {{--</time>--}}

                                            {{--</div>--}}
                                        {{--</div> <!-- / .row -->--}}

                                        {{--<!-- Text -->--}}
                                        {{--<p class="comment-text">--}}
                                            {{--Looking good Dianna! I like the image grid on the left, but it feels like a lot to process and doesn't really <em>show</em> me what the product does? I think using a short looping video or something similar demo'ing the product might be better?--}}
                                        {{--</p>--}}

                                    {{--</div>--}}

                                {{--</div>--}}
                            {{--</div> <!-- / .row -->--}}
                        {{--</div>--}}

                        {{--<div class="comment mb-3">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col-auto">--}}

                                    {{--<!-- Avatar -->--}}
                                    {{--<a class="avatar" href="profile-posts.html">--}}
                                        {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-3.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                    {{--</a>--}}

                                {{--</div>--}}
                                {{--<div class="col ml-n2">--}}

                                    {{--<!-- Body -->--}}
                                    {{--<div class="comment-body">--}}

                                        {{--<div class="row">--}}
                                            {{--<div class="col">--}}

                                                {{--<!-- Title -->--}}
                                                {{--<h5 class="comment-title">--}}
                                                    {{--Adolfo Hess--}}
                                                {{--</h5>--}}

                                            {{--</div>--}}
                                            {{--<div class="col-auto">--}}

                                                {{--<!-- Time -->--}}
                                                {{--<time class="comment-time">--}}
                                                    {{--11:12--}}
                                                {{--</time>--}}

                                            {{--</div>--}}
                                        {{--</div> <!-- / .row -->--}}

                                        {{--<!-- Text -->--}}
                                        {{--<p class="comment-text">--}}
                                            {{--Any chance you're going to link the grid up to a public gallery of sites built with Launchday?--}}
                                        {{--</p>--}}

                                    {{--</div>--}}

                                {{--</div>--}}
                            {{--</div> <!-- / .row -->--}}
                        {{--</div>--}}

                        {{--<!-- Divider -->--}}
                        {{--<hr>--}}

                        {{--<!-- Form -->--}}
                        {{--<div class="row">--}}
                            {{--<div class="col-auto">--}}

                                {{--<!-- Avatar -->--}}
                                {{--<div class="avatar avatar-sm">--}}
                                    {{--<img src="{{asset('assets/backassets/img/avatars/profiles/avatar-1.jpg')}}" alt="..." class="avatar-img rounded-circle">--}}
                                {{--</div>--}}

                            {{--</div>--}}
                            {{--<div class="col ml-n2">--}}

                                {{--<!-- Input -->--}}
                                {{--<form class="mt-1">--}}
                                    {{--<label class="sr-only">Leave a comment...</label>--}}
                                    {{--<textarea class="form-control form-control-flush" data-toggle="autosize" rows="1" placeholder="Leave a comment"></textarea>--}}
                                {{--</form>--}}

                            {{--</div>--}}
                            {{--<div class="col-auto align-self-end">--}}

                                {{--<!-- Icons -->--}}
                                {{--<div class="text-muted mb-2">--}}
                                    {{--<a class="text-reset mr-3" href="#!" data-toggle="tooltip" title="Add photo">--}}
                                        {{--<i class="fe fe-camera"></i>--}}
                                    {{--</a>--}}
                                    {{--<a class="text-reset mr-3" href="#!" data-toggle="tooltip" title="Attach file">--}}
                                        {{--<i class="fe fe-paperclip"></i>--}}
                                    {{--</a>--}}
                                    {{--<a class="text-reset" href="#!" data-toggle="tooltip" title="Record audio">--}}
                                        {{--<i class="fe fe-mic"></i>--}}
                                    {{--</a>--}}
                                {{--</div>--}}

                            {{--</div>--}}
                        {{--</div> <!-- / .row -->--}}

                    </div>
                </div>

            </div>
            <div class="col-12 col-xl-4">

                <!-- Card -->
                <div class="card">
                    <div class="card-body">

                        <!-- List group -->
                        <div class="list-group list-group-flush my-n3">
                            <div class="list-group-item">
                                <div class="row align-items-center">
                                    <div class="col">

                                        <!-- Title -->
                                        <h5 class="mb-0">
                                            Birthday
                                        </h5>

                                    </div>
                                    <div class="col-auto">

                                        <!-- Time -->
                                        <time class="small text-muted" datetime="1988-10-24">
                                            unknown
                                        </time>

                                    </div>
                                </div> <!-- / .row -->
                            </div>
                            <div class="list-group-item">
                                <div class="row align-items-center">
                                    <div class="col">

                                        <!-- Title -->
                                        <h5 class="mb-0">
                                            Joined
                                        </h5>

                                    </div>
                                    <div class="col-auto">

                                        <!-- Time -->
                                        <time class="small text-muted" datetime="2018-10-28">
                                            {{auth()->user()->created_at}}
                                        </time>

                                    </div>
                                </div> <!-- / .row -->
                            </div>
                            <div class="list-group-item">
                                <div class="row align-items-center">
                                    <div class="col">

                                        <!-- Title -->
                                        <h5 class="mb-0">
                                            Location
                                        </h5>

                                    </div>
                                    <div class="col-auto">

                                        <!-- Text -->
                                        <small class="text-muted">
                                            unknown
                                        </small>

                                    </div>
                                </div> <!-- / .row -->
                            </div>
                            <div class="list-group-item">
                                <div class="row align-items-center">
                                    <div class="col">

                                        <!-- Title -->
                                        <h5 class="mb-0">
                                            Website
                                        </h5>

                                    </div>
                                    <div class="col-auto">

                                        <!-- Link -->
                                        <a href="#!" class="small">
                                            unknown
                                        </a>

                                    </div>
                                </div> <!-- / .row -->
                            </div>
                        </div>

                    </div>
                </div>

                <!-- Weekly Hours -->
                <div class="card">
                    <div class="card-header">

                        <!-- Title -->
                        <h4 class="card-header-title">
                            Weekly Activities
                        </h4>

                    </div>
                    <div class="card-body">

                        <!-- Chart -->
                        <div class="chart chart-sm">
                            {{--<canvas id="weeklyHoursChart" class="chart-canvas"></canvas>--}}
                            None yet!
                        </div>

                    </div>
                </div>

            </div>
        </div> <!-- / .row -->
    </div>
@endsection