{{--
    Formulário "Dados da vaga" — $vaga com chaves: role, salary, hide_company, hiring, contract,
    modality, experience_level, neighborhood, workload, total, filled, description, required_skills,
    optional_skills, benefits, other_info

    Opcional: $vacancyIndex (int) — prefixa campos como vacancies[0][role] (cadastro de empresa)
--}}
@php
    $v = is_array($vaga ?? null) ? $vaga : [];
    $opts = is_array($formOptions ?? null) ? $formOptions : [];
    $vacancyIndex = isset($vacancyIndex) ? (int) $vacancyIndex : null;
    $idSuffix = $vacancyIndex !== null ? '_' . $vacancyIndex : '';
    $field = static function (string $name) use ($vacancyIndex): string {
        return $vacancyIndex !== null ? "vacancies[{$vacancyIndex}][{$name}]" : $name;
    };
    $oldField = static function (string $name) use ($vacancyIndex): string {
        return $vacancyIndex !== null ? "vacancies.{$vacancyIndex}.{$name}" : $name;
    };
    $selectedRole = old($oldField('role'), $v['role'] ?? '');
    $selectedSalary = old($oldField('salary'), $v['salary'] ?? '');
    $selectedContract = old($oldField('contract'), $v['contract'] ?? '');
    $selectedModality = old($oldField('modality'), $v['modality'] ?? '');
    $selectedExperience = old($oldField('experience_level'), $v['experience_level'] ?? '');
    $selectedNeighborhood = old($oldField('neighborhood'), $v['neighborhood'] ?? '');
    $selectedWorkload = old($oldField('workload'), $v['workload'] ?? '');
    $isSelected = static function (mixed $selected, array $option): bool {
        $id = (string) data_get($option, 'id', '');
        $name = (string) data_get($option, 'name', '');

        return (string) $selected === $id
            || mb_strtolower(trim((string) $selected)) === mb_strtolower(trim($name));
    };
@endphp

<div class="cad-vaga-card mb-4 vaga-entry">
    <span class="badge mb-3 cad-vaga-badge">Dados da vaga</span>

    <div class="row">
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_role{{ $idSuffix }}">Cargo</label>
            <select class="form-select" name="{{ $field('role') }}" id="vaga_role{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['occupations'] ?? []) as $occupation)
                    @php $name = (string) data_get($occupation, 'name', ''); @endphp
                    <option value="{{ data_get($occupation, 'id') }}" @selected($isSelected($selectedRole, $occupation))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_salary{{ $idSuffix }}">Salário</label>
            <select class="form-select" name="{{ $field('salary') }}" id="vaga_salary{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['salary_ranges'] ?? []) as $salaryRange)
                    @php $name = (string) data_get($salaryRange, 'name', ''); @endphp
                    <option value="{{ data_get($salaryRange, 'id') }}" @selected($isSelected($selectedSalary, $salaryRange))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-3">
            <span class="form-label small fw-semibold d-block">Esconder nome da empresa</span>
            <p class="text-muted mb-2" style="font-size:0.78rem; line-height:1.4;">
                <i class="bi bi-eye-slash me-1"></i>Quando ativado, o nome da empresa será substituído por <strong>"Empresa confidencial"</strong> na listagem de vagas e na página de detalhes da vaga.
            </p>
            <div class="d-flex gap-4 mt-1">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="{{ $field('hide_company') }}" id="hide_sim{{ $idSuffix }}" value="1" @checked(old($oldField('hide_company'), $v['hide_company'] ?? '0') === '1')>
                    <label class="form-check-label small" for="hide_sim{{ $idSuffix }}">Sim</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="{{ $field('hide_company') }}" id="hide_nao{{ $idSuffix }}" value="0" @checked(old($oldField('hide_company'), $v['hide_company'] ?? '0') !== '1')>
                    <label class="form-check-label small" for="hide_nao{{ $idSuffix }}">Não</label>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 mb-3">
            <span class="form-label small fw-semibold d-block">Contratando?</span>
            <div class="d-flex gap-4 mt-1">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="{{ $field('hiring') }}" id="hiring_sim{{ $idSuffix }}" value="1" @checked(old($oldField('hiring'), $v['hiring'] ?? '1') === '1')>
                    <label class="form-check-label small" for="hiring_sim{{ $idSuffix }}">Sim</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="{{ $field('hiring') }}" id="hiring_nao{{ $idSuffix }}" value="0" @checked(old($oldField('hiring'), $v['hiring'] ?? '1') !== '1')>
                    <label class="form-check-label small" for="hiring_nao{{ $idSuffix }}">Não</label>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_contract{{ $idSuffix }}">Contrato</label>
            <select class="form-select" name="{{ $field('contract') }}" id="vaga_contract{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['contract_types'] ?? []) as $contractType)
                    @php $name = (string) data_get($contractType, 'name', ''); @endphp
                    <option value="{{ data_get($contractType, 'id') }}" @selected($isSelected($selectedContract, $contractType))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_modality{{ $idSuffix }}">Modalidade</label>
            <select class="form-select" name="{{ $field('modality') }}" id="vaga_modality{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['modalities'] ?? []) as $modality)
                    @php $name = (string) data_get($modality, 'name', ''); @endphp
                    <option value="{{ data_get($modality, 'id') }}" @selected($isSelected($selectedModality, $modality))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_experience_level{{ $idSuffix }}">Nível de experiência</label>
            <select class="form-select" name="{{ $field('experience_level') }}" id="vaga_experience_level{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['expertise_levels'] ?? []) as $expertiseLevel)
                    @php $name = (string) data_get($expertiseLevel, 'name', ''); @endphp
                    <option value="{{ data_get($expertiseLevel, 'id') }}" @selected($isSelected($selectedExperience, $expertiseLevel))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_neighborhood{{ $idSuffix }}">Bairro</label>
            <select class="form-select" name="{{ $field('neighborhood') }}" id="vaga_neighborhood{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['neighbourhoods'] ?? []) as $neighbourhood)
                    @php $name = (string) data_get($neighbourhood, 'name', ''); @endphp
                    <option value="{{ data_get($neighbourhood, 'id') }}" @selected($isSelected($selectedNeighborhood, $neighbourhood))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label small fw-semibold" for="vaga_workload{{ $idSuffix }}">Carga horária</label>
            <select class="form-select" name="{{ $field('workload') }}" id="vaga_workload{{ $idSuffix }}">
                <option value="">Selecione</option>
                @foreach (($opts['workloads'] ?? []) as $workload)
                    @php $name = (string) data_get($workload, 'name', ''); @endphp
                    <option value="{{ data_get($workload, 'id') }}" @selected($isSelected($selectedWorkload, $workload))>{{ $name }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label small fw-semibold" for="vaga_total{{ $idSuffix }}">Total de vagas</label>
            <input type="number" class="form-control" name="{{ $field('total') }}" id="vaga_total{{ $idSuffix }}" min="1" value="{{ old($oldField('total'), $v['total'] ?? '') }}">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label small fw-semibold" for="vaga_filled{{ $idSuffix }}">Vagas preenchidas</label>
            <input type="number" class="form-control" name="{{ $field('filled') }}" id="vaga_filled{{ $idSuffix }}" min="0" value="{{ old($oldField('filled'), $v['filled'] ?? '') }}">
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label small fw-semibold" for="vaga_description{{ $idSuffix }}">Descrição da vaga</label>
        <textarea class="form-control" name="{{ $field('description') }}" id="vaga_description{{ $idSuffix }}" rows="4">{{ old($oldField('description'), $v['description'] ?? '') }}</textarea>
    </div>
    <div class="mb-3">
        <label class="form-label small fw-semibold" for="vaga_required_skills{{ $idSuffix }}">Requisitos obrigatórios</label>
        <textarea class="form-control" name="{{ $field('required_skills') }}" id="vaga_required_skills{{ $idSuffix }}" rows="4">{{ old($oldField('required_skills'), $v['required_skills'] ?? '') }}</textarea>
    </div>
    <div class="mb-3">
        <label class="form-label small fw-semibold" for="vaga_optional_skills{{ $idSuffix }}">Requisitos opcionais</label>
        <textarea class="form-control" name="{{ $field('optional_skills') }}" id="vaga_optional_skills{{ $idSuffix }}" rows="4">{{ old($oldField('optional_skills'), $v['optional_skills'] ?? '') }}</textarea>
    </div>
    <div class="mb-3">
        <label class="form-label small fw-semibold" for="vaga_benefits{{ $idSuffix }}">Benefícios</label>
        <textarea class="form-control" name="{{ $field('benefits') }}" id="vaga_benefits{{ $idSuffix }}" rows="4">{{ old($oldField('benefits'), $v['benefits'] ?? '') }}</textarea>
    </div>
    <div class="mb-3">
        <label class="form-label small fw-semibold" for="vaga_other_info{{ $idSuffix }}">Outras informações</label>
        <textarea class="form-control" name="{{ $field('other_info') }}" id="vaga_other_info{{ $idSuffix }}" rows="4">{{ old($oldField('other_info'), $v['other_info'] ?? '') }}</textarea>
    </div>
</div>