121 lines
6.7 KiB
PHP
121 lines
6.7 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container py-5">
|
|
<div class="row g-4">
|
|
<!-- ====== سایدبار پروفایل ====== -->
|
|
<div class="col-lg-3 col-md-4">
|
|
<div class="profile-sidebar text-center">
|
|
<img src="{{ $user->image ? asset('storage/'.$user->image) : asset('assets/img/default.png') }}"
|
|
class="profile-avatar mb-3" alt="تصویر پروفایل">
|
|
|
|
<h5 class="profile-name">{{ $user->first_name }} {{ $user->last_name }}</h5>
|
|
<p class="profile-username">@ {{ $user->username }}</p>
|
|
|
|
<hr class="my-3">
|
|
<div class="d-flex justify-content-around small">
|
|
<div><strong>{{ $user->favorites->count() }}</strong><br><span style="color:#6c757d;">علاقه‌مندی</span></div>
|
|
<div><strong>{{ $user->comments->count() }}</strong><br><span style="color:#6c757d;">کامنت</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ====== محتوای اصلی ====== -->
|
|
<div class="col-lg-9 col-md-8">
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#edit">ویرایش پروفایل</a></li>
|
|
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#comments">کامنت‌های من</a></li>
|
|
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#favorites">علاقه‌مندی‌ها</a></li>
|
|
</ul>
|
|
|
|
<div class="tab-content pt-4">
|
|
<!-- تب ویرایش پروفایل -->
|
|
<div class="tab-pane active" id="edit">
|
|
<div class="form-card">
|
|
<form action="{{ route('account.edit-profile.post') }}" method="POST"
|
|
enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">نام</label>
|
|
<input type="text" name="first_name" class="form-control"
|
|
value="{{ old('first_name', $user->first_name) }}">
|
|
@error('first_name') <small class="text-danger">{{ $message }}</small> @enderror
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">نام خانوادگی</label>
|
|
<input type="text" name="last_name" class="form-control"
|
|
value="{{ old('last_name', $user->last_name) }}">
|
|
@error('last_name') <small class="text-danger">{{ $message }}</small> @enderror
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">نام کاربری</label>
|
|
<input type="text" name="username" class="form-control"
|
|
value="{{ old('username', $user->username) }}">
|
|
@error('username') <small class="text-danger">{{ $message }}</small> @enderror
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">ایمیل</label>
|
|
<input type="email" name="email" class="form-control"
|
|
value="{{ old('email', $user->email) }}">
|
|
@error('email') <small class="text-danger">{{ $message }}</small> @enderror
|
|
</div>
|
|
|
|
<div class="col-md-12 mb-3">
|
|
<label class="form-label">تصویر پروفایل</label>
|
|
<input type="file" name="image" class="form-control">
|
|
</div>
|
|
|
|
<div class="col-md-12 mb-4">
|
|
<label class="form-label">رمز عبور جدید <small class="text-muted">(اختیاری)</small></label>
|
|
<input type="password" name="password" class="form-control">
|
|
@error('password') <small class="text-danger">{{ $message }}</small> @enderror
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-save">ذخیره تغییرات</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- تب کامنت‌ها -->
|
|
<div class="tab-pane" id="comments">
|
|
@forelse($user->comments as $comment)
|
|
<div class="comment-box mb-3">
|
|
<div>{{ $comment->content }}</div>
|
|
<small>{{ $comment->created_at ? $comment->created_at->format('Y/m/d') : '' }}</small>
|
|
</div>
|
|
@empty
|
|
<p class="text-muted">هنوز کامنتی ثبت نکرده‌اید.</p>
|
|
@endforelse
|
|
</div>
|
|
|
|
<!-- تب علاقه‌مندی‌ها -->
|
|
<div class="tab-pane" id="favorites">
|
|
@forelse($user->favorites as $fav)
|
|
<span class="favorite-item">
|
|
<i class="fa fa-heart"></i>
|
|
{{ $fav->favoritable->title ?? 'مورد علاقه‌مند' }}
|
|
</span>
|
|
@empty
|
|
<p class="text-muted">هنوز موردی به علاقه‌مندی‌ها اضافه نکرده‌اید.</p>
|
|
@endforelse
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('.nav-tabs a').click(function (e) {
|
|
e.preventDefault();
|
|
$(this).tab('show');
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|