@extends('layouts.admin')
@section('title', 'Commission Settings')
@section('page-title', 'Referral Commission Settings')
@section('content')
<div class="max-w-xl">
    <div class="bg-white rounded-xl shadow p-6">
        <p class="text-gray-500 text-sm mb-6">Set the percentage commissions earned by referrers. These apply to both plan purchases and survey completions across 2 levels.</p>
        <form action="{{ route('admin.referrals.settings.update') }}" method="POST" class="space-y-6">
            @csrf
            <div>
                <h3 class="font-bold text-gray-800 mb-3"><i class="fas fa-crown text-yellow-500 mr-2"></i>Plan Purchase Commissions</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Level 1 Commission (%)</label>
                        <input type="number" name="plan_level1_commission" step="0.01" min="0" max="100"
                            value="{{ old('plan_level1_commission', $settings->plan_level1_commission) }}"
                            class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400" required>
                        <p class="text-xs text-gray-400 mt-1">Direct referrer earns this %</p>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Level 2 Commission (%)</label>
                        <input type="number" name="plan_level2_commission" step="0.01" min="0" max="100"
                            value="{{ old('plan_level2_commission', $settings->plan_level2_commission) }}"
                            class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400" required>
                        <p class="text-xs text-gray-400 mt-1">Grandparent referrer earns this %</p>
                    </div>
                </div>
            </div>
            <div>
                <h3 class="font-bold text-gray-800 mb-3"><i class="fas fa-tasks text-green-500 mr-2"></i>Survey Completion Commissions</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Level 1 Commission (%)</label>
                        <input type="number" name="survey_level1_commission" step="0.01" min="0" max="100"
                            value="{{ old('survey_level1_commission', $settings->survey_level1_commission) }}"
                            class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400" required>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Level 2 Commission (%)</label>
                        <input type="number" name="survey_level2_commission" step="0.01" min="0" max="100"
                            value="{{ old('survey_level2_commission', $settings->survey_level2_commission) }}"
                            class="w-full border border-gray-300 rounded-lg px-4 py-2.5 focus:ring-2 focus:ring-indigo-400" required>
                    </div>
                </div>
            </div>
            <div class="bg-blue-50 rounded-lg p-4 text-sm text-blue-700">
                <i class="fas fa-info-circle mr-2"></i>Current defaults: Plan L1=10%, L2=5% | Survey L1=5%, L2=2%
            </div>
            <button type="submit" class="bg-indigo-600 text-white px-6 py-2.5 rounded-lg font-semibold hover:bg-indigo-700 transition">Save Commission Settings</button>
        </form>
    </div>
</div>
@endsection