@extends('layouts.admin')

@section('content_header')
    <h5 class="m-0">Referral Settings</h5>
@endSection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Configure Referral Point Provisioning</h3>
                    </div>

                    <form action="{{ route('admin.referrer_code_logs.settings.update') }}" method="POST">
                        @csrf

                        <div class="card-body">
                            @if (session('success'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('success') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif

                            @if ($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <ul class="mb-0">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif

                            <div class="form-group">
                                <label for="provision_mode">Point Provisioning Mode</label>
                                <select name="provision_mode" id="provision_mode" class="form-control" required>
                                    <option value="both"
                                        {{ old('provision_mode', $settings['provision_mode']) == 'both' ? 'selected' : '' }}>
                                        Provision points to both referrer and referral
                                    </option>
                                    <option value="referrer_only"
                                        {{ old('provision_mode', $settings['provision_mode']) == 'referrer_only' ? 'selected' : '' }}>
                                        Provision points to referrer only
                                    </option>
                                    <option value="referee_only"
                                        {{ old('provision_mode', $settings['provision_mode']) == 'referee_only' ? 'selected' : '' }}>
                                        Provision points to referral only
                                    </option>
                                </select>
                                <small class="form-text text-muted">
                                    Select who should receive points when a referral code is used.
                                </small>
                            </div>

                            <div class="form-group">
                                <label for="referrer_points">Referrer Points</label>
                                <input type="number" name="referrer_points" id="referrer_points" class="form-control"
                                    value="{{ old('referrer_points', $settings['referrer_points']) }}" min="1"
                                    max="10000" required>
                                <small class="form-text text-muted">
                                    Number of points awarded to the person who owns the referral code.
                                </small>
                            </div>

                            <div class="form-group">
                                <label for="referee_points">Referee Points</label>
                                <input type="number" name="referee_points" id="referee_points" class="form-control"
                                    value="{{ old('referee_points', $settings['referee_points']) }}" min="1"
                                    max="10000" required>
                                <small class="form-text text-muted">
                                    Number of points awarded to the person who used the referral code.
                                </small>
                            </div>

                            <div class="form-group">
                                <label for="general_code_use_cap">General Code Use Cap</label>
                                <input type="number" name="general_code_use_cap" id="general_code_use_cap"
                                    class="form-control"
                                    value="{{ old('general_code_use_cap', $settings['general_code_use_cap']) }}"
                                    min="0" required>
                                <small class="form-text text-muted">
                                    Maximum number of times a single referral code can be used. Set to 0 for unlimited.
                                </small>
                            </div>

                            <div class="alert alert-info">
                                <strong>Note:</strong>
                                <ul class="mb-0 mt-2">
                                    <li><strong>Both:</strong> Both the referrer and referee will receive their respective
                                        points.</li>
                                    <li><strong>Referrer only:</strong> Only the person who owns the referral code receives
                                        points.</li>
                                    <li><strong>Referral only:</strong> Only the person who used the referral code receives
                                        points.</li>
                                </ul>
                            </div>
                        </div>

                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Save Settings
                            </button>
                            <a href="{{ route('admin.referrer_code_logs.index') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left"></i> Back to Referral Logs
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endSection

@section('script')
    @parent
    <script>
        $(document).ready(function() {
            const provisionModeSelect = $('#provision_mode');
            const referrerPointsGroup = $('#referrer_points').closest('.form-group');
            const refereePointsGroup = $('#referee_points').closest('.form-group');

            function updatePointFieldsVisibility() {
                const mode = provisionModeSelect.val();

                if (mode === 'both') {
                    referrerPointsGroup.show();
                    refereePointsGroup.show();
                } else if (mode === 'referrer_only') {
                    referrerPointsGroup.show();
                    refereePointsGroup.hide();
                } else if (mode === 'referee_only') {
                    referrerPointsGroup.hide();
                    refereePointsGroup.show();
                }
            }

            // Initialize on page load
            updatePointFieldsVisibility();

            // Update when dropdown changes
            provisionModeSelect.on('change', updatePointFieldsVisibility);
        });
    </script>
@endSection