@extends('layouts.app')

@section('title', $client ? 'Editar Cliente' : 'Novo Cliente')
@section('page-title', $client ? 'Editar Cliente' : 'Novo Cliente')

@section('content')
    <div class="page-header">
        <div>
            <h2 class="page-header__title">{{ $client ? 'Editar Cliente' : 'Novo Cliente' }}</h2>
            <p class="page-header__subtitle">{{ $client ? 'Atualize os dados do cliente' : 'Preencha os dados para cadastrar um novo cliente' }}</p>
        </div>
        <a href="{{ route('site-mae.clientes.index') }}" class="btn btn-outline">Voltar</a>
    </div>

    @if($client)
        <div class="content-card" id="cardBriefingLink" style="margin-bottom: var(--space-lg); border-left: 3px solid var(--color-primary);">
            <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;">
                <div class="content-card__title" style="margin: 0;">Link do Briefing para o Cliente</div>
                <button type="button" class="btn btn-outline btn-sm" id="btnGerarToken"
                    onclick="gerarNovoToken()"
                    title="{{ $client->briefing_token ? 'Gerar um novo link (o anterior sera invalidado)' : 'Gerar link de briefing para este cliente' }}">
                    {{ $client->briefing_token ? 'Regenerar Link' : 'Gerar Link' }}
                </button>
            </div>

            @if($client->briefing_token)
                <div style="margin-top: 14px;">
                    <label style="display: block; font-size: 0.78rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 6px;">URL para enviar ao cliente</label>
                    <div style="display: flex; gap: 8px;">
                        <input type="text" id="inputLinkBriefing" class="form-control" readonly
                            value="{{ route('briefing.show', $client->briefing_token) }}"
                            onclick="this.select()" style="font-size: 0.85rem; cursor: pointer;">
                        <button type="button" class="btn btn-primary" id="btnCopiarLink" onclick="copiarLink()" style="white-space: nowrap;">
                            Copiar Link
                        </button>
                    </div>
                    <div id="msgCopiado" style="display: none; margin-top: 6px; font-size: 0.8rem; color: #16a34a;">Link copiado para a area de transferencia!</div>
                    @if($client->briefing_completed_at)
                        <div style="margin-top: 10px; font-size: 0.8rem; color: var(--color-text-muted);">Briefing preenchido em: <strong>{{ $client->briefing_completed_at->format('d/m/Y H:i') }}</strong></div>
                    @else
                        <div style="margin-top: 10px; font-size: 0.78rem; color: var(--color-text-dim);">Aguardando o cliente preencher o briefing.</div>
                    @endif
                </div>
            @else
                <p style="margin-top: 10px; font-size: 0.85rem; color: var(--color-text-muted);">Nenhum link gerado ainda. Clique em <strong>Gerar Link</strong> para criar o link de briefing deste cliente.</p>
            @endif
        </div>
    @endif

    <form
        method="POST"
        action="{{ $client ? route('site-mae.clientes.update', $client) : route('site-mae.clientes.store') }}"
        id="formCliente"
    >
        @csrf
        @if($client) @method('PUT') @endif

        {{-- Dados Principais --}}
        <div class="content-card">
            <div class="content-card__title">Dados Principais</div>
            <div class="form-grid">
                <div class="form-group">
                    <label for="name">Nome do Cliente *</label>
                    <input type="text" id="name" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $client?->name) }}" required maxlength="255" placeholder="Ex: Hotel Praia Bonita">
                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="trade_name">Nome Fantasia</label>
                    <input type="text" id="trade_name" name="trade_name" class="form-control @error('trade_name') is-invalid @enderror" value="{{ old('trade_name', $client?->trade_name) }}" maxlength="255" placeholder="Ex: Praia Bonita Resort">
                    @error('trade_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="slug">Slug</label>
                    <input type="text" id="slug" name="slug" class="form-control @error('slug') is-invalid @enderror" value="{{ old('slug', $client?->slug) }}" maxlength="255" placeholder="gerado automaticamente se vazio">
                    <div class="form-text">Identificador unico para URLs. Deixe vazio para gerar automaticamente.</div>
                    @error('slug') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="document">CNPJ</label>
                    <input type="text" id="document" name="document" class="form-control @error('document') is-invalid @enderror" value="{{ old('document', $client?->document) }}" maxlength="20" placeholder="00.000.000/0000-00">
                    @error('document') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="business_type">Tipo de Negocio *</label>
                    <select id="business_type" name="business_type" class="form-control @error('business_type') is-invalid @enderror" required>
                        @foreach(\App\Config\BriefingConfig::options() as $value => $label)
                            <option value="{{ $value }}" {{ old('business_type', $client?->business_type) === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                    @error('business_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="status">Status *</label>
                    <select id="status" name="status" class="form-control @error('status') is-invalid @enderror" required>
                        <option value="draft"     {{ old('status', $client?->status ?? 'draft') === 'draft'     ? 'selected' : '' }}>Rascunho</option>
                        <option value="active"    {{ old('status', $client?->status) === 'active'    ? 'selected' : '' }}>Ativo</option>
                        <option value="inactive"  {{ old('status', $client?->status) === 'inactive'  ? 'selected' : '' }}>Inativo</option>
                        <option value="suspended" {{ old('status', $client?->status) === 'suspended' ? 'selected' : '' }}>Suspenso</option>
                    </select>
                    @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        {{-- Contato --}}
        <div class="content-card">
            <div class="content-card__title">Contato</div>
            <div class="form-grid">
                <div class="form-group">
                    <label for="email">E-mail</label>
                    <input type="email" id="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $client?->email) }}" maxlength="255" placeholder="contato@hotel.com.br">
                    @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="phone">Telefone</label>
                    <input type="text" id="phone" name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $client?->phone) }}" maxlength="20" placeholder="(00) 0000-0000">
                    @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="whatsapp">WhatsApp</label>
                    <input type="text" id="whatsapp" name="whatsapp" class="form-control @error('whatsapp') is-invalid @enderror" value="{{ old('whatsapp', $client?->whatsapp) }}" maxlength="20" placeholder="(00) 00000-0000">
                    @error('whatsapp') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="domain">Dominio</label>
                    <input type="text" id="domain" name="domain" class="form-control @error('domain') is-invalid @enderror" value="{{ old('domain', $client?->domain) }}" maxlength="255" placeholder="www.hotel.com.br">
                    @error('domain') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        {{-- Endereco --}}
        <div class="content-card">
            <div class="content-card__title">Endereco</div>
            <div class="form-grid">
                <div class="form-group form-group--full">
                    <label for="address">Endereco</label>
                    <input type="text" id="address" name="address" class="form-control @error('address') is-invalid @enderror" value="{{ old('address', $client?->address) }}" maxlength="1000" placeholder="Rua, numero, bairro">
                    @error('address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="city">Cidade</label>
                    <input type="text" id="city" name="city" class="form-control @error('city') is-invalid @enderror" value="{{ old('city', $client?->city) }}" maxlength="100" placeholder="Cidade">
                    @error('city') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="state">Estado</label>
                    <select id="state" name="state" class="form-control @error('state') is-invalid @enderror">
                        <option value="">Selecione</option>
                        @foreach(['AC','AL','AP','AM','BA','CE','DF','ES','GO','MA','MT','MS','MG','PA','PB','PR','PE','PI','RJ','RN','RS','RO','RR','SC','SP','SE','TO'] as $uf)
                            <option value="{{ $uf }}" {{ old('state', $client?->state) === $uf ? 'selected' : '' }}>{{ $uf }}</option>
                        @endforeach
                    </select>
                    @error('state') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group">
                    <label for="zip">CEP</label>
                    <input type="text" id="zip" name="zip" class="form-control @error('zip') is-invalid @enderror" value="{{ old('zip', $client?->zip) }}" maxlength="10" placeholder="00000-000">
                    @error('zip') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        {{-- Layout e Configuracoes --}}
        <div class="content-card">
            <div class="content-card__title">Layout e Configuracoes</div>
            <div class="form-grid">
                <div class="form-group">
                    <label for="layout_id">Layout do Site</label>
                    <select id="layout_id" name="layout_id" class="form-control @error('layout_id') is-invalid @enderror">
                        <option value="">Nenhum (definir depois)</option>
                        @foreach($layouts as $layout)
                            <option value="{{ $layout->id }}" {{ old('layout_id', $client?->layout_id) == $layout->id ? 'selected' : '' }}>
                                {{ $layout->name }} ({{ $layout->segment }})
                            </option>
                        @endforeach
                    </select>
                    @error('layout_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="form-group form-group--full">
                    <label for="notes">Observacoes</label>
                    <textarea id="notes" name="notes" class="form-control @error('notes') is-invalid @enderror" maxlength="2000" rows="3" placeholder="Anotacoes internas sobre o cliente...">{{ old('notes', $client?->notes) }}</textarea>
                    @error('notes') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        {{-- Botoes --}}
        <div style="display: flex; gap: var(--space-md); justify-content: flex-end; margin-top: var(--space-lg);">
            <a href="{{ route('site-mae.clientes.index') }}" class="btn btn-outline">Cancelar</a>
            <button type="submit" class="btn btn-primary" id="btnSalvar">
                {{ $client ? 'Atualizar Cliente' : 'Cadastrar Cliente' }}
            </button>
        </div>
    </form>

    @if($client)
    {{-- Configuracoes de Email / SMTP (fora do form principal, salvo separadamente) --}}
    <form method="POST" action="{{ route('site-mae.clientes.update', $client) }}" id="formSmtp" style="margin-top: var(--space-lg);">
        @csrf
        @method('PUT')

        <div class="content-card" id="cardSmtp">
            <div class="content-card__title" style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;">
                Email / SMTP
                @if($client->temEmailConfigurado())
                    <span style="font-size:0.72rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 10px;border-radius:99px;">Configurado</span>
                @else
                    <span style="font-size:0.72rem;font-weight:600;color:#b45309;background:#fef3c7;padding:2px 10px;border-radius:99px;">Nao configurado</span>
                @endif
            </div>
            <p style="font-size:0.82rem;color:var(--color-text-muted);margin-bottom:var(--space-md);">
                Configure o servidor SMTP para que o formulario de contato do site do cliente envie emails.
            </p>
            <div class="form-grid">
                <div class="form-group">
                    <label for="smtp_host">Host SMTP</label>
                    <input type="text" id="smtp_host" name="smtp_host" class="form-control" value="{{ old('smtp_host', $client->smtp_host) }}" maxlength="255" placeholder="smtp.hostinger.com">
                </div>

                <div class="form-group">
                    <label for="smtp_port">Porta</label>
                    <select id="smtp_port" name="smtp_port" class="form-control">
                        <option value="">Selecione</option>
                        @foreach([465 => '465 (SSL)', 587 => '587 (TLS)', 25 => '25 (Sem criptografia)'] as $p => $label)
                            <option value="{{ $p }}" {{ old('smtp_port', $client->smtp_port) == $p ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="smtp_encryption">Criptografia</label>
                    <select id="smtp_encryption" name="smtp_encryption" class="form-control">
                        <option value="ssl" {{ old('smtp_encryption', $client->smtp_encryption) === 'ssl' ? 'selected' : '' }}>SSL</option>
                        <option value="tls" {{ old('smtp_encryption', $client->smtp_encryption) === 'tls' ? 'selected' : '' }}>TLS</option>
                        <option value=""    {{ old('smtp_encryption', $client->smtp_encryption) === ''    ? 'selected' : '' }}>Nenhuma</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="smtp_username">Usuario (Email remetente)</label>
                    <input type="email" id="smtp_username" name="smtp_username" class="form-control" value="{{ old('smtp_username', $client->smtp_username) }}" maxlength="255" placeholder="noreply@pousada.com.br">
                </div>

                <div class="form-group">
                    <label for="smtp_password">Senha SMTP</label>
                    <input type="password" id="smtp_password" name="smtp_password" class="form-control" placeholder="Deixe em branco para manter a atual" autocomplete="new-password">
                    <div class="form-text">Deixe em branco para nao alterar a senha atual.</div>
                </div>

                <div class="form-group">
                    <label for="smtp_from_name">Nome do remetente</label>
                    <input type="text" id="smtp_from_name" name="smtp_from_name" class="form-control" value="{{ old('smtp_from_name', $client->smtp_from_name) }}" maxlength="255" placeholder="Contato {{ $client->name }}">
                </div>

                <div class="form-group">
                    <label for="smtp_destination_email">Email de destino (quem recebe)</label>
                    <input type="email" id="smtp_destination_email" name="smtp_destination_email" class="form-control" value="{{ old('smtp_destination_email', $client->smtp_destination_email) }}" maxlength="255" placeholder="{{ $client->email ?? 'contato@pousada.com.br' }}">
                    <div class="form-text">Email que recebera as mensagens do formulario de contato.</div>
                </div>
            </div>

            <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:var(--space-md);flex-wrap:wrap;">
                @if($client->temEmailConfigurado())
                    <button type="button" class="btn btn-outline btn-sm" id="btnTestarSmtp" onclick="testarSmtp()">
                        Testar Configuracao
                    </button>
                @endif
                <button type="submit" class="btn btn-primary btn-sm" id="btnSalvarSmtp">Salvar Configuracoes de Email</button>
            </div>
            <div id="msgTesteSmtp" style="display:none;margin-top:10px;font-size:0.83rem;padding:10px 14px;border-radius:6px;"></div>
        </div>
    </form>
    @endif


@if($client)
@push('scripts')
<script>
(function () {
    var csrfToken = document.querySelector('meta[name="csrf-token"]').content;
    var rotaGerarToken = '{{ route("site-mae.clientes.gerar-token-briefing", $client) }}';
    @if($client->temEmailConfigurado())
    var rotaTestarSmtp = '{{ route("site-mae.clientes.testar-smtp", $client) }}';
    @endif

    window.copiarLink = function () {
        var input = document.getElementById('inputLinkBriefing');
        if (!input) return;

        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(input.value).then(mostrarCopiado);
        } else {
            input.select();
            document.execCommand('copy');
            mostrarCopiado();
        }
    };

    function mostrarCopiado() {
        var msg = document.getElementById('msgCopiado');
        var btn = document.getElementById('btnCopiarLink');
        if (msg) { msg.style.display = 'block'; setTimeout(function () { msg.style.display = 'none'; }, 3000); }
        if (btn) { var orig = btn.textContent; btn.textContent = 'Copiado!'; setTimeout(function () { btn.textContent = orig; }, 2000); }
    }

    window.gerarNovoToken = function () {
        var confirmar = document.getElementById('inputLinkBriefing');
        if (confirmar && !confirm('Gerar um novo link? O link anterior deixara de funcionar.')) return;

        var btn = document.getElementById('btnGerarToken');
        btn.disabled = true;
        btn.textContent = 'Gerando...';

        var xhr = new XMLHttpRequest();
        xhr.open('POST', rotaGerarToken, true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.setRequestHeader('X-CSRF-TOKEN', csrfToken);
        xhr.setRequestHeader('Accept', 'application/json');
        xhr.onload = function () {
            btn.disabled = false;
            try {
                var res = JSON.parse(xhr.responseText);
                if (res.ok) {
                    // Atualiza ou cria o campo de input com o novo link
                    var input = document.getElementById('inputLinkBriefing');
                    if (input) {
                        input.value = res.url;
                    } else {
                        // Se nao tinha link antes, recarrega para exibir o card completo
                        location.reload();
                        return;
                    }
                    btn.textContent = 'Regenerar Link';
                    mostrarCopiado();
                    // Copia automaticamente
                    if (navigator.clipboard && window.isSecureContext) {
                        navigator.clipboard.writeText(res.url);
                    }
                } else {
                    alert('Erro ao gerar token: ' + (res.message || 'Tente novamente.'));
                    btn.textContent = 'Regenerar Link';
                }
            } catch (e) {
                alert('Erro ao processar resposta.');
                btn.textContent = 'Regenerar Link';
            }
        };
        xhr.onerror = function () {
            btn.disabled = false;
            btn.textContent = 'Regenerar Link';
            alert('Erro de conexao.');
        };
        xhr.send(JSON.stringify({}));
    };

    window.testarSmtp = function () {
        @if($client->temEmailConfigurado())
        var btn = document.getElementById('btnTestarSmtp');
        var msg = document.getElementById('msgTesteSmtp');
        if (!btn || !msg) return;

        btn.disabled = true;
        btn.textContent = 'Enviando...';
        msg.style.display = 'none';

        var xhr = new XMLHttpRequest();
        xhr.open('POST', rotaTestarSmtp, true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.setRequestHeader('X-CSRF-TOKEN', csrfToken);
        xhr.setRequestHeader('Accept', 'application/json');
        xhr.onload = function () {
            btn.disabled = false;
            btn.textContent = 'Testar Configuracao';
            try {
                var res = JSON.parse(xhr.responseText);
                msg.style.display = 'block';
                if (res.ok) {
                    msg.style.background = '#d1fae5';
                    msg.style.color = '#065f46';
                    msg.style.border = '1px solid #6ee7b7';
                } else {
                    msg.style.background = '#fee2e2';
                    msg.style.color = '#991b1b';
                    msg.style.border = '1px solid #fca5a5';
                }
                msg.textContent = res.message || (res.ok ? 'Teste enviado!' : 'Erro ao enviar.');
            } catch (e) {
                msg.style.display = 'block';
                msg.style.background = '#fee2e2';
                msg.style.color = '#991b1b';
                msg.textContent = 'Erro ao processar resposta.';
            }
        };
        xhr.onerror = function () {
            btn.disabled = false;
            btn.textContent = 'Testar Configuracao';
            msg.style.display = 'block';
            msg.textContent = 'Erro de conexao.';
        };
        xhr.send(JSON.stringify({}));
        @endif
    };
})();
</script>
@endpush
@endif

@endsection