<div class="col-lg-3">
    <div class="profile-side">
        <img src="{{asset($user->photo ?? 'assets/web/images/avatar.png')}}" alt="" class="sm-avater mb-3">
        <h5 class="text-center">{{$user->name}}</h5>
        <div class="nav flex-column nav-pills mt-5" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link active" id="v-pills-tab1-tab" data-toggle="pill" href="#v-pills-tab1" role="tab" aria-controls="v-pills-tab1" aria-selected="true"><img src="{{asset('assets/web/images/icons/profile/user.svg')}}" alt="" class="icon"> {{__('members.my_profile')}}</a>
            <a class="nav-link" id="v-pills-tab2-tab" data-toggle="pill" href="#v-pills-tab2" role="tab" aria-controls="v-pills-tab2" aria-selected="false"><img src="{{asset('assets/web/images/icons/profile/list.svg')}}" alt="" class="icon"> {{__('members.reservations')}}</a>
            <a class="nav-link d-flex align-content-center" id="v-pills-tab3-tab" data-toggle="pill" href="#v-pills-tab3" role="tab" aria-controls="v-pills-tab3" aria-selected="false"><img src="{{asset('assets/web/images/icons/profile/bell.svg')}}" alt="" class="icon"> {{__('members.notifications')}} <div style="width: 25px; height: 25px; border-radius: 50%" class="border bg-danger text-white d-flex justify-content-center">{{$notificationsCount}}</div> </a>
            <a class="nav-link" href="{{route('userProvider.logout')}}"><img src="{{asset('assets/web/images/icons/profile/logout.svg')}}" alt="" class="icon">{{__('members.logout')}}</a>
        </div>
        <img src="{{asset('assets/web/images/icon.png')}}" alt="" class="pattern">
    </div>
</div>
