@extends('admin.layouts.master')
@section('title', 'تنظیمات وبلاگ')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">تنظیمات وبلاگ</h4>
        </div>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">{{ session('success') }}</div>
@endif

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">{{ session('error') }}</div>
@endif

<form action="{{ route('admin.blog.settings.update') }}" method="POST">
    @csrf
    @method('PUT')
    
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" data-bs-toggle="tab" href="#general">عمومی</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#seo">SEO</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#comments">نظرات</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#posts">پست‌ها</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#media">رسانه</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="tab" href="#spam">فیلتر اسپم</a>
        </li>
    </ul>

    <div class="tab-content mt-3">
        <!-- General Settings -->
        <div class="tab-pane fade show active" id="general">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="blog_enabled" class="form-check-input" value="1" {{ $settings['blog_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن وبلاگ</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">تعداد پست در هر صفحه</label>
                        <input type="number" name="posts_per_page" class="form-control" value="{{ $settings['posts_per_page'] ?? 10 }}" min="1" max="100">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">الگوی URL پست‌ها</label>
                        <select name="post_url_pattern" class="form-select">
                            <option value="blog/{slug}" {{ ($settings['post_url_pattern'] ?? 'blog/{slug}') == 'blog/{slug}' ? 'selected' : '' }}>blog/{slug}</option>
                            <option value="blog/{year}/{slug}" {{ ($settings['post_url_pattern'] ?? '') == 'blog/{year}/{slug}' ? 'selected' : '' }}>blog/{year}/{slug}</option>
                            <option value="blog/{year}/{month}/{slug}" {{ ($settings['post_url_pattern'] ?? '') == 'blog/{year}/{month}/{slug}' ? 'selected' : '' }}>blog/{year}/{month}/{slug}</option>
                            <option value="blog/{category}/{slug}" {{ ($settings['post_url_pattern'] ?? '') == 'blog/{category}/{slug}' ? 'selected' : '' }}>blog/{category}/{slug}</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <!-- SEO Settings -->
        <div class="tab-pane fade" id="seo">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">عنوان پیش‌فرض SEO</label>
                        <input type="text" name="default_meta_title" class="form-control" value="{{ $settings['default_meta_title'] ?? '' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">توضیحات پیش‌فرض SEO</label>
                        <textarea name="default_meta_description" class="form-control" rows="3">{{ $settings['default_meta_description'] ?? '' }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">تصویر پیش‌فرض Open Graph</label>
                        <input type="text" name="default_og_image" class="form-control" value="{{ $settings['default_og_image'] ?? '' }}" placeholder="URL تصویر">
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="sitemap_enabled" class="form-check-input" value="1" {{ $settings['sitemap_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن Sitemap</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">محتوای robots.txt</label>
                        <textarea name="robots_txt_content" class="form-control" rows="10">{{ $settings['robots_txt_content'] ?? '' }}</textarea>
                        <small class="text-muted">در صورت خالی بودن، محتوای پیش‌فرض استفاده می‌شود</small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Comments Settings -->
        <div class="tab-pane fade" id="comments">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="comments_enabled" class="form-check-input" value="1" {{ $settings['comments_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن نظرات</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="comments_require_approval" class="form-check-input" value="1" {{ $settings['comments_require_approval'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">نیاز به تایید نظرات</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="comments_allow_guests" class="form-check-input" value="1" {{ $settings['comments_allow_guests'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">اجازه نظر به مهمان‌ها</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حداکثر عمق پاسخ‌ها</label>
                        <input type="number" name="comments_max_depth" class="form-control" value="{{ $settings['comments_max_depth'] ?? 3 }}" min="1" max="10">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حداکثر کامنت برای هر کاربر (خالی = نامحدود)</label>
                        <input type="number" name="comment_max_per_user" class="form-control" value="{{ $settings['comment_max_per_user'] ?? '' }}" min="1">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حداکثر کامنت برای هر IP (خالی = نامحدود)</label>
                        <input type="number" name="comment_max_per_ip" class="form-control" value="{{ $settings['comment_max_per_ip'] ?? '' }}" min="1">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حداقل فاصله زمانی بین کامنت‌ها (ثانیه)</label>
                        <input type="number" name="comment_time_limit" class="form-control" value="{{ $settings['comment_time_limit'] ?? 60 }}" min="0">
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="comment_votes_enabled" class="form-check-input" value="1" {{ $settings['comment_votes_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن لایک/دیسلایک</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Posts Settings -->
        <div class="tab-pane fade" id="posts">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="revisions_enabled" class="form-check-input" value="1" {{ $settings['revisions_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن Revision</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">حداکثر تعداد Revision</label>
                        <input type="number" name="revisions_max_count" class="form-control" value="{{ $settings['revisions_max_count'] ?? 10 }}" min="1" max="100">
                    </div>
                </div>
            </div>
        </div>

        <!-- Media Settings -->
        <div class="tab-pane fade" id="media">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">عرض تصویر شاخص (پیکسل)</label>
                        <input type="number" name="featured_image_width" class="form-control" value="{{ $settings['featured_image_width'] ?? 1200 }}" min="100" max="5000">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">ارتفاع تصویر شاخص (پیکسل)</label>
                        <input type="number" name="featured_image_height" class="form-control" value="{{ $settings['featured_image_height'] ?? 630 }}" min="100" max="5000">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">کیفیت تصویر (0-100)</label>
                        <input type="number" name="featured_image_quality" class="form-control" value="{{ $settings['featured_image_quality'] ?? 85 }}" min="0" max="100">
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="featured_image_auto_crop" class="form-check-input" value="1" {{ $settings['featured_image_auto_crop'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">برش خودکار تصویر</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Spam Filter Settings -->
        <div class="tab-pane fade" id="spam">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="comment_spam_filter_enabled" class="form-check-input" value="1" {{ $settings['comment_spam_filter_enabled'] ?? true ? 'checked' : '' }}>
                            <label class="form-check-label">فعال بودن فیلتر اسپم</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">آستانه اسپم (0-1)</label>
                        <input type="number" name="comment_spam_threshold" class="form-control" value="{{ $settings['comment_spam_threshold'] ?? 0.70 }}" step="0.01" min="0" max="1">
                        <small class="text-muted">اگر امتیاز اسپم بیشتر از این مقدار باشد، کامنت به عنوان اسپم علامت‌گذاری می‌شود</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">امتیاز خودکار تایید (0-1)</label>
                        <input type="number" name="comment_auto_approve_score" class="form-control" value="{{ $settings['comment_auto_approve_score'] ?? 0.30 }}" step="0.01" min="0" max="1">
                        <small class="text-muted">اگر امتیاز اسپم کمتر از این مقدار باشد، کامنت به صورت خودکار تایید می‌شود</small>
                    </div>

                    <hr>

                    <h5>قوانین اسپم</h5>
                    <div class="mb-3">
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addSpamRuleModal">افزودن قانون جدید</button>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-nowrap align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>نوع</th>
                                    <th>مقدار</th>
                                    <th>امتیاز</th>
                                    <th>وضعیت</th>
                                    <th>عملیات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($spamRules as $rule)
                                    <tr>
                                        <td>
                                            @if($rule->rule_type == 'keyword')
                                                کلمه کلیدی
                                            @elseif($rule->rule_type == 'link_count')
                                                تعداد لینک
                                            @elseif($rule->rule_type == 'length')
                                                طول
                                            @else
                                                IP مسدود
                                            @endif
                                        </td>
                                        <td>{{ Str::limit($rule->rule_value, 50) }}</td>
                                        <td>{{ number_format($rule->spam_score * 100, 1) }}%</td>
                                        <td>
                                            @if($rule->is_active)
                                                <span class="badge bg-success">فعال</span>
                                            @else
                                                <span class="badge bg-danger">غیرفعال</span>
                                            @endif
                                        </td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-primary" onclick="editSpamRule({{ $rule->id }}, '{{ $rule->rule_type }}', '{{ $rule->rule_value }}', {{ $rule->spam_score }}, {{ $rule->is_active ? 'true' : 'false' }}, '{{ $rule->description }}')">
                                                <i class="mdi mdi-pencil"></i>
                                            </button>
                                            <form action="{{ route('admin.blog.settings.spam-rules.destroy', $rule->id) }}" method="POST" class="d-inline" onsubmit="return confirm('آیا مطمئن هستید؟')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger">
                                                    <i class="mdi mdi-delete"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center">هیچ قانونی یافت نشد</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-primary">ذخیره تنظیمات</button>
    </div>
</form>

<!-- Add Spam Rule Modal -->
<div class="modal fade" id="addSpamRuleModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">افزودن قانون اسپم</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('admin.blog.settings.spam-rules.store') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">نوع قانون <span class="text-danger">*</span></label>
                        <select name="rule_type" class="form-select" required>
                            <option value="keyword">کلمه کلیدی</option>
                            <option value="link_count">تعداد لینک</option>
                            <option value="length">طول</option>
                            <option value="ip_blacklist">IP مسدود</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">مقدار <span class="text-danger">*</span></label>
                        <input type="text" name="rule_value" class="form-control" required>
                        <small class="text-muted">برای کلمه کلیدی: کلمات را با کاما جدا کنید. برای IP: آدرس‌ها را با کاما جدا کنید</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">امتیاز اسپم (0-1) <span class="text-danger">*</span></label>
                        <input type="number" name="spam_score" class="form-control" value="0.10" step="0.01" min="0" max="1" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">توضیحات</label>
                        <textarea name="description" class="form-control" rows="2"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">انصراف</button>
                    <button type="submit" class="btn btn-primary">ذخیره</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Edit Spam Rule Modal -->
<div class="modal fade" id="editSpamRuleModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">ویرایش قانون اسپم</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="editSpamRuleForm" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">نوع قانون <span class="text-danger">*</span></label>
                        <select name="rule_type" id="edit_rule_type" class="form-select" required>
                            <option value="keyword">کلمه کلیدی</option>
                            <option value="link_count">تعداد لینک</option>
                            <option value="length">طول</option>
                            <option value="ip_blacklist">IP مسدود</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">مقدار <span class="text-danger">*</span></label>
                        <input type="text" name="rule_value" id="edit_rule_value" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">امتیاز اسپم (0-1) <span class="text-danger">*</span></label>
                        <input type="number" name="spam_score" id="edit_spam_score" class="form-control" step="0.01" min="0" max="1" required>
                    </div>
                    <div class="mb-3">
                        <div class="form-check form-switch">
                            <input type="checkbox" name="is_active" id="edit_is_active" class="form-check-input" value="1">
                            <label class="form-check-label">فعال</label>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">توضیحات</label>
                        <textarea name="description" id="edit_description" class="form-control" rows="2"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">انصراف</button>
                    <button type="submit" class="btn btn-primary">ذخیره</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
function editSpamRule(id, ruleType, ruleValue, spamScore, isActive, description) {
    document.getElementById('editSpamRuleForm').action = '{{ route("admin.blog.settings.spam-rules.update", ":id") }}'.replace(':id', id);
    document.getElementById('edit_rule_type').value = ruleType;
    document.getElementById('edit_rule_value').value = ruleValue;
    document.getElementById('edit_spam_score').value = spamScore;
    document.getElementById('edit_is_active').checked = isActive;
    document.getElementById('edit_description').value = description || '';
    
    const modal = new bootstrap.Modal(document.getElementById('editSpamRuleModal'));
    modal.show();
}
</script>
@endsection