@extends('admin.layouts.layout')
@section('title', 'ویرایش دیدگاه')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">

    <div class="d-flex align-items-center justify-content-between mb-4">
        <div>
            <h4 class="mb-1">ویرایش دیدگاه</h4>
            <p class="text-muted mb-0 small">ویرایش، تأیید یا رد دیدگاه کاربر</p>
        </div>
        <a href="{{ route('admin.reviews.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="ti ti-arrow-right me-1"></i>بازگشت
        </a>
    </div>

    @if($errors->any())
    <div class="alert alert-danger mb-4">
        <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
    @endif

    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header"><h6 class="mb-0">محتوای دیدگاه</h6></div>
                <div class="card-body">
                    <form action="{{ route('admin.reviews.update', $review) }}" method="POST">
                        @csrf @method('PUT')

                        <div class="mb-3">
                            <label class="form-label">محصول</label>
                            <input type="text" class="form-control" value="{{ $review->product->title ?? '—' }}" disabled>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">کاربر</label>
                            <input type="text" class="form-control"
                                value="{{ trim(($review->user->first_name ?? '') . ' ' . ($review->user->last_name ?? '')) ?: '—' }}" disabled>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">امتیاز <span class="text-danger">*</span></label>
                            <select name="rating" class="form-select" required>
                                @for($i = 1; $i <= 5; $i++)
                                <option value="{{ $i }}" {{ old('rating', $review->rating) == $i ? 'selected' : '' }}>
                                    {{ $i }} ستاره
                                </option>
                                @endfor
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">متن نظر <span class="text-danger">*</span></label>
                            <textarea name="body" class="form-control" rows="5" required>{{ old('body', $review->body) }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">نقاط قوت</label>
                            <input type="text" name="pros" class="form-control"
                                value="{{ old('pros', implode(', ', $review->pros ?? [])) }}"
                                placeholder="با ویرگول جدا کنید — مثال: کیفیت بالا, قیمت مناسب">
                            <div class="form-text">هر نکته را با ویرگول (,) از هم جدا کنید.</div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">نقاط ضعف</label>
                            <input type="text" name="cons" class="form-control"
                                value="{{ old('cons', implode(', ', $review->cons ?? [])) }}"
                                placeholder="با ویرگول جدا کنید — مثال: بسته‌بندی ضعیف, ارسال کند">
                        </div>

                        <div class="mb-4">
                            <label class="form-label">وضعیت <span class="text-danger">*</span></label>
                            <select name="status" class="form-select" required>
                                <option value="pending"  {{ old('status', $review->status) === 'pending'  ? 'selected' : '' }}>در انتظار بررسی</option>
                                <option value="approved" {{ old('status', $review->status) === 'approved' ? 'selected' : '' }}>تأیید شده</option>
                                <option value="rejected" {{ old('status', $review->status) === 'rejected' ? 'selected' : '' }}>رد شده</option>
                            </select>
                        </div>

                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">ذخیره تغییرات</button>
                            <a href="{{ route('admin.reviews.index') }}" class="btn btn-outline-secondary">انصراف</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card">
                <div class="card-header"><h6 class="mb-0">اقدامات سریع</h6></div>
                <div class="card-body d-flex flex-column gap-2">
                    @if($review->status !== 'approved')
                    <form action="{{ route('admin.reviews.approve', $review) }}" method="POST">
                        @csrf @method('PATCH')
                        <button type="submit" class="btn btn-success w-100">
                            <i class="ti ti-check me-1"></i>تأیید دیدگاه
                        </button>
                    </form>
                    @endif
                    @if($review->status !== 'rejected')
                    <form action="{{ route('admin.reviews.reject', $review) }}" method="POST">
                        @csrf @method('PATCH')
                        <button type="submit" class="btn btn-danger w-100">
                            <i class="ti ti-x me-1"></i>رد دیدگاه
                        </button>
                    </form>
                    @endif
                    <form action="{{ route('admin.reviews.destroy', $review) }}" method="POST"
                          onsubmit="return confirm('آیا از حذف این دیدگاه مطمئن هستید؟')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-outline-danger w-100">
                            <i class="ti ti-trash me-1"></i>حذف دیدگاه
                        </button>
                    </form>
                </div>
            </div>
            <div class="card mt-3">
                <div class="card-header"><h6 class="mb-0">اطلاعات</h6></div>
                <div class="card-body">
                    <div class="small text-muted mb-1">تاریخ ثبت:</div>
                    <div class="mb-3">{{ \App\Models\Order::toJalaliString($review->created_at) }}</div>
                    <div class="small text-muted mb-1">آخرین ویرایش:</div>
                    <div>{{ \App\Models\Order::toJalaliString($review->updated_at) }}</div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection
