@extends('layouts.admin')

@section('title', 'مدیریت بازارچه فروش فایل')

@section('content')
<div class="space-y-8" x-data="{ rejectModalOpen: false, rejectUrl: '', rejectFileName: '', rejectionReason: '' }">
    
    <!-- تنظیمات بازارچه -->
    <div class="bg-white rounded-xl shadow-sm overflow-hidden p-6">
        <h2 class="text-lg font-bold text-gray-800 mb-4 border-b pb-2 flex items-center gap-2">
            ⚙️ تنظیمات عمومی بازارچه فایل
        </h2>
        <form action="{{ route('admin.store.settings.save') }}" method="POST" class="grid grid-cols-1 md:grid-cols-3 gap-6 items-end">
            @csrf
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-1">٪ کارمزد فروشگاه</label>
                <input type="number" name="filestore_commission" value="{{ $commission }}" min="0" max="100" class="w-full border rounded-lg p-2 focus:ring focus:ring-blue-200" required>
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-1">💵 حداقل قیمت فایل (تومان)</label>
                <input type="number" name="filestore_min_price" value="{{ $minPrice }}" min="0" class="w-full border rounded-lg p-2 focus:ring focus:ring-blue-200" required>
            </div>
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-1">📝 متن راهنمای بازارچه در ربات</label>
                <input type="text" name="filestore_custom_text" value="{{ $customText }}" class="w-full border rounded-lg p-2 focus:ring focus:ring-blue-200" placeholder="مثال: فایل خود را با فرمت zip بفرستید...">
            </div>
            <div class="md:col-span-3">
                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2.5 px-6 rounded-lg transition shadow-md">
                    ذخیره تنظیمات
                </button>
            </div>
        </form>
    </div>

    <!-- لیست فایل‌های کاربران -->
    <div class="bg-white rounded-xl shadow-sm overflow-hidden">
        <div class="p-6 border-b border-gray-100 flex justify-between items-center">
            <h3 class="font-bold text-gray-800 text-lg">📁 لیست فایل‌های ارسالی کاربران</h3>
        </div>
        
        <div class="overflow-x-auto">
            <table class="w-full text-right border-collapse">
                <thead class="bg-gray-50 text-gray-600 text-sm">
                    <tr class="border-b">
                        <th class="p-4">تصویر</th>
                        <th class="p-4">کاربر</th>
                        <th class="p-4">مشخصات فایل</th>
                        <th class="p-4">قیمت</th>
                        <th class="p-4">فایل اصلی</th>
                        <th class="p-4">وضعیت</th>
                        <th class="p-4 text-left">عملیات</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100 text-gray-700 text-sm">
                    @forelse ($files as $file)
                        <tr class="hover:bg-gray-50 transition">
                            <td class="p-4">
                                @if($file->file_banner)
                                    <img src="{{ $file->file_banner }}" alt="Banner" class="w-12 h-12 rounded object-cover border" onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%22100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%231e293b%22/%3E%3Ctext x=%2250%25%22 y=%2255%25%22 font-size=%2232%22 fill=%22%23fff%22 text-anchor=%22middle%22 dominant-baseline=%22central%22%3E📦%3C/text%3E%3C/svg%3E'">
                                @else
                                    <div class="w-12 h-12 bg-gray-100 rounded flex items-center justify-center text-lg border">📦</div>
                                @endif
                            </td>
                            <td class="p-4">
                                <div class="font-semibold">{{ $file->user->first_name ?? 'کاربر نامشخص' }} {{ $file->user->last_name ?? '' }}</div>
                                <div class="text-xs text-blue-500" dir="ltr">{{ $file->user->username ? '@'.$file->user->username : 'ID: '.$file->user_id }}</div>
                            </td>
                            <td class="p-4 max-w-xs">
                                <div class="font-bold text-gray-800">{{ $file->file_name }}</div>
                                <div class="text-xs text-gray-500 mt-1 line-clamp-2" title="{{ $file->description }}">{{ $file->description }}</div>
                                <div class="text-xs text-blue-600 mt-1 font-semibold">دسته‌بندی: {{ $file->categories }}</div>
                            </td>
                            <td class="p-4">
                                <div>💵 {{ number_format($file->price) }} تومان</div>
                                <div class="text-amber-600">⭐️ {{ number_format($file->star_price) }} ستاره</div>
                            </td>
                            <td class="p-4">
                                @if($file->files->count() > 0)
                                    <div class="space-y-1">
                                        @foreach($file->files as $f)
                                            <div>
                                                @if(filter_var($f->file_id, FILTER_VALIDATE_URL))
                                                    <a href="{{ $f->file_id }}" target="_blank" class="text-blue-600 hover:underline inline-flex items-center gap-1">
                                                        🔗 دانلود فایل ({{ $f->file_type }})
                                                    </a>
                                                @else
                                                    <span class="text-gray-500 inline-flex items-center gap-1">
                                                        🤖 آی‌دی تلگرام ({{ $f->file_type }}): <code class="bg-gray-100 px-1 rounded text-xs">{{ Str::limit($f->file_id, 15) }}</code>
                                                    </span>
                                                @endif
                                            </div>
                                        @endforeach
                                    </div>
                                @else
                                    <span class="text-red-500 font-semibold text-xs bg-red-50 px-2 py-1 rounded">⚠️ بدون فایل پیوست</span>
                                @endif
                            </td>
                            <td class="p-4">
                                @if ($file->status === 'approved')
                                    <span class="bg-green-100 text-green-800 text-xs font-bold px-2.5 py-1 rounded-full">✅ تایید شده</span>
                                @elseif ($file->status === 'published')
                                    <span class="bg-blue-100 text-blue-800 text-xs font-bold px-2.5 py-1 rounded-full">🌐 منتشر شده</span>
                                @elseif ($file->status === 'rejected')
                                    <span class="bg-red-100 text-red-800 text-xs font-bold px-2.5 py-1 rounded-full" title="{{ $file->rejection_reason }}">❌ رد شده</span>
                                @elseif ($file->status === 'revision')
                                    <span class="bg-yellow-100 text-yellow-800 text-xs font-bold px-2.5 py-1 rounded-full" title="{{ $file->rejection_reason }}">⚠️ نیاز به اصلاح</span>
                                @else
                                    <span class="bg-gray-100 text-gray-800 text-xs font-bold px-2.5 py-1 rounded-full">⏳ در انتظار تایید</span>
                                @endif
                            </td>
                            <td class="p-4 text-left">
                                @if ($file->status === 'pending')
                                    <div class="flex justify-end gap-2">
                                        <form action="{{ route('admin.store.approve', $file->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="bg-green-600 hover:bg-green-700 text-white text-xs font-bold py-1.5 px-3 rounded shadow-sm">
                                                تایید
                                            </button>
                                        </form>
                                        <button @click="rejectModalOpen = true; rejectUrl = '{{ route('admin.store.reject', $file->id) }}'; rejectFileName = '{{ $file->file_name }}';"
                                                class="bg-red-600 hover:bg-red-700 text-white text-xs font-bold py-1.5 px-3 rounded shadow-sm">
                                            رد فایل
                                        </button>
                                    </div>
                                @else
                                    <span class="text-xs text-gray-400">بدون اقدام</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center p-8 text-gray-400">هیچ فایلی برای نمایش وجود ندارد.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($files->hasPages())
            <div class="p-4 border-t">
                {{ $files->links() }}
            </div>
        @endif
    </div>

    <!-- مودال رد فایل -->
    <div x-show="rejectModalOpen" class="fixed inset-0 z-50 flex items-center justify-center overflow-auto bg-black bg-opacity-50" x-cloak>
        <div class="bg-white rounded-xl shadow-xl max-w-md w-full p-6 mx-4" @click.away="rejectModalOpen = false">
            <h3 class="text-lg font-bold text-gray-800 mb-2">❌ رد فایل ارسالی</h3>
            <p class="text-sm text-gray-500 mb-4">
                شما در حال رد کردن فایل <span class="font-bold text-gray-700" x-text="rejectFileName"></span> هستید. لطفاً علت رد فایل را بنویسید:
            </p>
            
            <form :action="rejectUrl" method="POST" class="space-y-4">
                @csrf
                <textarea name="rejection_reason" rows="4" class="w-full border rounded-lg p-3 text-sm focus:ring focus:ring-blue-200" required placeholder="مثال: کیفیت فایل پایین است یا فایل پیوست ندارد..."></textarea>
                
                <div class="flex justify-end gap-3">
                    <button type="button" @click="rejectModalOpen = false" class="bg-gray-100 hover:bg-gray-200 text-gray-800 font-bold py-2 px-4 rounded-lg text-sm">
                        انصراف
                    </button>
                    <button type="submit" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-lg text-sm shadow-md">
                        ثبت رد فایل
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection