@extends('admin.layouts.app')

@section('title', 'إعدادات النقاط')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <h1 class="h3 mb-0 text-gray-800">
                    <i class="fas fa-cog text-primary"></i>
                    إعدادات النقاط والدعوات
                </h1>
                <a href="{{ route('admin.points.dashboard') }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-right"></i> العودة للوحة التحكم
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <!-- إعدادات النقاط -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">إعدادات النظام</h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.points.settings.save') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="referral_points" class="form-label">
                                        <i class="fas fa-gift text-success"></i>
                                        نقاط الإحالة
                                    </label>
                                    <input type="number" 
                                           class="form-control @error('referral_points') is-invalid @enderror" 
                                           id="referral_points" 
                                           name="referral_points" 
                                           value="{{ $settings['referral_points']->value ?? 10 }}" 
                                           min="1" 
                                           required>
                                    <div class="form-text">عدد النقاط التي يحصل عليها المستخدم عند دعوة شخص آخر</div>
                                    @error('referral_points')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="welcome_points" class="form-label">
                                        <i class="fas fa-handshake text-info"></i>
                                        نقاط الترحيب
                                    </label>
                                    <input type="number" 
                                           class="form-control @error('welcome_points') is-invalid @enderror" 
                                           id="welcome_points" 
                                           name="welcome_points" 
                                           value="{{ $settings['welcome_points']->value ?? 5 }}" 
                                           min="0" 
                                           required>
                                    <div class="form-text">عدد النقاط التي يحصل عليها المستخدم الجديد عند التسجيل</div>
                                    @error('welcome_points')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="points_to_money_rate" class="form-label">
                                        <i class="fas fa-exchange-alt text-warning"></i>
                                        سعر تحويل النقاط
                                    </label>
                                    <input type="number" 
                                           class="form-control @error('points_to_money_rate') is-invalid @enderror" 
                                           id="points_to_money_rate" 
                                           name="points_to_money_rate" 
                                           value="{{ $settings['points_to_money_rate']->value ?? 100 }}" 
                                           min="1" 
                                           required>
                                    <div class="form-text">عدد النقاط المطلوبة للحصول على 1 دينار</div>
                                    @error('points_to_money_rate')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="max_referral_points_per_month" class="form-label">
                                        <i class="fas fa-calendar-alt text-danger"></i>
                                        الحد الأقصى للإحالات الشهرية
                                    </label>
                                    <input type="number" 
                                           class="form-control @error('max_referral_points_per_month') is-invalid @enderror" 
                                           id="max_referral_points_per_month" 
                                           name="max_referral_points_per_month" 
                                           value="{{ $settings['max_referral_points_per_month']->value ?? 50 }}" 
                                           min="1" 
                                           required>
                                    <div class="form-text">الحد الأقصى للنقاط المكتسبة من الإحالات في الشهر</div>
                                    @error('max_referral_points_per_month')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-info">
                                    <i class="fas fa-info-circle"></i>
                                    <strong>ملاحظة:</strong> هذه الإعدادات تؤثر على جميع المستخدمين الجدد. التغييرات ستطبق فوراً.
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end">
                            <button type="submit" class="btn btn-primary btn-lg">
                                <i class="fas fa-save"></i> حفظ الإعدادات
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- إعدادات المكافآت -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">إعدادات المكافآت الافتراضية</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card border-left-success h-100">
                                <div class="card-body text-center">
                                    <i class="fas fa-utensils fa-2x text-success mb-3"></i>
                                    <h5>قسائم المطاعم</h5>
                                    <p class="text-muted">خصم 10% على الطلبات</p>
                                    <span class="badge badge-success">50 نقطة</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card border-left-warning h-100">
                                <div class="card-body text-center">
                                    <i class="fas fa-fire fa-2x text-warning mb-3"></i>
                                    <h5>قسائم الغاز</h5>
                                    <p class="text-muted">خصم 15% على الوقود</p>
                                    <span class="badge badge-warning">75 نقطة</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card border-left-info h-100">
                                <div class="card-body text-center">
                                    <i class="fas fa-taxi fa-2x text-info mb-3"></i>
                                    <h5>قسائم النقل</h5>
                                    <p class="text-muted">خصم 20% على الرحلات</p>
                                    <span class="badge badge-info">100 نقطة</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <!-- إحصائيات سريعة -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">إحصائيات سريعة</h6>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col-6 mb-3">
                            <div class="border-end">
                                <div class="h4 text-primary">{{ $settings['referral_points']->value ?? 10 }}</div>
                                <small class="text-muted">نقاط الإحالة</small>
                            </div>
                        </div>
                        <div class="col-6 mb-3">
                            <div class="h4 text-success">{{ $settings['welcome_points']->value ?? 5 }}</div>
                            <small class="text-muted">نقاط الترحيب</small>
                        </div>
                        <div class="col-6">
                            <div class="border-end">
                                <div class="h4 text-warning">{{ $settings['points_to_money_rate']->value ?? 100 }}</div>
                                <small class="text-muted">نقاط/دينار</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="h4 text-info">{{ $settings['max_referral_points_per_month']->value ?? 50 }}</div>
                            <small class="text-muted">حد شهري</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- نصائح -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">نصائح للإعدادات</h6>
                </div>
                <div class="card-body">
                    <div class="list-group list-group-flush">
                        <div class="list-group-item border-0 px-0">
                            <div class="d-flex">
                                <i class="fas fa-lightbulb text-warning me-2 mt-1"></i>
                                <div>
                                    <strong>نقاط الإحالة:</strong>
                                    <small class="d-block text-muted">اختر قيمة جذابة ولكن مستدامة</small>
                                </div>
                            </div>
                        </div>
                        <div class="list-group-item border-0 px-0">
                            <div class="d-flex">
                                <i class="fas fa-lightbulb text-warning me-2 mt-1"></i>
                                <div>
                                    <strong>سعر التحويل:</strong>
                                    <small class="d-block text-muted">كلما قل الرقم، كلما كانت النقاط أكثر قيمة</small>
                                </div>
                            </div>
                        </div>
                        <div class="list-group-item border-0 px-0">
                            <div class="d-flex">
                                <i class="fas fa-lightbulb text-warning me-2 mt-1"></i>
                                <div>
                                    <strong>الحد الشهري:</strong>
                                    <small class="d-block text-muted">يمنع إساءة استخدام النظام</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- روابط سريعة -->
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">روابط سريعة</h6>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.points.rewards') }}" class="btn btn-outline-success">
                            <i class="fas fa-gift"></i> إدارة المكافآت
                        </a>
                        <a href="{{ route('admin.points.referrals') }}" class="btn btn-outline-info">
                            <i class="fas fa-share-alt"></i> الإحالات
                        </a>
                        <a href="{{ route('admin.points.reports') }}" class="btn btn-outline-warning">
                            <i class="fas fa-chart-bar"></i> التقارير
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
// تحديث الإحصائيات عند تغيير القيم
document.addEventListener('DOMContentLoaded', function() {
    const inputs = document.querySelectorAll('input[type="number"]');
    const stats = {
        referral_points: document.querySelector('.h4.text-primary'),
        welcome_points: document.querySelector('.h4.text-success'),
        points_to_money_rate: document.querySelector('.h4.text-warning'),
        max_referral_points_per_month: document.querySelector('.h4.text-info')
    };

    inputs.forEach(input => {
        input.addEventListener('input', function() {
            const name = this.name;
            if (stats[name]) {
                stats[name].textContent = this.value;
            }
        });
    });
});
</script>
@endpush