@extends('layouts.app')
@section('content')
    <div class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <h2>My account</h2>
                <ul>
                    <li><a href="{{ route('home.index') }}" class="""> {{ __('Home') }}</a></li>
                    <li>Account</li>
                </ul>
            </div>
        </div>
    </div>

    <section class="default-news-area ptb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <ul class="nav flex-column">
                        <li><a href="#">{{ __('Dashboard') }}</a></li>
                        <li><a href="#">{{ __('Profile') }}</a></li>
                        <li><a href="#">{{ __('Change Password') }}</a></li>
                        <li><a href="#">{{ __('My Posts') }}</a></li>
                        <li><a href="#">{{ __('My Comments') }}</a></li>
                        <li><a href="#">{{ __('My Likes') }}</a></li>
                        <li><a href="#">{{ __('My Bookmarks') }}</a></li>
                        <li><a href="#">{{ __('Settings') }}</a></li>
                        <li>
                            <form method="POST" action="{{ route('logout') }}" id="logout-form">
                                @csrf
                                <a href="{{ route('home.index') }}" class=""
                                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                    {{ __('Logout') }}
                                </a>
                            </form>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-9">
                    <div class="account-content">
                        <p>Hello <strong>{{ Auth::user()->name }}</strong></p>
                        <p>From your account dashboard you can view your recent posts. mange your profile and edit your
                            password and account details.</p>
                    </div>
                </div> <!-- Close col-lg-9 -->
            </div> <!-- Close row -->
        </div>
    </section>
@endsection