Сгенерируйте HTML, чтобы отображать настраиваемые вопросы с правильным типом (текст, флажок, ...) и правильно добавьте требуемый атрибут

У меня есть форма для создания пользовательских вопросов. Для этого пользователю необходимо ввести вопрос (например, какой у вас телефон?), А также тип поля (текст, длинный текст, флажок, меню выбора, переключатель). Если пользователь выбирает поле флажка, выбирает меню или переключатель, ему также необходимо представить доступные параметры для вопроса.

В базе данных вопросы вставляются в таблицы questions и question_options, например:

Таблица вопросов:

id       question         type        conference_id
1          Text            text             1 
2        Checkbox         checkbox          1 
3          Radio           radio_btn        1 
4          select         select_menu       1 
5         textarea         long_text        1 
6           file             file           1 

Сводная таблица Registration_type_questions:

id registration_type_id   question_id  required
1         1                     1          1   
2         1                     2          1   
3         1                     3          0   
4         1                     4          0   
5         1                     5          0   
6         1                     6          1   

Параметры хранятся в таблице questions_options:

   id   question_id   value

    1          2        check1  
    2          2        check2  
    3          3        rad1    
    4          3        rad2    
    5          4        select1
    6          4        select2 

Затем в представлении, которое я хочу правильно отобразить в представлении registration.blade.php, входы (текст, переключатель, флажок, выбор, текстовое поле и входной файл) на основе типа, хранящегося в столбце «тип» таблицы вопросов. А также добавьте обязательный атрибут, если обязательный столбец в сводной таблице равен «1».

Когда вопрос имеет тип текста, переключателя, выбора, текстового поля или файла, он работает нормально, требуемый атрибут добавляется в поле формы.

Но он не работает должным образом с флажками, потому что в случае флажков, если вопрос относится к флажку типа и требуется вопрос, это должно означать, что пользователю необходимо ответить на этот вопрос, но не должно означать, что пользователю необходимо установить все флажки.

Проблема в том, что с помощью функции getHTMLInput () сгенерированный html для флажков требовался при каждом вводе флажка, и из-за этого пользователю необходимо проверять все флажки:

 <div class = "form-group">
    <label for = "participant_question">Checkbox</label>
    <div class = "form-check">
      <input type = "checkbox" name = "participant_question[]" value = "check1" class = "form-check-input" required = "">  
      <label class = "form-check-label" for = "exampleCheck1">check1</label>
    </div> 
    <div class = "form-check">
      <input type = "checkbox" name = "participant_question[]" value = "check2" class = "form-check-input" required = "">    
      <label class = "form-check-label" for = "exampleCheck1">check2</label>
    </div>

    <input type = "hidden" name = "participant_question_required[]" value = "1">
    <input type = "hidden" value = "2" name = "participant_question_id[]">
  </div>

Вы знаете, как решить эту проблему? Когда требуется настраиваемый вопрос, это должно означать, что вопрос является обязательным, поэтому пользователь должен установить хотя бы 1 флажок, но не должен означать, что пользователю необходимо установить все флажки.

А также знаете ли вы, как, если требуется специальный вопрос, добавить внутри каждого вопроса метку «<span class = "text-primary">*</span>»?

GetHtmlInput () в модели вопроса:

class Question extends Model
{
    protected $fillable = [
        'question', 'type', 'conference_id',
    ];

    public static $typeHasOptions = [
        'radio_btn',
        'select_menu',
        'checkbox'
    ];

    public function registration_type()
    {
        return $this->belongsToMany('App\RegistrationType', 'registration_type_questions')
            ->withPivot('required');
    }

    public function options()
    {
        return $this->hasMany('App\QuestionOption');
    }

    public function hasOptions()
    {
        return in_array($this->type, self::$typeHasOptions);
    }

    public function getHtmlInput($name = "", $options = "", $required = false, $class = "", $customtype = false) {

        $html = '';
        $html .= $customtype == 'select_menu' ? "<select name='participant_question' class='form-control' " . ($required ? " required" : "")
            . ">" : '';

        if (empty($options)) {
            switch ($customtype) {
                case "text":
                    $html .= " 
                    <input type='text' name='participant_question' class='form-control'" . ($required ? " required" : "")
                        . ">";
                    break;

                case "file":

                    $html .= " 
                    <input type='file' name='participant_question' class='form-control'" . ($required ? " required" : "") . ">";
                    break;

                case "long_text":
                    $html .= "
                <textarea name='participant_question' class='form-control' rows='3'" . ($required ? " required" : "") . ">"
                        . $name .
                        "</textarea>";

                    break;
            }
        } else {
            foreach ($options as $option) {
                switch ($customtype) {
                    case "checkbox":
                        $html .= " 
                <div class='form-check'>
                    <input type='checkbox' name='participant_question[]' value='" . $option->value . "' class='form-check-input'" . ($required ? " required" : "") . ">" .
                            '    <label class = "form-check-label" for = "exampleCheck1">' . $option->value . '</label>' .
                            "</div>";
                        break;
                    case "radio_btn":
                        $html .= " 
                <div class='form-check'>
                    <input type='radio' name='participant_question[]' value='" . $option->value . "' class='form-check-input'" . ($required ? " required" : "") . ">" .
                            '    <label class = "form-check-label" for = "exampleCheck1">' . $option->value . '</label>' .
                            "</div>";
                        break;
                    case "select_menu":
                        $html .= "<option value='" . $option->value . "'>" . $option->value . "</option>";
                        break;
                }
            }
        }
        $html .= $customtype == 'select_menu' ? "</select>" : '';

        return $html;
    }
}

Затем getHtmlInput () используется как:

@if ($allParticipants == 0)
    @foreach($selectedRtype['questions'] as $customQuestion)
        <div class = "form-group">
            <label for = "participant_question">{{$customQuestion->question}}</label>
            @if ($customQuestion->hasOptions() && in_array($customQuestion->type, ['checkbox', 'radio_btn', 'select_menu']))
                {!! $customQuestion->getHtmlInput(
                    $customQuestion->name,
                    $customQuestion->options,
                    ($customQuestion->pivot->required == '1'),
                    'form-control',
                    $customQuestion->type)
                !!}

            @else
                {!! $customQuestion->getHtmlInput(
                    $customQuestion->name,
                    [],
                    ($customQuestion->pivot->required == '1'),
                    'form-control',
                    $customQuestion->type)
                !!}
            @endif
            <input type = "hidden"
                   name = "participant_question_required[]"
                   value = "{{ $customQuestion->pivot->required }}">
            <input type = "hidden"
                   value = "{{ $customQuestion->id }}"
                   name = "participant_question_id[]"/>
        </div>
    @endforeach
@endif

Сгенерированный HTML с помощью getHTMLInput ():

<form method = "post" action = "">


  <div class = "form-group">
    <label for = "participant_question">Text</label>
    <input type = "text" name = "participant_question" class = "form-control" required = "">
    <input type = "hidden" name = "participant_question_required[]" value = "1">
    <input type = "hidden" value = "1" name = "participant_question_id[]">
  </div>

  <div class = "form-group">
    <label for = "participant_question">Checkbox</label>
    <div class = "form-check">
      <input type = "checkbox" name = "participant_question[]" value = "check1" class = "form-check-input" required = "">  
      <label class = "form-check-label" for = "exampleCheck1">check1</label>
    </div> 
    <div class = "form-check">
      <input type = "checkbox" name = "participant_question[]" value = "check2" class = "form-check-input" required = "">    
      <label class = "form-check-label" for = "exampleCheck1">check2</label>
    </div>

    <input type = "hidden" name = "participant_question_required[]" value = "1">
    <input type = "hidden" value = "2" name = "participant_question_id[]">
  </div>

  <div class = "form-group">
    <label for = "participant_question">Radio</label>
    <div class = "form-check">
      <input type = "radio" name = "participant_question[]" value = "rad1" class = "form-check-input">  
      <label class = "form-check-label" for = "exampleCheck1">rad1</label>
    </div> 
    <div class = "form-check">
      <input type = "radio" name = "participant_question[]" value = "rad2" class = "form-check-input">   
      <label class = "form-check-label" for = "exampleCheck1">rad2</label>
    </div>
    <input type = "hidden" name = "participant_question_required[]" value = "0">
    <input type = "hidden" value = "3" name = "participant_question_id[]">
  </div>

  <div class = "form-group">
    <label for = "participant_question">select</label>
    <select name = "participant_question" class = "form-control">
      <option value = "select1">select1</option>
      <option value = "select2">select2</option>
    </select>

    <input type = "hidden" name = "participant_question_required[]" value = "0">
    <input type = "hidden" value = "4" name = "participant_question_id[]">
  </div>

  <div class = "form-group">
    <label for = "participant_question">textarea</label>
    <textarea name = "participant_question" class = "form-control" rows = "3"></textarea>
    <input type = "hidden" name = "participant_question_required[]" value = "0">
    <input type = "hidden" value = "5" name = "participant_question_id[]">
  </div>

  <div class = "form-group">
    <label for = "participant_question">file</label>
    <input type = "file" name = "participant_question" class = "form-control" required = "">
    <input type = "hidden" name = "participant_question_required[]" value = "1">
    <input type = "hidden" value = "6" name = "participant_question_id[]">
  </div>

  <input type = "submit" class = "btn btn-primary" value = "Store">
</form>

Кроме того, при проверке этой формы в валидаторе HTML, таком как валидатор w3c, появляются ошибки:

• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В тексте
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "Checkb"
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "check1"
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "check2"
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "рад1
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "рад2
• Атрибут for элемента label должен относиться к элементу управления не скрытой формы. В "выберите"
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "текстаре"
• Атрибут for элемента label должен относиться к элементу управления нескрытой формы. В "файле