@extends('front.layout.app')
@section('title', 'Account')
@section('extra-css')
    <style>
        .error-message{
            color: red;
            font-style: italic;
        }
    </style>
@endsection
@section('content')
    <section class="main">
        <div class="container">
            <div class="row">
                @include('front.partials.sidemenu')

                <div class="col-md-6 col-sm-12">
                    <h1>My Account</h1>
                    <div class="accountbox">
                        <h3>Welcome, {{Auth::user()->name}}</h3>
                        <ul>
                            <li class=""><a href="{{url('profile')}}">My Profile</a></li>
                            <li class=""><a href="{{route('orders')}}">My Orders</a></li>
                            <li>
                                <a class="" href="{{ route('logout') }}"
                                   onclick="event.preventDefault();
                                                 document.getElementById('logout-form').submit();">
                                    {{ __('Logout') }}
                                </a>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                    @csrf
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection