@extends('layout')
@section('content')
    <div class="container mx-auto pt-20 md:mt-10 pb-10 page-account">

        <div class="row">
            <div class="col-12 md:col-4 lg:col-2">
                <div class="account-menu">

                    <ul class="pt-2">
                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.home')}}">Accueil</a></li>
                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.informations')}}">Mes informations</a></li>
                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.orders')}}">Mes commandes</a></li>
                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.addresses')}}">Mes adresses</a></li>
                        {{--<li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.copcoins')}}">Mes copcoins</a></li>--}}

                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.offers')}}">Mes offres</a></li>
                        @if(auth()->user()->isSeller())
                            <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.sales')}}">Mes ventes</a></li>
                        @endif
                        @if(auth()->user()->stripeAccount)
                            <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('account.seller')}}">Mon compte vendeur</a></li>
                        @else
                            <li><a class="" href="{{route('account.seller')}}">Devenir vendeur</a></li>
                        @endif

                        <li class="mb-1 highlight"><a class="account-menu-link" href="{{route('log-out')}}">Déconnexion</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-12 md:col-8 lg:col-10">

                @section('account.content')

                @show
            </div>
        </div>
    </div>
@endsection