@extends('livewire.forms.input-template')

@section('auto-update')
@parent
      <ul>
        @forelse($inputsData[$key][$input->id]['items'] as $k=>$item)
            <li class="mb-2">
                <div class="row">
                    <div class="col-md-7">
                        <div class="form-check">
                            <input wire:model.live="inputsData.{{ $key }}.{{ $input->id }}.checked"
                                class="form-check-input" type="checkbox" value="{{ $item }}">
                            <label class="form-check-label">
                                {{ $item }}
                            </label>
                        </div>
                    </div>
                </div>
            </li>
        @empty
            <p>
                Empty
            </p>
        @endforelse
    </ul>
@overwrite

@section('pending')
@parent
    <ul>
        @forelse($inputsData[$key][$input->id]['items'] as $k=>$item)
            <li class="mb-2">
                <div class="row">
                    <div class="col-md-7">
                        <div class="form-check">
                            <input wire:model="inputsData.{{ $key }}.{{ $input->id }}.checked"
                                class="form-check-input" type="checkbox" value="{{ $item }}">
                            <label class="form-check-label" for="flexRadioDefault1">
                                {{ $item }}
                            </label>
                        </div>
                    </div>
                </div>
            </li>
        @empty
            <p>
                Empty
            </p>
        @endforelse
    </ul>
@overwrite
@isset($list)
    @section('render')
        <ul class="list-group">
            @foreach ($list['checked'] as $element)
                <li class="list-group-item">{{ $element }}</li>
            @endforeach
        </ul>
    @overwrite

    @section('display')
        <ul class="list-group">
            @foreach ($list['checked'] as $element)
                <li class="list-group-item">{{ $element }}</li>
            @endforeach
        </ul>
    @overwrite

    @section('other')
        @if ($input->value != null)
            @php $list=json_decode($input->value,true) @endphp
            @forelse ($list['checked'] as $element)
                <p>{{ $element }}</p>
            @empty
                No checked elements
            @endforelse
        @endif
    @overwrite
@endisset