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

<main class="main-wrapper">
    <!-- section-->
    <div class="axil-breadcrumb-area mb-4">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-8">
                    <div class="inner">
                        <ul class="axil-breadcrumb">
                            <li class="axil-breadcrumb-item"><a href="/">{{ __('Anasayfa') }}</a></li>
                            <li class="separator"></li>
                            <li class="axil-breadcrumb-item active" aria-current="page">@yield('user.title', __('Kullanıcı'))</li>
                        </ul>
                        <h1 class="title">@yield('user.title', __('Kullanıcı'))</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="axil-dashboard-area py-5">
        <div class="container">
            <div class="axil-dashboard-warp">
                <div class="row">
                    <div class="col-xl-3">
                        <div class="d-flex mb-4 border p-4 rounded-4">
                            <div class="flex-shrink-0">
                                <script src="https://cdn.lordicon.com/lordicon.js"></script>
                                <lord-icon
                                    src="https://cdn.lordicon.com/bgebyztw.json"
                                    trigger="loop"
                                    delay="2000"
                                    colors="primary:#3577f0,secondary:#3577f0"
                                    style="width:50px;height:50px">
                                </lord-icon>
                            </div>
                            <div class="flex-grow-1 ms-3">
                                <h5 class="title mb-0">{{ __('Merhaba') }}, {{ Auth::user()->name }}</h5>
                                <span class="joining-date">
                                    {{ __('Üyelik Tarihi') }}:
                                    {{ Auth::user()->created_at->format('d M Y') }}
                                </span>
                            </div>
                        </div>
                        <aside class="axil-dashboard-aside p-4">
                            <nav class="axil-dashboard-nav">
                                <a class="nav-item nav-link @yield('user.sidebar-my-profile')" href="{{ route('front.my-profile') }}"
                                    role="tab" aria-selected="false"><i
                                        class="fas fa-user"></i>{{ __('Profilim') }}</a>
                                <div class="nav nav-tabs" role="tablist">
                                    <a class="nav-item nav-link @yield('user.sidebar-my-orders')" href="{{ route('front.my-orders') }}"
                                        role="tab" aria-selected="true"><i
                                            class="fas fa-th-large"></i>{{ __('Siparişlerim') }}</a>
                                            <a class="nav-item nav-link @yield('user.sidebar-my-addresses')" href="{{ route('front.my-addresses') }}"
                                                role="tab" aria-selected="false"><i
                                                    class="fas fa-map-marker-alt"></i>{{ __('Adreslerim') }}</a>
                                    <a class="nav-item nav-link @yield('user.sidebar-my-favorites')" href="{{ route('front.my-favorites') }}"
                                        role="tab" aria-selected="false"><i
                                            class="fas fa-heart"></i>{{ __('Favorilerim') }}</a>
                                    <hr>
                                    <a class="nav-item nav-link" href="{{ route('logout') }}" role="tab"
                                        aria-selected="false"><i class="fas fa-sign-out-alt"></i>{{ __('Çıkış Yap') }}</a>
                                </div>
                            </nav>
                        </aside>
                    </div>
                    <div class="col-xl-9">
                        @if ($errors->any())
                            <div class="alert alert-danger mb--35">
                                <ul class="m-0 p-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @else
                            @if (session('success'))
                                <div class="contact-form-success alert alert-success mb--35">
                                    <strong>{{ __('İşlem Başarılı!') }}</strong> {{ session('success') }}
                                </div>
                            @elseif(session('error'))
                                <div class="contact-form-error alert alert-danger mb--35">
                                    <strong>{{ __('Hata!') }}</strong> {{ session('error') }}
                                    <span class="mail-error-message text-1 d-block"></span>
                                </div>
                            @endif
                        @endif

                        @yield('user.content')
                    </div>
                </div>
            </div>
        </div>
    </div>

</main>


    <!-- modal -->
    <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasAccount" aria-labelledby="offcanvasAccountLabel">
        <!-- offcanvac header -->
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="offcanvasAccountLabel">{{ __('Hesabım') }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <!-- offcanvac body -->
        <div class="offcanvas-body">
            <!-- nav -->
            <ul class="nav flex-column nav-pills nav-pills-dark">
                <!-- nav item -->
                <li class="nav-item">
                    <a class="nav-link @yield('user.sidebar-my-orders')" href="{{ route('front.my-orders') }}"><i
                            class="feather-icon icon-shopping-bag me-2"></i>Siparişlerim</a>
                </li>
                <!-- nav item -->
                <li class="nav-item">
                    <a class="nav-link @yield('user.sidebar-my-favorites')" href="{{ route('front.my-favorites') }}"><i
                            class="feather-icon icon-credit-card me-2"></i>Favorilerim</a>
                </li>
                <!-- nav item -->
                <li class="nav-item">
                    <a class="nav-link @yield('user.sidebar-my-addresses')" href="{{ route('front.my-addresses') }}"><i
                            class="feather-icon icon-map-pin me-2"></i>Adreslerim</a>
                </li>
                <!-- nav item -->
                <li class="nav-item">
                    <a class="nav-link @yield('user.sidebar-my-profile')" href="{{ route('front.my-profile') }}"><i
                            class="feather-icon icon-settings me-2"></i>Ayarlarım</a>
                </li>
                <!-- nav item -->
                {{-- <li class="nav-item">
                <a class="nav-link @yield('user.sidebar-my-notification-settings')" href="{{ route('front.my-addresses') }}"><i class="feather-icon icon-bell me-2"></i>Bildirim Ayarları</a>
            </li> --}}
                <!-- nav item -->
                <li class="nav-item">
                    <hr>
                </li>
                <!-- nav item -->
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('logout') }}"><i
                            class="feather-icon icon-log-out me-2"></i>{{ __('Çıkış Yap') }}</a>
                </li>
            </ul>
        </div>
    </div>

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