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

<main>
    <!-- section -->
    <section>
        <div class="container">
            <!-- row -->
            <div class="row">
                <!-- col -->
                <div class="col-12">
                    <div class="d-flex justify-content-between align-items-center d-md-none py-4">
                        <!-- heading -->
                        <h3 class="fs-5 mb-0">{{ __('Hesabım') }}</h3>
                        <!-- button -->
                        <button class="btn btn-outline-gray-400 text-muted d-md-none btn-icon btn-sm ms-3 "
                            type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasAccount"
                            aria-controls="offcanvasAccount">
                            <i class="bi bi-text-indent-left fs-3"></i>
                        </button>
                    </div>
                </div>
                <!-- col -->
                <div class="col-lg-3 col-md-4 col-12 border-end  d-none d-md-block">
                    <div class="pt-10 pe-lg-10 pb-10">
                        <!-- 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>
                <div class="col-lg-9 col-md-8 col-12">

                        @if ( session('success') )
                            <div class="px-lg-10 px-6 pt-lg-5 pt-3">
                                <div class="alert alert-success mt-2">
                                    <h5 class="m-0 p-0">{{ __('Başarılı') }}</h5>
                                    <p class="m-0 p-0">{{ __('İşleminiz başarıyla gerçekleştirildi.') }}</p>
                                </div>
                            </div>
                        @endif
    
                        @if ($errors->any())
                            <div class="px-lg-10 px-6 pt-lg-5 pt-3">
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif

                    @yield('user.content')

                </div>
            </div>
        </div>
    </section>
</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