@extends('layouts.store')

@section('content')
<section class="mw-inner-hero">
    <div class="container mw-inner-hero-inner">
        <div class="mw-inner-hero-copy">
            <h1>@yield('account_title', 'My Account')</h1>
            <p class="mw-inner-hero-script">Fresh, Safe, Vacumm Packed</p>
        </div>
        <span class="mw-inner-hero-meat" aria-hidden="true">Meat</span>
    </div>
</section>

<section class="mw-account">
    <div class="container mw-account-grid">
        <aside class="mw-account-nav">
            <p class="mw-account-user">{{ auth()->user()->name }}</p>
            <a class="{{ request()->routeIs('account.dashboard') ? 'is-active' : '' }}" href="{{ route('account.dashboard') }}">Dashboard</a>
            <a class="{{ request()->routeIs('account.orders*') ? 'is-active' : '' }}" href="{{ route('account.orders') }}">My Orders</a>
            <a class="{{ request()->routeIs('account.addresses*') ? 'is-active' : '' }}" href="{{ route('account.addresses') }}">Addresses</a>
            <a class="{{ request()->routeIs('account.profile') ? 'is-active' : '' }}" href="{{ route('account.profile') }}">Profile</a>
            <form action="{{ route('logout') }}" method="POST">
                @csrf
                <button type="submit">Log Out</button>
            </form>
        </aside>
        <div class="mw-account-main">
            @yield('account')
        </div>
    </div>
</section>
@endsection