@if(auth('web')->check())

    <div class="col-12 mb-3">
    <a class="list-link "  type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
        <img src="{{asset('assets/icons/profile-big-bg-white.png')}}" width="50" height="50">
        <span class="font-size-2r fw-bold capital">{{auth('web')->user()->name}}</span>
    </a>
</div>

<div class="offcanvas offcanvas-end mobile-profile-side" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel" style="width: 70%;">
    <div class="offcanvas-header offcanvas-profile d-block">
        <img class="rounded-circle img-fluid profile-img"
             src="{{asset(auth('web')->user()->pic)}}" onerror="this.src='{{asset('admin_images/1684930183.jpg')}}'" alt="">
        <button type="button" class="close-btn-profile" data-bs-dismiss="offcanvas" aria-label="Close">
            <i class="fa-solid fa-x "></i>
        </button>
        <div class="add_ads__right__report">
            <ul>

                <li><span>{{auth('web')->user()->prods()->count()}}</span>اعلان</li>
                <li><span>{{ auth('web')->user()->userRate()->count() > 0 ?
                         number_format(auth('web')->user()->userRate()->sum('rate') / auth('web')->user()->userRate()->count(),1) : "0"}}</span>تقييم</li>
                <li><span>{{auth('web')->user()->followers()->count()}}</span>متابعون</li>
                <li><span>{{auth('web')->user()->following()->count()}}</span>يتابع</li>
            </ul>
            <p>{{auth('web')->user()->bio}}</p>
            <button>
                <i class="bx bx-x"></i>
                <a href="{{route('add-ads')}}">اضافة اعلان</a>
            </button>
        </div>
    </div>
    <div class="offcanvas-body" style="padding: 0rem !important;">
        <div class="add_ads__right__profile">
            <ul class="sub_list" id="profile-side-list" style="padding: 0rem !important;">
                <li class="sub_list_item ">
                    <i class='bx bx-user'></i>
                    <div>
                        <a href="{{route('profile')}}" class="sub_list_link">ملفي الشخصي</a>
                        <span></span>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bxs-megaphone'></i>
                    <div>
                        <a href="{{route('prods')}}" class="sub_list_link">اعلاناتي</a>
                        <span>{{auth('web')->user()->prods()->count()}}</span>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-heart'></i>
                    <div>
                        <a href="{{route('fav')}}" class="sub_list_link">المفضلة</a>
                        <span>{{\App\Models\Prod::wherehas('fav',function ($q){
                        $q->where('fav.uid',auth('web')->id());
                    })->count()}}</span>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-bell'></i>
                    <div>
                        <a href="/notifications" class="sub_list_link">@lang('word.notifications')</a>
                        <span></span>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-message-rounded-detail'></i>
                    <div>
                        <a href="/chats" class="sub_list_link">@lang('word.chats')</a>
                        <span></span>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-question-mark'></i>
                    <div>
                        <a href="/my-questions" class="sub_list_link">اسئلتي</a>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-world'></i>
                    <div>
                        <a href="/change-country" class="sub_list_link">@lang('word.change-country')</a>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-badge-check'></i>
                    <div>
                        <a href="/verify-account" class="sub_list_link">@lang('word.verify-account')</a>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-cog' ></i>
                    <div>
                        <a href="/technical-support" class="sub_list_link">@lang('word.technical-support')</a>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-user-minus'></i>
                    <div>
                        <a href="/delete-account" class="sub_list_link">@lang('word.delete-account')</a>
                    </div>
                </li>
                <li class="sub_list_item">
                    <i class='bx bx-log-out'></i>
                    <div>
                        <a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">خروج</a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            {{ csrf_field() }}
                        </form>
                    </div>
                </li>
            </ul >
                <li>
                    <i class='bx bx-user'></i>
                    <div>
                        <a href="{{route('profile')}}">ملفي الشخصي</a>
                        <span></span>
                    </div>
                </li>
                <li class="active">
                    <i class='bx bxs-megaphone'></i>
                    <div>
                        <a href="{{route('prods')}}">اعلاناتي</a>
                        <span>{{auth('web')->user()->prods()->count()}}</span>
                    </div>
                </li>
                <li>
                    <i class='bx bx-heart'></i>
                    <div>
                        <a href="{{route('fav')}}">المفضلة</a>
                        <span>{{\App\Models\Prod::wherehas('fav',function ($q){
                        $q->where('fav.uid',auth('web')->id());
                    })->count()}}</span>
                    </div>
                </li>
                <li>
                    <i class='bx bx-bell'></i>
                    <div>
                        <a href="">الاشعارات</a>
                        <span></span>
                    </div>
                </li>
                <li>
                    <i class='bx bx-message-rounded-detail'></i>
                    <div>
                        <a href="">الرسائل</a>
                        <span></span>
                    </div>
                </li>
                <li>
                    <i class='bx bx-question-mark'></i>
                    <div>
                        <a href="">اسئلتي</a>
                    </div>
                </li>
                <li>
                    <i class='bx bx-world'></i>
                    <div>
                        <a href="">تغيير الدولة</a>
                    </div>
                </li>
                <li>
                    <i class='bx bx-badge-check'></i>
                    <div>
                        <a href="">توثيق الحساب</a>
                    </div>
                </li>
                <li>
                    <i class='bx bx-cog' ></i>
                    <div>
                        <a href="">الدعم الفني</a>
                    </div>
                </li>
                <li>
                    <i class='bx bx-user-minus'></i>
                    <div>
                        <a href="">حذف الحساب</a>
                    </div>
                </li>
                <li>
                    <i class='bx bx-log-out'></i>
                    <div>
                        <a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">خروج</a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            {{ csrf_field() }}
                        </form>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
@endif