67 lines
2.8 KiB
PHP
67 lines
2.8 KiB
PHP
<div class="user-profile-sidebar">
|
|
<div class="user-profile-sidebar-top">
|
|
<div class="user-profile-img">
|
|
@if(auth()->user()->file)
|
|
<img src="{{ getFileUrl(auth()->user()->file->id) }}" alt="">
|
|
@else
|
|
<img src="{{ asset('assets/img/account/user.jpg') }}" alt="">
|
|
@endif
|
|
<button type="button" class="profile-img-btn"><i class="far fa-camera"></i></button>
|
|
<form
|
|
action="{{ route('account.profile.image.update') }}"
|
|
method="POST"
|
|
enctype="multipart/form-data"
|
|
id="profile-image-form"
|
|
>
|
|
@csrf
|
|
|
|
<input
|
|
type="file"
|
|
name="image"
|
|
class="profile-img-file"
|
|
id="profile-img-file"
|
|
accept="image/jpeg,image/png,image/webp"
|
|
hidden
|
|
>
|
|
</form>
|
|
|
|
</div>
|
|
<h4>{{ getUserFullName() }}</h4>
|
|
|
|
</div>
|
|
<ul class="user-profile-sidebar-list">
|
|
<li><a class="{{ activeAccountSidebar('account.profile') }}" href="{{route('account.profile')}}"><i class="far fa-user"></i> نمایه من</a></li>
|
|
<li><a class="{{ activeAccountSidebar('account.booking') }}" href="{{ route('account.booking') }}"><i class="far fa-shopping-bag"></i> رزرو من</a></li>
|
|
<li><a class="{{ activeAccountSidebar('account.comments') }}" href="{{ route('account.comments') }}"><i class="far fa-comments"></i>نظرات من</a></li>
|
|
<li><a class="{{ activeAccountSidebar('account.wishlist') }}" href="{{ route('account.wishlist') }}"><i class="far fa-heart"></i> علاقه مندی های من</a></li>
|
|
<li><a class="{{ activeAccountSidebar('account.edit-profile.index') }}" href="{{route('account.edit-profile.index')}}"><i class="far fa-cog"></i> تنظیمات</a></li>
|
|
<li><a class="{{ activeAccountSidebar('auth.logout') }}" href="{{route('auth.logout')}}"><i class="far fa-sign-out"></i> خروج</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
const button = document.querySelector('.profile-img-btn');
|
|
const fileInput = document.querySelector('#profile-img-file');
|
|
const form = document.querySelector('#profile-image-form');
|
|
|
|
if (button && fileInput && form) {
|
|
|
|
button.addEventListener('click', function () {
|
|
fileInput.click();
|
|
});
|
|
|
|
fileInput.addEventListener('change', function () {
|
|
|
|
if (this.files.length > 0) {
|
|
form.submit();
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
</script>
|