chore: finalize project updates
This commit is contained in:
@@ -1,3 +1,120 @@
|
||||
<div>
|
||||
<!-- If you do not have a consistent goal in life, you can not live it in a consistent way. - Marcus Aurelius -->
|
||||
</div>
|
||||
@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
|
||||
|
||||
Reference in New Issue
Block a user