@props(['reZoningVariance' => '{}', '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_re_zoning_process">Add</button>
    </div>
</div>
<div class="col-md-12 mt-3 nameListContainer">
    <ul class="list-group nameList">

        @php

        $reZoningVariance = is_string($reZoningVariance) ? json_decode($reZoningVariance, true) : [];
        $reZoningVariance = is_array($reZoningVariance) ? $reZoningVariance : [];
        @endphp

        @forelse (array_reverse($reZoningVariance) 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
        @endforelse
    </ul>
</div>