@section('content')
    
    <script>
        let index = 1;
        let title = `Question ${index}`;
    </script>

    <div class="question-block" data-question-index="${index}">

        <div class="divider divider-success">
            <div class="divider-text text-success">${title}</div>
        </div>

        <div class="col-md-6 mb-3">
            <label>${title}</label>
            <input type="text" name="questions[${index}][title]" class="form-control" />
        </div>

        <div class="col-md-3 mb-2">
            <label>&nbsp;</label><br>
            <span class="btn btn-danger delete-ques" data-id="${index}">Delete ${title}</span>
        </div>

        <div class="options">

            <!-- Option 1 -->
            <div class="row mb-2">
                <div class="col-md-4">
                    <input type="text" name="questions[${index}][options][]" class="form-control"
                        placeholder="Option 1" />
                </div>
                <div class="col-md-2">
                    <select name="questions[${index}][is_true][]" class="form-select">
                        <option value="0">false</option>
                        <option value="1">true</option>
                    </select>
                </div>
            </div>

            <!-- Option 2 -->
            <div class="row mb-2">
                <div class="col-md-4">
                    <input type="text" name="questions[${index}][options][]" class="form-control"
                        placeholder="Option 2" />
                </div>
                <div class="col-md-2">
                    <select name="questions[${index}][is_true][]" class="form-select">
                        <option value="0">false</option>
                        <option value="1">true</option>
                    </select>
                </div>
            </div>

        </div>

        <div class="col-md-4 mb-3">
            <button type="button" class="btn btn-info btn-sm add-new-option" data-question-index="${index}">
                Add New Option
            </button>
        </div>

    </div>
@endsection