@extends('layouts.app')

@section('title', 'Alterar cadastro da empresa - Banco de Talentos')
@section('meta_description', 'Atualize os dados da sua empresa no Banco de Talentos de Angra dos Reis.')

@php
    use App\Http\Services\TalentBank\CompanyService;
    use Illuminate\Support\Facades\Storage;

    $cnpjDigits = preg_replace('/\D/', '', (string) ($company->cnpj ?? ''));
    $cnpjDisplay = strlen($cnpjDigits) === 14
        ? preg_replace('/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/', '$1.$2.$3/$4-$5', $cnpjDigits)
        : ($company->cnpj ?? '—');
    $logoUrl = CompanyService::logoPublicUrl($company->logo);
    $activeSelected = old('active');
    if ($activeSelected === null) {
        $activeSelected = $company->active ? '1' : '0';
    } else {
        $activeSelected = (string) $activeSelected;
    }
@endphp

@section('content')
<section class="cad-empresa-page py-5 page-alterar-cadastro-empresa">
    <div class="container py-4">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-10">

                <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
                    <h1 class="mb-0 fw-bold cad-vaga-titulo">
                        @if(request()->boolean('new_account'))
                            Complete o cadastro da empresa
                        @else
                            Alterar cadastro da empresa
                        @endif
                    </h1>
                    <a href="{{ route('talent-bank.company.dashboard') }}" class="btn btn-outline-secondary fw-semibold px-4">
                        Voltar para minhas vagas
                    </a>
                </div>

                @if(request()->boolean('new_account'))
                <div class="alert d-flex align-items-start gap-3 mb-4" role="alert"
                     style="background:#f0fdf4;border:1px solid rgba(22,163,74,.2);border-radius:.85rem;padding:1rem 1.25rem;">
                    <i class="bi bi-check-circle-fill mt-1 flex-shrink-0" style="color:#16a34a;font-size:1.1rem;" aria-hidden="true"></i>
                    <div>
                        <strong style="color:#14532d;font-size:.9rem;">Conta Angra reconhecida!</strong>
                        <p class="mb-0 mt-1" style="color:#166534;font-size:.85rem;line-height:1.5;">
                            Para começar a publicar vagas no Banco de Talentos, preencha os dados da empresa abaixo e salve.
                            Você pode completar as informações opcionais depois.
                        </p>
                    </div>
                </div>
                @endif

                <p class="text-muted mb-4 cad-vaga-subtitulo">
                    O CNPJ não pode ser alterado aqui. Demais dados são salvos no Banco de Talentos.
                </p>

                @if ($errors->has('form'))
                    <div class="alert alert-danger" role="alert">{{ $errors->first('form') }}</div>
                @endif

                <form method="post" action="{{ route('talent-bank.company.update') }}" enctype="multipart/form-data" class="mb-5">
                    @csrf
                    @method('PUT')
                    @if(request()->boolean('new_account'))
                        <input type="hidden" name="new_account" value="1">
                    @endif

                    <div class="cad-vaga-card p-4 mb-4">
                        <span class="badge mb-3 cad-vaga-badge">Identificação</span>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold">CNPJ</label>
                                <input type="text" class="form-control bg-light" value="{{ $cnpjDisplay }}" readonly disabled autocomplete="off">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="company_email">E-mail de contato <span class="text-danger">*</span></label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" id="company_email" required
                                    value="{{ old('email', $company->email) }}">
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="cad-vaga-card p-4 mb-4">
                        <span class="badge mb-3 cad-vaga-badge">Dados da empresa</span>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="corporate_name">Razão social <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('corporate_name') is-invalid @enderror" name="corporate_name" id="corporate_name" required
                                    value="{{ old('corporate_name', $company->corporate_name) }}">
                                @error('corporate_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="trading_name">Nome fantasia</label>
                                <input type="text" class="form-control @error('trading_name') is-invalid @enderror" name="trading_name" id="trading_name"
                                    value="{{ old('trading_name', $company->trading_name) }}">
                                @error('trading_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label small fw-semibold" for="description">Descrição</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" name="description" id="description" rows="4">{{ old('description', $company->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="contact_name">Nome do responsável / contato</label>
                                <input type="text" class="form-control @error('contact_name') is-invalid @enderror" name="contact_name" id="contact_name"
                                    value="{{ old('contact_name', $company->contact_name) }}">
                                @error('contact_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold">Empresa ativa no portal</label>
                                <div class="d-flex gap-4 mt-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="active" id="company_active_yes" value="1"
                                            @checked($activeSelected === '1')>
                                        <label class="form-check-label small" for="company_active_yes">Sim</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="active" id="company_active_no" value="0"
                                            @checked($activeSelected === '0')>
                                        <label class="form-check-label small" for="company_active_no">Não</label>
                                    </div>
                                </div>
                                @error('active')
                                    <div class="text-danger small">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="cad-vaga-card p-4 mb-4">
                        <span class="badge mb-3 cad-vaga-badge">Logo</span>
                        <div class="d-flex align-items-center gap-3 flex-wrap">
                            <div id="company-logo-preview" class="rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 photo-preview-circle tb-company-edit-logo-preview overflow-hidden">
                                @if ($logoUrl)
                                    <img src="{{ $logoUrl }}" alt="" class="tb-company-edit-logo-preview__img">
                                @else
                                    <i class="bi bi-building" aria-hidden="true"></i>
                                @endif
                            </div>
                            <div class="p-3 text-center flex-grow-1 photo-upload-click-area" data-upload-trigger="company-logo-input">
                                <i class="bi bi-cloud-arrow-up text-primary fs-4" aria-hidden="true"></i>
                                <p class="mb-0 mt-1 small fw-semibold">Clique para enviar uma nova logo (JPG ou PNG, máx. 2MB)</p>
                            </div>
                            <input type="file" id="company-logo-input" name="logo" class="d-none" accept="image/*">
                        </div>
                        @error('logo')
                            <p class="text-danger small mb-0 mt-2">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="cad-vaga-card p-4 mb-4">
                        <span class="badge mb-3 cad-vaga-badge">Endereço</span>
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label small fw-semibold" for="zip_code">CEP</label>
                                <input type="text" class="form-control @error('zip_code') is-invalid @enderror" name="zip_code" id="zip_code"
                                    value="{{ old('zip_code', $company->zip_code) }}" placeholder="00000000">
                                @error('zip_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-8 mb-3">
                                <label class="form-label small fw-semibold" for="address">Endereço</label>
                                <input type="text" class="form-control @error('address') is-invalid @enderror" name="address" id="address"
                                    value="{{ old('address', $company->address) }}">
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="neighbourhood_id">Bairro</label>
                                <select class="form-select @error('neighbourhood_id') is-invalid @enderror" name="neighbourhood_id" id="neighbourhood_id">
                                    <option value="">Selecione</option>
                                    @foreach ($neighbourhoods as $nb)
                                        <option value="{{ $nb->id }}" @selected((string) old('neighbourhood_id', $company->neighbourhood_id) === (string) $nb->id)>
                                            {{ $nb->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('neighbourhood_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="cad-vaga-card p-4 mb-4">
                        <span class="badge mb-3 cad-vaga-badge">Telefones</span>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="telephone">Fixo</label>
                                <input type="tel" class="form-control @error('telephone') is-invalid @enderror" name="telephone" id="telephone"
                                    value="{{ old('telephone', $company->telephone) }}">
                                @error('telephone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label small fw-semibold" for="cellphone">Celular</label>
                                <input type="tel" class="form-control @error('cellphone') is-invalid @enderror" name="cellphone" id="cellphone"
                                    value="{{ old('cellphone', $company->cellphone) }}">
                                @error('cellphone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="d-flex flex-wrap gap-2 justify-content-between">
                        <a href="{{ route('talent-bank.company.dashboard') }}" class="btn px-4 py-2 fw-semibold cad-vaga-btn-voltar">Cancelar</a>
                        <button type="submit" class="btn px-4 py-2 fw-semibold cad-vaga-btn-salvar text-white">Salvar alterações</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script src="{{ asset('js/talent-bank/alterar-cadastro-empresa.js') }}"></script>
@endpush