@inject('activityLogger', 'V2\Services\ActivityLogger\ActivityLoggerService')
<form action="{{ route('v2.structural-editor.structural-data.save') }}" method="POST">
    {{ csrf_field() }}
    <input type="hidden" name="tab" value="contato">
    @php 
        $configModel = $configs->has('contato') ? $configs['contato'] : null;
        $payload = $configModel ? $configModel->payload : []; 
    @endphp

    <div class="row g-3 mb-4">
        <div class="col-md-6 col-12">
            <div class="mb-3">
                <label class="form-label fw-bold" for="endereco">Endereço Físico</label>
                <textarea name="endereco" id="endereco" class="form-control" rows="3"
                          placeholder="Ex: Av. João da Mata, s/n, Jaguaribe, João Pessoa - PB, CEP 58015-490"
                          aria-describedby="enderecoHelp">{{ $payload['endereco'] ?? '' }}</textarea>
                <div class="form-text mt-1" id="enderecoHelp">Endereço completo da sede do órgão, exibido no rodapé do portal.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="map_link">Link do Google Maps</label>
                <input type="url" name="map_link" id="map_link" class="form-control"
                       value="{{ $payload['map_link'] ?? '' }}"
                       placeholder="https://maps.google.com/?q=Av.+João+da+Mata,+João+Pessoa"
                       inputmode="url"
                       pattern="https?://.+"
                       title="URL completa do Google Maps (começando com https://)"
                       aria-describedby="mapLinkHelp">
                <div class="form-text mt-1" id="mapLinkHelp">Cole o link completo do Google Maps apontando para a localização do órgão.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="horario">Horário de Atendimento</label>
                <input type="text" name="horario" id="horario" class="form-control"
                       value="{{ $payload['horario'] ?? '' }}"
                       placeholder="Ex: Segunda a Sexta, das 8h às 14h"
                       aria-describedby="horarioHelp">
                <div class="form-text mt-1" id="horarioHelp">Dias e horários de funcionamento para atendimento presencial.</div>
            </div>
        </div>
        <div class="col-md-6 col-12">
            <div class="mb-3">
                <label class="form-label fw-bold" for="telefone_1">Telefone 1</label>
                <input type="tel" name="telefone_1" id="telefone_1" class="form-control"
                       value="{{ $payload['telefone_1'] ?? '' }}"
                       placeholder="(83) 99999-0000"
                       inputmode="tel"
                       pattern="\([0-9]{2}\) [0-9]{4,5}-[0-9]{4}"
                       title="Formato: (DD) 99999-0000"
                       aria-describedby="tel1Help">
                <div class="form-text mt-1" id="tel1Help">Formato: <code>(DD) 99999-0000</code>. O código de área é obrigatório.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="telefone_2">Telefone 2</label>
                <input type="tel" name="telefone_2" id="telefone_2" class="form-control"
                       value="{{ $payload['telefone_2'] ?? '' }}"
                       placeholder="(83) 99999-0000"
                       inputmode="tel"
                       pattern="\([0-9]{2}\) [0-9]{4,5}-[0-9]{4}"
                       title="Formato: (DD) 99999-0000"
                       aria-describedby="tel2Help">
                <div class="form-text mt-1" id="tel2Help">Telefone secundário (opcional). Mesmo formato do Telefone 1.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="email">E-mail de Contato</label>
                <input type="email" name="email" id="email" class="form-control"
                       value="{{ $payload['email'] ?? '' }}"
                       placeholder="contato@lotep.pb.gov.br"
                       inputmode="email"
                       multiple
                       aria-describedby="emailHelp">
                <div class="form-text mt-1" id="emailHelp">E-mail institucional exibido no rodapé. Para múltiplos e-mails, separe com vírgulas.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="zipcode">CEP</label>
                <input type="text" name="zipcode" id="zipcode" class="form-control"
                       value="{{ $payload['zipcode'] ?? '' }}"
                       placeholder="58000-000"
                       data-mask="cep"
                       maxlength="9"
                       inputmode="numeric"
                       pattern="[0-9]{5}-[0-9]{3}"
                       title="Formato: 99999-999"
                       aria-describedby="zipcodeHelp">
                <div class="form-text mt-1" id="zipcodeHelp">CEP da sede no formato <code>99999-999</code>.</div>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold" for="po_box">Caixa Postal</label>
                <input type="text" name="po_box" id="po_box" class="form-control"
                       value="{{ $payload['po_box'] ?? '' }}"
                       placeholder="333"
                       aria-describedby="poBoxHelp">
                <div class="form-text mt-1" id="poBoxHelp">Número da caixa postal, se houver.</div>
            </div>
        </div>
    </div>

    @v2can('LayoutBase', 'write')
    <button type="submit" class="btn btn-primary fw-bold px-3 d-inline-flex align-items-center gap-1 mt-3"><i class="bi bi-save" aria-hidden="true"></i> Salvar Informações de Contato</button>
    @endv2can
</form>

@include('v2-structurallandingeditor::cms.tabs.layoutbase.components.history-table', ['configModel' => $configModel, 'logSuffix' => 'Atualizou os dados de Contato.'])