@props(['zoningVariance' => '{}', 'label'])

<div class="col-md-12 mt-2">
    <label for="nameInput" class="form-label">{{ $label }}</label>
    <div class="input-group">
        <input type="text" class="form-control form-control-sm nameInput" placeholder="Enter Variance Process" name="" />
        <button type="button" class="btn btn-primary btn-sm add_zoning_process">Add</button>
    </div>
</div>
<div class="col-md-12 mt-3 nameListContainer">
    <ul class="list-group nameList">
        @php
            $zoningVariances = is_string($zoningVariance) ? json_decode($zoningVariance, true) : [];
            $zoningVariances = is_array($zoningVariances) ? $zoningVariances : [];
        @endphp

        @forelse ($zoningVariances as $variance)
            <li class="list-group-item">
                <input type="checkbox" name="zoning_variance_process_checkboxes[]" class="me-2" value="1"
                    @checked(old('zoning_variance_process_checkboxes', $variance['process_option'] ?? '') == '1')>
                {{ $variance['process_title'] ?? '' }}
                <input type="hidden" name="zoning_variance_process_title[]" value="{{ $variance['process_title'] ?? '' }}">
            </li>
        @empty
            <li class="list-group-item ">No zoning variances available.</li>
        @endforelse
    </ul>
</div>