@props(['project' => null, 'technologies'])

@php
    $selectedTechIds = old('technology_ids', $project?->technologies->pluck('id')->all() ?? []);
@endphp

{{-- --- Technology Stack (Section 9.10/9.25) --------------------------- --}}
<div class="admin-card p-4 mb-4">
    <h2 class="h6 mb-3">Technology Stack</h2>

    <div class="mb-3">
        <label class="form-label">Existing Technologies</label>
        <div class="d-flex flex-wrap gap-2">
            @foreach($technologies as $technology)
                <div class="form-check form-check-inline border rounded-pill px-3 py-1" style="border-color: var(--color-border) !important;">
                    <input
                        type="checkbox"
                        name="technology_ids[]"
                        id="technology_{{ $technology->id }}"
                        value="{{ $technology->id }}"
                        class="form-check-input"
                        @checked(in_array($technology->id, $selectedTechIds))
                    >
                    <label for="technology_{{ $technology->id }}" class="form-check-label small">{{ $technology->name }}</label>
                </div>
            @endforeach
        </div>
    </div>

    <div class="mb-0">
        <label for="new_technologies" class="form-label">Add New Technologies <span class="text-muted">(comma-separated)</span></label>
        <input type="text" name="new_technologies" id="new_technologies" class="form-control" value="{{ old('new_technologies') }}" placeholder="e.g. Stripe API, Redis, Meilisearch">
        <div class="form-text">New technologies are added to the list above automatically and can be reused on future projects.</div>
    </div>
</div>