{{-- 入口車道、出口車道 GPIO --}}
<div class="form-group gpio">
    <label for="gpio0">GPIO 0</label>
    <select class="form-control" name="gpio0" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 5) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio0')
        <span id="gpio0-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio1">GPIO 1</label>
    <select class="form-control" name="gpio1" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 6) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio1')
        <span id="gpio1-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio2">GPIO 2</label>
    <select class="form-control" name="gpio2" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 7) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio2')
        <span id="gpio2-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio3">GPIO 3</label>
    <select class="form-control" name="gpio3" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 8) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio3')
        <span id="gpio3-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio18">GPIO 18</label>
    <select class="form-control" name="gpio18" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 3) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio18')
        <span id="gpio18-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio19">GPIO 19</label>
    <select class="form-control" name="gpio19" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 4) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio19')
        <span id="gpio19-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio20">GPIO 20</label>
    <select class="form-control" name="gpio20" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 1) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio20')
        <span id="gpio20-error" class="validateError">{{ $message }}</span>
    @enderror
</div>
<div class="form-group gpio">
    <label for="gpio21">GPIO 21</label>
    <select class="form-control" name="gpio21" disabled>
        @foreach (config('webCommonData.GPIONameDropdown') as $id => $name)
            <option value="{{ $id }}" @if ($id == 2) selected @endif>{{ $name }}</option>
        @endforeach
    </select>
    @error('gpio21')
        <span id="gpio21-error" class="validateError">{{ $message }}</span>
    @enderror
</div>

{{-- 特殊車位計數 GPIO --}}
<div id="gpioCounterGroup">
    @foreach (config('webCommonData.gpioCounterPins') as $pin => $gpioLabel)
        <div class="font-weight-bold mb-2">{{ $gpioLabel }}</div>
        <div class="card mb-3">
            <div class="card-body py-3">
                <input type="hidden" id="gpio_counter_pin_{{ $pin }}" name="gpio_counter[{{ $pin }}][pin]" value="{{ old('gpio_counter.' . $pin . '.pin', $pin) }}">
                <div class="form-group mb-2">
                    <label class="mb-1" for="gpio_counter_gpi_name_{{ $pin }}">車位名稱</label>
                    <input type="text" class="form-control" id="gpio_counter_gpi_name_{{ $pin }}" name="gpio_counter[{{ $pin }}][gpi_name]" placeholder="請輸入車位名稱" value="{{ old('gpio_counter.' . $pin . '.gpi_name', $gpioSetting['gpi' . $pin . '_name'] ?? '') }}">
                    @error('gpio_counter.' . $pin . '.gpi_name')
                        <span id="gpio_counter_gpi_name_{{ $pin }}-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group mb-0">
                    <label class="mb-1" for="gpio_counter_space_type_{{ $pin }}">特殊車位</label>
                    <select class="form-control" id="gpio_counter_space_type_{{ $pin }}" name="gpio_counter[{{ $pin }}][space_type]">
                        <option value="0" @if ((string) old('gpio_counter.' . $pin . '.space_type', $gpioSetting['gpi' . $pin] ?? '0') === '0') selected @endif>無</option>
                        @foreach ($spaceTypes ?? [] as $typeId => $typeName)
                            <option value="{{ $typeId }}" @if ((string) old('gpio_counter.' . $pin . '.space_type', $gpioSetting['gpi' . $pin] ?? '0') === (string) $typeId) selected @endif>{{ $typeName }}</option>
                        @endforeach
                    </select>
                    @error('gpio_counter.' . $pin . '.space_type')
                        <span id="gpio_counter_space_type_{{ $pin }}-error" class="validateError">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
    @endforeach
</div>