@extends('layouts.admin')

@section('page-title', 'Subscription Setting')

@section('content')
<div class="space-y-6">
    <div>
        <h2 class="text-2xl font-bold text-gray-900">Subscription Setting</h2>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {{-- Left Column: Subscription Method --}}
        <div class="bg-white rounded-xl shadow-sm border overflow-hidden">
            <div class="px-6 py-4 border-b">
                <h4 class="text-base font-semibold text-gray-800">Seller Subscription Setting</h4>
            </div>
            <div class="p-6">
                <form action="{{ route('admin.settings.update') }}" method="POST">
                    @csrf
                    <div class="space-y-4">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-2">Subscription Method</label>
                            <select name="subscription_method" class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
                                <option value="1" {{ \App\Models\Setting::get('subscription_method', 1) == 1 ? 'selected' : '' }}>Adjustable</option>
                                <option value="0" {{ \App\Models\Setting::get('subscription_method', 1) == 0 ? 'selected' : '' }}>Not Adjustable</option>
                            </select>
                        </div>
                        <div class="flex justify-end pt-2">
                            <button type="submit" class="px-6 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 text-sm font-medium transition">Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        {{-- Right Column: Info Cards --}}
        <div class="space-y-6">
            {{-- Method Info --}}
            <div class="bg-white rounded-xl shadow-sm border overflow-hidden">
                <div class="px-6 py-4 border-b">
                    <h4 class="text-base font-semibold text-gray-800">Method Info</h4>
                </div>
                <div class="p-6">
                    <p class="text-sm text-gray-600 mb-3">Type Setting:</p>
                    <ul class="list-decimal list-inside space-y-3 text-sm text-gray-600">
                        <li>
                            <strong>Adjustable</strong>: If this method is selected, seller can choose any package from the list but the previous one will be canceled and the price will be adjusted according to the package and will be refunded to wallet.
                            <br><br>
                            <span class="text-xs text-gray-500">Example: Premium package costs <strong>$750</strong> for <strong>365 days</strong>. If canceled at <strong>180th day</strong>, then <strong>$379.25</strong> (750/365 = 2.05 × 185 = 379.25) will be refunded to wallet.</span>
                        </li>
                        <li>
                            <strong>Not Adjustable</strong>: If this method is selected, choosing any package will expire the previous one and the price will not be adjusted or refunded to wallet.
                        </li>
                    </ul>
                </div>
            </div>

            {{-- Cron Job Setting --}}
            <div class="bg-white rounded-xl shadow-sm border overflow-hidden">
                <div class="px-6 py-4 border-b">
                    <h4 class="text-base font-semibold text-gray-800">Cron Job Setting</h4>
                </div>
                <div class="p-6">
                    <p class="text-sm text-gray-600 mb-3">For managing auto expiration of subscription/notify the sellers, you need to set cron job. Add the following command to your cron job:</p>
                    <div class="bg-gray-900 text-green-400 p-3 rounded-lg text-xs font-mono mb-4">
                        * * * * * cd /path-to-your-project && php artisan schedule:run >> /dev/null 2>&1
                    </div>
                    <div class="flex items-center gap-3">
                        <a href="https://laravel.com/docs/scheduling" target="_blank" class="text-sm text-indigo-600 hover:underline">For More Info Click Here</a>
                        <a href="{{ route('admin.vendor-packages.cron') }}" class="px-3 py-1.5 bg-indigo-600 text-white text-xs rounded-lg hover:bg-indigo-700 transition">Run Cron Manually</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection