@extends('customer.app')

@section('content')
    <div class="page-header">
        <div class="page-header__container container">
            <div class="page-header__breadcrumb">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="/">{{__('general.home')}}</a>
                            <svg class="breadcrumb-arrow" width="6px" height="9px">
                                <use xlink:href="/customers/images/sprite.svg#arrow-rounded-right-6x9"></use>
                            </svg>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="">{{__('general.profile')}}</a>
                            <svg class="breadcrumb-arrow" width="6px" height="9px">
                                <use xlink:href="/customers/images/sprite.svg#arrow-rounded-right-6x9"></use>
                            </svg>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{__('general.my_account')}}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <div class="block">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-3 d-flex">
                    <div class="account-nav flex-grow-1">
                        <h4 class="account-nav__title">{{__('general.navigation')}}</h4>
                        <ul>
                            <li class="account-nav__item  account-nav__item--active " style="border-top: 1px solid lightgrey;border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('customer-profile')}}"><i class="fa fa-user"></i> {{__('general.profile')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('get-user-info')}}"><i class="fa fa-edit"></i> {{__('general.user-profile.get-user-info')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('get-password')}}"><i class="fa fa-lock"></i> {{__('general.user-profile.change-password')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('get-addresses')}}"><i class="fa fa-location-arrow"></i> {{__('general.user-profile.addresses')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('get-user-favorites')}}"><i class="fa fa-heart"></i> {{__('general.user-profile.favorites')}}</a>
                            </li>
                            @if(config('mio.affiliate_status') && \Illuminate\Support\Facades\Auth::user()->type == 'partner')
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-comissions')}}"><i class="fa fa-credit-card"></i>  {{__('general.user-profile.affiliate.comissions')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-orders')}}"><i class="fa fa-list"></i> {{__('general.user-profile.affiliate.orders')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-users')}}"><i class="fa fa-user"></i> Üyeler</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-social')}}"><i class="fa fa-users"></i> {{__('general.user-profile.affiliate.social')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-announce')}}"><i class="fa fa-bell"></i> {{__('general.user-profile.affiliate.announces')}}</a>
                            </li>
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('affiliate-coupons')}}"><i class="fa fa-star"></i> {{__('general.user-profile.affiliate.coupons')}}</a>
                            </li>
                            @endif
                            <li class="account-nav__item " style="border-bottom: 1px solid lightgrey;padding: 3px">
                                <a href="{{route('post-logout')}}"><i class="fa fa-angle-double-left"></i> {{__('general.logout')}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-lg-9 mt-4 mt-lg-0">
                    @yield('inside')
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    @yield('inside-js')
    @endsection