@include('layouts.main')

<div class="container">
    <h2 style="text-align: center">Stats Label</h2>
    <form method="POST" action="{{ url('/stats-label-save')}}">
        <!-- Radio Buttons -->
        <div class="mb-3">
            <label class="form-label" style="font-weight: bold">Status</label>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="is_active" value="1" @if($model->is_active != 0){{"Checked"}}@endif>
                <label class="form-check-label" for="option1">
                    Enabled
                </label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="radio" name="is_active" value="0" @if($model->is_active == 0){{"Checked"}}@endif>
                <label class="form-check-label" for="option2">
                    Disabled
                </label>
            </div>
        </div>
        <div class="mb-3">
            <label for="field2" class="form-label" style="font-weight: bold">Disclaimer (English)</label>
            <input type="text" class="form-control" id="disclaimer_en" name="disclaimer_en" placeholder="Disclaimer (English)" value="@if(!empty($model->disclaimer_en)){{$model->disclaimer_en}}@endif">
        </div>
        <div class="mb-3">
            <label for="field2" class="form-label" style="font-weight: bold">Disclaimer (Arabic)</label>
            <input type="text" class="form-control" id="disclaimer_ar" name="disclaimer_ar" placeholder="Disclaimer (Arabic)" value="@if(!empty($model->disclaimer_ar)){{$model->disclaimer_ar}}@endif">
        </div>
        <!-- Submit Button -->
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</div>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

<script>
    function showFields(optionId) {
        // Hide all fields first
        document.getElementById('option1Fields').classList.add('hidden');
        document.getElementById('option2Fields').classList.add('hidden');

        // Show the selected option's fields
        document.getElementById(optionId).classList.remove('hidden');
    }
</script>