@extends('layouts.admin')

@section('title', 'Referral Settings')
@section('page-title', 'Referral System Settings')

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card shadow">
            <div class="card-header bg-primary text-white py-3">
                <h5 class="mb-0">Referral & Commission Settings</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.referral.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label for="referral_commission_user" class="form-label">
                                    User Referral Commission (%)
                                </label>
                                <input type="number" step="0.01" min="0" max="100" 
                                       class="form-control @error('referral_commission_user') is-invalid @enderror" 
                                       id="referral_commission_user" name="referral_commission_user" 
                                       value="{{ old('referral_commission_user', $settings->referral_commission_user) }}" 
                                       required>
                                @error('referral_commission_user')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">
                                    Commission percentage for user referrals
                                </small>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label for="referral_commission_reseller" class="form-label">
                                    Reseller Referral Commission (%)
                                </label>
                                <input type="number" step="0.01" min="0" max="100" 
                                       class="form-control @error('referral_commission_reseller') is-invalid @enderror" 
                                       id="referral_commission_reseller" name="referral_commission_reseller" 
                                       value="{{ old('referral_commission_reseller', $settings->referral_commission_reseller) }}" 
                                       required>
                                @error('referral_commission_reseller')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">
                                    Commission percentage for reseller referrals
                                </small>
                            </div>
                        </div>
                    </div>

                    <div class="form-group mb-3">
                        <label for="referral_bonus_amount" class="form-label">
                            Referral Bonus Amount (৳)
                        </label>
                        <input type="number" step="0.01" min="0" 
                               class="form-control @error('referral_bonus_amount') is-invalid @enderror" 
                               id="referral_bonus_amount" name="referral_bonus_amount" 
                               value="{{ old('referral_bonus_amount', $settings->referral_bonus_amount) }}" 
                               required>
                        @error('referral_bonus_amount')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="form-text text-muted">
                            Bonus amount credited to both referrer and referred user
                        </small>
                    </div>

                    <div class="form-group mb-4">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="referral_system_active" 
                                   id="referral_system_active" value="1" 
                                   {{ old('referral_system_active', $settings->referral_system_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="referral_system_active">
                                Enable Referral System
                            </label>
                        </div>
                        <small class="form-text text-muted">
                            When enabled, users can refer others and earn commissions
                        </small>
                    </div>

                    <hr>

                    <h6 class="mb-3">Commission Payout Settings</h6>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label for="min_withdrawal_amount" class="form-label">
                                    Minimum Withdrawal Amount (৳)
                                </label>
                                <input type="number" step="0.01" min="0" 
                                       class="form-control @error('min_withdrawal_amount') is-invalid @enderror" 
                                       id="min_withdrawal_amount" name="min_withdrawal_amount" 
                                       value="{{ old('min_withdrawal_amount', $settings->min_withdrawal_amount ?? 500) }}" 
                                       required>
                                @error('min_withdrawal_amount')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="form-group mb-3">
                                <label for="withdrawal_processing_fee" class="form-label">
                                    Withdrawal Processing Fee (%)
                                </label>
                                <input type="number" step="0.01" min="0" max="10" 
                                       class="form-control @error('withdrawal_processing_fee') is-invalid @enderror" 
                                       id="withdrawal_processing_fee" name="withdrawal_processing_fee" 
                                       value="{{ old('withdrawal_processing_fee', $settings->withdrawal_processing_fee ?? 2) }}" 
                                       required>
                                @error('withdrawal_processing_fee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="form-group mb-3">
                        <label for="withdrawal_methods" class="form-label">Withdrawal Methods</label>
                        <select class="form-control select2-multiple" id="withdrawal_methods" 
                                name="withdrawal_methods[]" multiple>
                            <option value="bank" {{ in_array('bank', old('withdrawal_methods', $settings->withdrawal_methods ?? [])) ? 'selected' : '' }}>Bank Transfer</option>
                            <option value="bkash" {{ in_array('bkash', old('withdrawal_methods', $settings->withdrawal_methods ?? [])) ? 'selected' : '' }}>bKash</option>
                            <option value="nagad" {{ in_array('nagad', old('withdrawal_methods', $settings->withdrawal_methods ?? [])) ? 'selected' : '' }}>Nagad</option>
                            <option value="rocket" {{ in_array('rocket', old('withdrawal_methods', $settings->withdrawal_methods ?? [])) ? 'selected' : '' }}>Rocket</option>
                        </select>
                        <small class="form-text text-muted">
                            Select available withdrawal methods for commission payout
                        </small>
                    </div>

                    <div class="alert alert-info">
                        <h6 class="alert-heading"><i class="fas fa-info-circle me-2"></i>How it works</h6>
                        <ul class="mb-0">
                            <li>Users get a unique referral code to share with others</li>
                            <li>When someone signs up using the referral code, both users get bonus credits</li>
                            <li>Referrers earn commission on their referrals' SMS purchases</li>
                            <li>Commissions can be withdrawn once they reach the minimum amount</li>
                        </ul>
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('admin.settings.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-2"></i>Back to Settings
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>Update Settings
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <!-- Current Referral Statistics -->
        <div class="card shadow mt-4">
            <div class="card-header bg-info text-white py-3">
                <h5 class="mb-0">Referral Statistics</h5>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-md-3 mb-3">
                        <div class="card bg-light">
                            <div class="card-body">
                                <h3 class="text-primary">{{ $stats['total_referrals'] }}</h3>
                                <p class="mb-0">Total Referrals</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="card bg-light">
                            <div class="card-body">
                                <h3 class="text-success">৳{{ number_format($stats['total_commission'], 2) }}</h3>
                                <p class="mb-0">Total Commission</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="card bg-light">
                            <div class="card-body">
                                <h3 class="text-warning">৳{{ number_format($stats['pending_commission'], 2) }}</h3>
                                <p class="mb-0">Pending Payout</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="card bg-light">
                            <div class="card-body">
                                <h3 class="text-info">{{ $stats['active_referrers'] }}</h3>
                                <p class="mb-0">Active Referrers</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    // Initialize Select2
    $('.select2-multiple').select2({
        placeholder: "Select withdrawal methods",
        allowClear: true
    });

    // Form validation
    $('#referral_commission_user, #referral_commission_reseller').on('input', function() {
        const value = parseFloat($(this).val());
        if (value > 100) {
            $(this).val(100);
            toastr.warning('Commission percentage cannot exceed 100%');
        }
    });
});
</script>
@endpush