@extends('layouts.app')

@section('title', __('Conclua seu cadastro — Banco de Talentos'))
@section('meta_description', __('Preencha as informações essenciais para finalizar seu acesso ao Banco de Talentos de Angra dos Reis.'))

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/talent-bank/concluir-cadastro.css') }}">
@endpush

@section('content')
<section class="concluir-section" aria-label="{{ __('Conclusão de cadastro') }}">
    <div class="concluir-wrap">

        {{-- Cabeçalho --}}
        <div class="concluir-header">
            <div class="concluir-badge">
                <i class="bi bi-person-check-fill" aria-hidden="true"></i>
                Quase lá!
            </div>
            @if($hasLegacyData)
                <h1 class="concluir-title">Conclua seu cadastro</h1>
                <p class="concluir-subtitle">
                    Encontramos seu cadastro anterior e já importamos parte dos seus dados.
                    Para finalizar seu acesso ao novo Banco de Talentos, preencha apenas as informações abaixo.
                </p>
            @else
                <h1 class="concluir-title">Complete seu cadastro</h1>
                <p class="concluir-subtitle">
                    Sua <strong>Conta Angra</strong> foi reconhecida com sucesso!
                    Para usar o Banco de Talentos, preencha as informações abaixo para concluir seu cadastro.
                </p>
            @endif
        </div>

        {{-- Dados pré-preenchidos (somente leitura) --}}
        <div class="concluir-prefilled">
            <p class="concluir-prefilled__label">
                <i class="bi bi-check-circle-fill" aria-hidden="true"></i>
                @if($hasLegacyData)
                    Dados importados do seu cadastro anterior
                @else
                    Dados da sua Conta Angra
                @endif
            </p>
            <div class="concluir-prefilled__grid">
                <div class="concluir-prefilled__item">
                    <span class="concluir-prefilled__key">Nome</span>
                    <span class="concluir-prefilled__val">{{ $candidate->name }}</span>
                </div>
                <div class="concluir-prefilled__item">
                    <span class="concluir-prefilled__key">E-mail</span>
                    <span class="concluir-prefilled__val">{{ $candidate->email }}</span>
                </div>
                <div class="concluir-prefilled__item">
                    <span class="concluir-prefilled__key">CPF</span>
                    <span class="concluir-prefilled__val">{{ substr($candidate->cpf, 0, 3) }}.{{ substr($candidate->cpf, 3, 3) }}.{{ substr($candidate->cpf, 6, 3) }}-{{ substr($candidate->cpf, 9, 2) }}</span>
                </div>
                @if($candidate->cellphone)
                <div class="concluir-prefilled__item">
                    <span class="concluir-prefilled__key">Celular</span>
                    <span class="concluir-prefilled__val">{{ $candidate->cellphone }}</span>
                </div>
                @endif
            </div>
        </div>

        {{-- Formulário --}}
        <form
            method="POST"
            action="{{ route('talent-bank.candidate.concluir-cadastro.store') }}"
            class="concluir-form"
            novalidate
        >
            @csrf

            @if ($errors->any())
                <div class="concluir-alert" role="alert">
                    <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                    <div>
                        <strong>Corrija os erros abaixo:</strong>
                        <ul class="mb-0 mt-1 ps-3">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

            {{-- DADOS PESSOAIS --}}
            <div class="concluir-section-block">
                <h2 class="concluir-section-title">
                    <i class="bi bi-person-fill" aria-hidden="true"></i>
                    Dados pessoais
                </h2>

                <div class="row g-3">
                    <div class="col-md-6">
                        <label for="birth_date" class="concluir-label">
                            Data de nascimento <span class="concluir-required">*</span>
                        </label>
                        <input
                            type="date"
                            id="birth_date"
                            name="birth_date"
                            class="form-control concluir-input @error('birth_date') is-invalid @enderror"
                            value="{{ old('birth_date', $candidate->birth_date ? $candidate->birth_date->format('Y-m-d') : '') }}"
                            required
                        >
                        @error('birth_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="cellphone" class="concluir-label">
                            Celular <span class="concluir-required">*</span>
                        </label>
                        <input
                            type="tel"
                            id="cellphone"
                            name="cellphone"
                            class="form-control concluir-input @error('cellphone') is-invalid @enderror"
                            placeholder="(24) 99999-9999"
                            value="{{ old('cellphone', $candidate->cellphone) }}"
                            required
                        >
                        @error('cellphone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            {{-- ENDEREÇO --}}
            <div class="concluir-section-block">
                <h2 class="concluir-section-title">
                    <i class="bi bi-geo-alt-fill" aria-hidden="true"></i>
                    Endereço
                </h2>

                <div class="row g-3">
                    <div class="col-md-4">
                        <label for="zip_code" class="concluir-label">
                            CEP <span class="concluir-required">*</span>
                        </label>
                        <input
                            type="text"
                            id="zip_code"
                            name="zip_code"
                            class="form-control concluir-input @error('zip_code') is-invalid @enderror"
                            placeholder="00000-000"
                            value="{{ old('zip_code', $candidate->zip_code) }}"
                            maxlength="9"
                            required
                        >
                        @error('zip_code')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4">
                        <label for="neighbourhood_id" class="concluir-label">Bairro</label>
                        <select
                            id="neighbourhood_id"
                            name="neighbourhood_id"
                            class="form-select concluir-input @error('neighbourhood_id') is-invalid @enderror"
                        >
                            <option value="">— Selecione —</option>
                            @foreach($neighbourhoods as $n)
                                <option value="{{ $n->id }}" @selected((int) old('neighbourhood_id', $candidate->neighbourhood_id) === $n->id)>
                                    {{ $n->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('neighbourhood_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-4">
                        <label for="address" class="concluir-label">Logradouro</label>
                        <input
                            type="text"
                            id="address"
                            name="address"
                            class="form-control concluir-input @error('address') is-invalid @enderror"
                            placeholder="Rua, número, complemento"
                            value="{{ old('address', $candidate->address) }}"
                        >
                        @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>

            {{-- DADOS PROFISSIONAIS --}}
            <div class="concluir-section-block">
                <h2 class="concluir-section-title">
                    <i class="bi bi-briefcase-fill" aria-hidden="true"></i>
                    Dados profissionais
                </h2>

                <div class="row g-3">
                    <div class="col-12">
                        <label for="occupation_id" class="concluir-label">
                            Área de atuação <span class="concluir-required">*</span>
                        </label>
                        <select
                            id="occupation_id"
                            name="occupation_id"
                            class="form-select concluir-input @error('occupation_id') is-invalid @enderror"
                            required
                        >
                            <option value="">— Selecione —</option>
                            @foreach($occupations as $o)
                                <option value="{{ $o->id }}" @selected((int) old('occupation_id', $candidate->occupation_id) === $o->id)>
                                    {{ $o->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('occupation_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-12">
                        <label for="cv_summary" class="concluir-label">Objetivo profissional</label>
                        <textarea
                            id="cv_summary"
                            name="cv_summary"
                            class="form-control concluir-input @error('cv_summary') is-invalid @enderror"
                            rows="4"
                            placeholder="Descreva brevemente seu objetivo profissional ou uma apresentação pessoal..."
                        >{{ old('cv_summary', $candidate->cv_summary) }}</textarea>
                        @error('cv_summary')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="concluir-hint">Opcional — você pode completar isso depois no seu perfil.</div>
                    </div>
                </div>
            </div>

            {{-- TERMOS --}}
            <div class="concluir-section-block concluir-terms-block">
                <h2 class="concluir-section-title">
                    <i class="bi bi-shield-check" aria-hidden="true"></i>
                    Termos e privacidade
                </h2>

                <div class="form-check concluir-check @error('terms') is-invalid @enderror">
                    <input
                        class="form-check-input"
                        type="checkbox"
                        id="terms"
                        name="terms"
                        value="1"
                        @checked(old('terms'))
                        required
                    >
                    <label class="form-check-label" for="terms">
                        Li e aceito os
                        <a href="{{ route('sobre') }}" target="_blank" rel="noopener noreferrer" class="concluir-link">Termos de Uso</a>
                        do Banco de Talentos. <span class="concluir-required">*</span>
                    </label>
                </div>
                @error('terms')
                    <div class="concluir-check-error">{{ $message }}</div>
                @enderror

                <div class="form-check concluir-check mt-2 @error('privacy') is-invalid @enderror">
                    <input
                        class="form-check-input"
                        type="checkbox"
                        id="privacy"
                        name="privacy"
                        value="1"
                        @checked(old('privacy'))
                        required
                    >
                    <label class="form-check-label" for="privacy">
                        Li e aceito a
                        <a href="{{ route('sobre') }}" target="_blank" rel="noopener noreferrer" class="concluir-link">Política de Privacidade</a>
                        e concordo com o uso dos meus dados para fins do Banco de Talentos. <span class="concluir-required">*</span>
                    </label>
                </div>
                @error('privacy')
                    <div class="concluir-check-error">{{ $message }}</div>
                @enderror
            </div>

            {{-- Submit --}}
            <div class="concluir-footer">
                <button type="submit" class="btn concluir-btn-submit">
                    <i class="bi bi-check-lg" aria-hidden="true"></i>
                    Concluir cadastro e acessar
                </button>
                <p class="concluir-required-note">
                    <span class="concluir-required">*</span> Campos obrigatórios
                </p>
            </div>

        </form>
    </div>{{-- /.concluir-wrap --}}
</section>
@endsection