@extends('web.layouts.template')

@section('content')

<main class="main account">
    <nav class="breadcrumb-nav mb-5">
        <div class="container">
            <ul class="breadcrumb">
                <li><a href="/"><i class="d-icon-home"></i></a></li>
                <li>Akun Saya</li>
            </ul>
        </div>
    </nav>
    <div class="page-content mt-4 mb-10 pb-6">
        <div class="container">
            <h2 class="title title-center mb-10">Akun Saya</h2>
            <div class=" tab-vertical gutter-lg">
                <ul class="nav nav-tabs mb-4 col-lg-3 col-md-4" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link {{ $page == 'dashboard' ? 'active' : ''}}" href="{{route('v2.user.account')}}">Dashboard</a>
                    </li>
                    {{-- <li class="nav-item">
                        <a class="nav-link {{ $page == 'wishlist' ? 'active' : ''}}" href="{{route('v2.user.wishlist')}}">Wishlist</a>
                    </li> --}}
                    {{-- <li class="nav-item">
                        <a class="nav-link {{ $page == 'address' ? 'active' : ''}}" href="{{route('v2.user.address')}}">Alamat</a>
                    </li> --}}
                    <li class="nav-item">
                        <a class="nav-link {{ $page == 'settings' ? 'active' : ''}}" href="{{route('v2.user.settings')}}">Pengaturan Akun</a>
                    </li>
                </ul>
                <div class="tab-content col-lg-9 col-md-8">
                    @yield('tab')
                </div>
            </div>
        </div>
    </div>
</main>
@endsection