@php
    $bulkProfile = $bulkProfile ?? false;
    $selectedBuilding = old('gedung_id', $list->gedung_id ?? '');
    $selectedSet = old('parameter_set_id', $list->parameter_set_id ?? '');
    $selectedLines = $bulkProfile
        ? array_map('strval', (array) old('line_id', []))
        : [(string) old('line_id', $list->line_id ?? '')];
    $selectedGroups = $bulkProfile
        ? (array) old('item_group', [])
        : [(string) old('item_group', $list->item_group ?? '')];
@endphp

<div class='row'>
    <div class='col-md-6'>
        <div class='form-group'>
            <label class='form-control-label' for='parameter_set_id'>
                Parameter Set <span class='text-danger'>*</span>
            </label>
            <select class='form-select custom-select' id='parameter_set_id' name='parameter_set_id' required>
                <option value=''>Pilih Parameter Set</option>
            </select>
            @error('parameter_set_id')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class='col-md-6'>
        <div class='form-group'>
            <label class='form-control-label' for='gedung_id'>
                Gedung <span class='text-danger'>*</span>
            </label>
            <select class='form-select custom-select' id='gedung_id' name='gedung_id' required disabled>
                <option value=''>Pilih Parameter Set terlebih dahulu</option>
            </select>
            <p class='text-secondary text-xs pt-1 px-1 mb-0'>
                Pilihan mengikuti gedung yang sudah dihubungkan ke Parameter Set.
            </p>
            @error('gedung_id')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class='col-md-6'>
        <div class='form-group'>
            <label class='form-control-label' for='line_id'>
                Line {{ $bulkProfile ? '(bisa pilih lebih dari satu)' : '' }}
            </label>
            <select
                class='form-select custom-select {{ $bulkProfile ? 'select-multiple' : '' }}'
                id='line_id'
                name='line_id{{ $bulkProfile ? '[]' : '' }}'
                {{ $bulkProfile ? 'multiple' : '' }}
            >
            </select>
            <p class='text-secondary text-xs pt-1 px-1 mb-0'>
                Kosongkan jika profile berlaku untuk seluruh Line pada Gedung.
            </p>
            @error('line_id')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
            @error('line_id.*')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class='col-md-6'>
        <div class='form-group'>
            <label class='form-control-label' for='item_group'>
                Item Group <span class='text-danger'>*</span>
            </label>
            @if ($bulkProfile)
                <select
                    class='form-select custom-select select-multiple'
                    id='item_group'
                    name='item_group[]'
                    multiple
                    required
                    data-tags='true'
                    data-placeholder='Ketik lalu Enter, contoh: White'
                >
                    @foreach ($item_groups->merge($selectedGroups)->filter()->unique() as $group)
                        <option value='{{ $group }}' @selected(in_array((string) $group, $selectedGroups, true))>
                            {{ $group }}
                        </option>
                    @endforeach
                </select>
                <p class='text-secondary text-xs pt-1 px-1 mb-0'>
                    Bisa memilih data lama atau mengetik nama baru lalu tekan Enter.
                </p>
            @else
                <input
                    class='form-control'
                    id='item_group'
                    name='item_group'
                    type='text'
                    maxlength='100'
                    value='{{ $selectedGroups[0] ?? '' }}'
                    list='item_group_options'
                    placeholder='Contoh: White'
                    required
                >
                <datalist id='item_group_options'>
                    @foreach ($item_groups as $group)
                        <option value='{{ $group }}'>
                    @endforeach
                </datalist>
            @endif
            @error('item_group')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
            @error('item_group.*')
                <p class='text-danger text-xs pt-1'>{{ $message }}</p>
            @enderror
        </div>
    </div>
</div>

@if ($bulkProfile)
    <div class='card shadow-none border mt-3'>
        <div class='card-header pb-0'>
            <h6 class='text-uppercase text-xs font-weight-bolder text-info'>
                <i class='fas fa-list-check me-1'></i> Preview Profile yang Dibuat
            </h6>
        </div>
        <div class='card-body pt-2'>
            <div id='profile-preview' class='d-flex flex-wrap gap-2'>
                <span class='text-secondary text-sm'>Pilih Gedung, Parameter Set, Line, dan Item Group.</span>
            </div>
        </div>
    </div>
@endif