{{--
    Candidatura pública RH — uma vaga por envio.
    Requer: $vaga (vaga aberta ou null), $vagaBloqueada (bool). $vagasAbertas é opcional (legado).
--}}
@php
    $oldIds = old('vaga_ids');
    $hiddenVagaId = $vaga ? (int) $vaga->id : 0;
    if (is_array($oldIds) && count($oldIds)) {
        $hiddenVagaId = (int) reset($oldIds);
    }
@endphp

@if(!empty($vagaBloqueada) && $vagaBloqueada)
    @if($vaga)
        <div class="alert alert-warning">
            Esta vaga está <strong>{{ strtoupper($vaga->status) }}</strong> no momento e não está aceitando novas candidaturas.
        </div>
    @else
        <div class="alert alert-warning">
            Não há vagas <strong>abertas</strong> para candidatura no momento.
        </div>
    @endif
@endif

@if($vaga)
<form id="formCandidaturaRh" method="POST" action="/vagas/{{ $vaga->slug }}/candidatar" enctype="multipart/form-data" class="candidatura-rh-form">
    @csrf
    <input type="hidden" name="vaga_ids[]" id="rhCandidaturaVagaId" value="{{ $hiddenVagaId }}" />
    @php
        $disabled = (!empty($vagaBloqueada) && $vagaBloqueada);
        $cidadesRo = [
            'Alta Floresta d\'Oeste',
            'Alto Alegre dos Parecis',
            'Alto Paraíso',
            'Alvorada d\'Oeste',
            'Ariquemes',
            'Buritis',
            'Cabixi',
            'Cacaulândia',
            'Cacoal',
            'Campo Novo de Rondônia',
            'Candeias do Jamari',
            'Castanheiras',
            'Cerejeiras',
            'Chupinguaia',
            'Colorado do Oeste',
            'Corumbiara',
            'Costa Marques',
            'Cujubim',
            'Espigão d\'Oeste',
            'Governador Jorge Teixeira',
            'Guajará-Mirim',
            'Itapuã do Oeste',
            'Jaru',
            'Ji-Paraná',
            'Machadinho d\'Oeste',
            'Ministro Andreazza',
            'Mirante da Serra',
            'Monte Negro',
            'Nova Brasilândia d\'Oeste',
            'Nova Mamoré',
            'Nova União',
            'Novo Horizonte do Oeste',
            'Ouro Preto do Oeste',
            'Parecis',
            'Pimenta Bueno',
            'Pimenteiras do Oeste',
            'Porto Velho',
            'Presidente Médici',
            'Primavera de Rondônia',
            'Rio Crespo',
            'Rolim de Moura',
            'Santa Luzia d\'Oeste',
            'São Felipe d\'Oeste',
            'São Francisco do Guaporé',
            'São Miguel do Guaporé',
            'Seringueiras',
            'Teixeirópolis',
            'Theobroma',
            'Urupá',
            'Vale do Anari',
            'Vale do Paraíso',
            'Vilhena',
        ];
    @endphp
    <fieldset {{ $disabled ? 'disabled="disabled"' : '' }} class="row g-3 m-0 p-0 border-0">

        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandNome">Nome completo <span class="text-danger">*</span></label>
            <input id="rhCandNome" name="nome" class="form-control" value="{{ old('nome') }}" required maxlength="160" autocomplete="name" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandTel">WhatsApp <span class="text-danger">*</span></label>
            <input id="rhCandTel" name="telefone" class="form-control" value="{{ old('telefone') }}" required maxlength="40" inputmode="tel" autocomplete="tel" />
        </div>

        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandEmail">E-mail <span class="text-danger">*</span></label>
            <input id="rhCandEmail" type="email" name="email" class="form-control" value="{{ old('email') }}" required maxlength="160" autocomplete="email" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label" for="rhCandCidade">Cidade <span class="text-danger">*</span></label>
            <select id="rhCandCidade" name="cidade" class="form-select" required>
                <option value="">Selecione a cidade</option>
                @foreach($cidadesRo as $cidadeNome)
                    <option value="{{ $cidadeNome }}" @selected(old('cidade') === $cidadeNome)>{{ $cidadeNome }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label" for="rhCandBairro">Bairro <span class="text-danger">*</span></label>
            <input id="rhCandBairro" name="bairro" class="form-control" value="{{ old('bairro') }}" required maxlength="120" autocomplete="address-level3" />
        </div>

        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandDisp">Disponibilidade imediata? <span class="text-danger">*</span></label>
            <select id="rhCandDisp" name="disponibilidade" class="form-select" required>
                <option value="">Selecione…</option>
                <option value="sim" @selected(old('disponibilidade') === 'sim')>Sim</option>
                <option value="nao" @selected(old('disponibilidade') === 'nao')>Não</option>
            </select>
        </div>

        <div class="col-12">
            <label class="form-label" for="rhCandObs">Observações <span class="text-muted fw-normal">(opcional)</span></label>
            <textarea id="rhCandObs" name="observacoes" class="form-control" rows="3" maxlength="500" placeholder="Ex.: horários em que prefere ser contatado(a).">{{ old('observacoes') }}</textarea>
            <div class="form-text">Até 500 caracteres.</div>
        </div>

        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandCv">Currículo (PDF) <span class="text-danger">*</span></label>
            <input id="rhCandCv" type="file" name="curriculo" class="form-control candidatura-rh-file" accept="application/pdf" required />
            <div class="form-text">Máx. <strong>7,5 MB</strong>. Não envie CPF/RG na candidatura.</div>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label" for="rhCandFoto">Foto <span class="text-danger">*</span></label>
            <input id="rhCandFoto" type="file" name="foto" class="form-control candidatura-rh-file" accept="image/jpeg,image/png" required />
            <div class="form-text">JPG ou PNG, máx. <strong>3 MB</strong>.</div>
        </div>

        <div class="col-12">
            <div class="candidatura-rh-lgpd-box">
                <p class="mb-2 small mb-md-1">
                    <span class="fw-semibold">Marque para autorizar o tratamento dos seus dados para esta candidatura.</span>
                </p>
                <p class="mb-3 small text-body-secondary">Autorizo o uso dos meus dados pessoais exclusivamente para recrutamento e seleção, nos termos da Lei nº 13.709/2018 (LGPD).</p>
                <div class="form-check mb-0">
                    <input class="form-check-input" type="checkbox" value="1" id="lgpd" name="lgpd" required />
                    <label class="form-check-label" for="lgpd"><span class="text-danger">*</span> Li e autorizo conforme descrito acima.</label>
                </div>
            </div>
        </div>

        <div class="col-12 pt-1">
            <button type="submit" id="btnCandidaturaRh" class="btn btn-primary px-4" {{ $disabled ? 'disabled="disabled"' : '' }}>Enviar candidatura</button>
        </div>
    </fieldset>
</form>

@once
<style>
    /* Azul só no botão nativo “Escolher arquivo” (mesma cor do Enviar candidatura) */
    .candidatura-rh-form input[type="file"].candidatura-rh-file.form-control {
        cursor: pointer;
    }
    .candidatura-rh-form input[type="file"].candidatura-rh-file.form-control::file-selector-button {
        font: inherit;
        margin-right: 0.75rem;
        padding: 0.375rem 0.75rem;
        border: 0;
        border-radius: var(--bs-border-radius, 0.375rem);
        background-color: var(--bs-primary);
        color: #fff;
        cursor: pointer;
    }
    .candidatura-rh-form input[type="file"].candidatura-rh-file.form-control::-webkit-file-upload-button {
        font: inherit;
        margin-right: 0.75rem;
        padding: 0.375rem 0.75rem;
        border: 0;
        border-radius: var(--bs-border-radius, 0.375rem);
        background-color: var(--bs-primary);
        color: #fff;
        cursor: pointer;
    }
    .candidatura-rh-form input[type="file"].candidatura-rh-file.form-control:focus {
        border-color: var(--bs-border-color);
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
        outline: 0;
    }

    /* LGPD: sem borda — só sombra bem discreta (não parece card) */
    .candidatura-rh-lgpd-box {
        border-radius: 8px;
        padding: 0.85rem 1rem;
        background: #fff;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    }
</style>
@endonce
@endif