@extends(get_view('index'))
@section('title'){{ $title ?? '' }} - @endsection
@section('header')
    @yield('user.header')
@endsection
@section('content')

    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
                    <li class="active">{{ $title ?? '' }}</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row pt-30 pb-30">
            <div class="col-sm-3">
                <ul class="list-group list-group-flush list-group-sidebar-custom sticky-top" style="top: 15px">
                    <li class="list-group-item @yield('user.sidebar-my-orders') pl-0"><a href="{{ route('front.my-orders') }}"><i class="bi bi-cart mr-1"></i> {{ translate('my_orders') }}</a></li>
                    <li class="list-group-item @yield('user.sidebar-my-addresses') pl-0"><a href="{{ route('front.my-addresses') }}"><i class="bi bi-geo-alt mr-1"></i> {{ translate('my_addresses') }}</a></li>
                    <li class="list-group-item @yield('user.sidebar-my-profile') pl-0"><a href="{{ route('front.my-profile') }}"><i class="bi bi-person mr-1"></i> {{ translate('my_profile') }}</a></li>
                    <li class="list-group-item @yield('user.sidebar-my-favorites') pl-0"><a href="{{ route('front.my-favorites') }}"><i class="bi bi-heart mr-1"></i> {{ translate('my_favorites') }}</a></li>
                    <li class="list-group-item @yield('user.sidebar-logout') pl-0"><a href="{{ route('logout') }}"><i class="bi bi-box-arrow-in-right mr-1"></i> {{ translate('logout') }}</a></li>
                </ul>
            </div>
            <div class="col-sm-9">

                @yield('user.content')

            </div>
        </div>
    </div>

@endsection
@section('footer')
    @yield('user.footer')
@endsection