@extends('layout')

@section('content')
    @php
        $editing = $lead !== null;
        $action = $editing ? '/leads/'.$lead->id : '/leads';
        $cancel = $editing ? '/leads/'.$lead->id : '/leads';
        $estimatedValue = old('estimated_value') !== null
            ? old('estimated_value')
            : ($lead !== null && (float) $lead->estimated_value > 0 ? number_format((float) $lead->estimated_value, 2, ',', '.') : '');
        $documentation = \App\Services\RichTextSanitizer::clean((string) old('documentation', $lead->documentation ?? ''));
        $affiliates = $affiliates ?? [];
        $destinationProjects = $destinationProjects ?? collect();
        $destinationSystems = $destinationSystems ?? collect();
        $destinationValue = old('destination', $lead?->destination_project_id ? 'project:'.$lead->destination_project_id : ($lead?->destination_system_id ? 'system:'.$lead->destination_system_id : ''));
    @endphp

    <div class="page-head">
        @include('partials.context-back')
        <div class="t"><h1>{{ $editing ? 'Editar lead' : 'Novo lead' }}</h1></div>
    </div>

    <form class="form wide card pad-lg" method="post" action="{{ url($action) }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}" data-lead-editor-form>
        @csrf
        @if ($editing) @method('PUT') @endif

        <div class="form-grid">
            <div class="field{{ field_state('destination') }}">
                <label for="destination">Destino de interesse <span class="hint">opcional</span></label>
                <select id="destination" name="destination" data-searchable-select>
                    <option value="">— Sem destino definido —</option>
                    @if ($destinationProjects->isNotEmpty())
                        <optgroup label="Projetos">
                            @foreach ($destinationProjects as $project)
                                <option value="project:{{ $project->id }}" @selected($destinationValue === 'project:'.$project->id)>{{ $project->name }}{{ !in_array($project->status, \App\Models\Project::OPEN_STATUSES, true) ? ' · '.label($project->status) : '' }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                    @if ($destinationSystems->isNotEmpty())
                        <optgroup label="Soluções">
                            @foreach ($destinationSystems as $system)
                                <option value="system:{{ $system->id }}" @selected($destinationValue === 'system:'.$system->id)>{{ $system->name }}{{ $system->status !== 'ativo' ? ' · '.label($system->status) : '' }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                </select>
                {!! field_error('destination') !!}
            </div>
            <div class="field{{ field_state('name') }}">
                <label for="name">Nome / referência <span class="hint">obrigatório</span></label>
                <input type="text" id="name" name="name" required maxlength="150" value="{{ field_value($lead, 'name') }}">
                {!! field_error('name') !!}
            </div>
            <div class="field{{ field_state('company') }}">
                <label for="company">Empresa</label>
                <input type="text" id="company" name="company" maxlength="180" value="{{ field_value($lead, 'company') }}">
            </div>
            <div class="field{{ field_state('email') }}">
                <label for="email">E-mail</label>
                <input type="email" id="email" name="email" autocomplete="email" value="{{ field_value($lead, 'email') }}">
                {!! field_error('email') !!}
            </div>
            <div class="field{{ field_state('phone') }}">
                <label for="phone">Telefone</label>
                <input type="tel" id="phone" name="phone" inputmode="tel" data-mask="phone" value="{{ field_value($lead, 'phone') }}">
            </div>
            <div class="field{{ field_state('instagram') }}">
                <label for="instagram">Instagram <span class="hint">opcional · @usuario</span></label>
                <input type="text" id="instagram" name="instagram" maxlength="31" autocomplete="off" autocapitalize="none" spellcheck="false" placeholder="@usuario" value="{{ field_value($lead, 'instagram') }}" data-instagram-handle>
                <a class="lead-instagram-preview" href="{{ instagram_profile_url((string) field_value($lead, 'instagram', '')) }}" target="_blank" rel="noopener noreferrer" data-instagram-preview @if(!instagram_profile_url((string) field_value($lead, 'instagram', ''))) hidden @endif><i class="ic sm">open_in_new</i><span data-instagram-preview-label>Abrir perfil no Instagram</span></a>
                {!! field_error('instagram') !!}
            </div>
            <div class="field{{ field_state('document') }}">
                <label for="document">CPF / CNPJ</label>
                <input type="text" id="document" name="document" inputmode="numeric" data-mask="document" value="{{ field_value($lead, 'document') }}">
            </div>
            <div class="field{{ field_state('source') }}">
                <label for="source">Origem</label>
                <input type="text" id="source" name="source" maxlength="100" placeholder="Indicação, Instagram…" value="{{ field_value($lead, 'source') }}">
            </div>
            <div class="field{{ field_state('affiliate_id') }} lead-affiliate-field">
                <div class="lead-affiliate-label"><label for="affiliate_id">Afiliado que indicou <span class="hint">opcional</span></label><button type="button" class="link-button" data-open-affiliate-quick-create><i class="ic sm">add</i> Cadastrar novo afiliado</button></div>
                @php($selectedAffiliate = field_value($lead, 'affiliate_id', ''))
                <select id="affiliate_id" name="affiliate_id" data-searchable-select>
                    <option value="">— Nenhum afiliado —</option>
                    @foreach ($affiliates as $affiliate)
                        <option value="{{ $affiliate->id }}" {{ (string) $selectedAffiliate === (string) $affiliate->id ? 'selected' : '' }}>{{ $affiliate->name }}{{ $affiliate->company ? ' · '.$affiliate->company : '' }} · {{ $affiliate->referral_code }}{{ $affiliate->status !== 'ativo' ? ' ('.affiliate_status_label($affiliate->status).')' : '' }}</option>
                    @endforeach
                </select>
                {!! field_error('affiliate_id') !!}
            </div>
        </div>

        <div class="form-grid thirds">
            <div class="field{{ field_state('stage') }}">
                <label for="stage">Etapa</label>
                <select id="stage" name="stage">
                    @foreach (\App\Models\Lead::STAGES as $itemStage)
                        <option value="{{ $itemStage }}" {{ field_value($lead, 'stage', 'novo') === $itemStage ? 'selected' : '' }}>{{ \App\Models\Lead::stageLabel($itemStage) }}</option>
                    @endforeach
                </select>
                {!! field_error('stage') !!}
            </div>
            <div class="field{{ field_state('temperature') }}">
                <label for="temperature">Temperatura</label>
                <select id="temperature" name="temperature">
                    @foreach (\App\Models\Lead::TEMPERATURES as $temperature)
                        <option value="{{ $temperature }}" {{ field_value($lead, 'temperature', 'morno') === $temperature ? 'selected' : '' }}>{{ \App\Models\Lead::temperatureLabel($temperature) }}</option>
                    @endforeach
                </select>
                {!! field_error('temperature') !!}
            </div>
            <div class="field{{ field_state('estimated_value') }}">
                <label for="estimated_value">Valor estimado</label>
                <input type="text" id="estimated_value" name="estimated_value" inputmode="decimal" data-mask="money" placeholder="R$ 0,00" value="{{ $estimatedValue }}">
                {!! field_error('estimated_value') !!}
            </div>
        </div>

        <div class="form-grid">
            <div class="field{{ field_state('next_contact') }}">
                <label for="next_contact">Próximo contato</label>
                <input type="date" id="next_contact" name="next_contact" value="{{ field_value($lead, 'next_contact') }}">
                {!! field_error('next_contact') !!}
            </div>
            <div class="field{{ field_state('lost_reason') }}">
                <label for="lost_reason">Motivo da perda <span class="hint">se aplicável</span></label>
                <input type="text" id="lost_reason" name="lost_reason" maxlength="500" value="{{ field_value($lead, 'lost_reason') }}">
            </div>
        </div>

        <div class="field{{ field_state('notes') }}">
            <label for="lead-notes-surface">Anotações</label>
            @include('partials.rich-editor', [
                'richEditorId' => 'lead-notes',
                'richEditorName' => 'notes',
                'richEditorValue' => field_raw_value($lead, 'notes'),
                'richEditorMaxlength' => 4000,
                'richEditorPlaceholder' => 'Contexto, necessidades e próximos passos…',
                'richEditorHint' => 'Formatação simples. Digite @ e pelo menos 2 letras para buscar clientes, projetos, soluções, leads e outros registros.',
                'richEditorMentionsUrl' => url('float-notes/references'),
            ])
            {!! field_error('notes') !!}
        </div>

        <div class="field{{ field_state('documentation') }} lead-documentation-field">
            <label for="lead-documentation-surface">Documentação do lead <span class="hint">links, imagens e informações comerciais</span></label>
            @include('partials.rich-editor', [
                'richEditorId' => 'lead-documentation',
                'richEditorName' => 'documentation',
                'richEditorValue' => $documentation,
                'richEditorMaxlength' => 30000,
                'richEditorPlaceholder' => 'Escreva a documentação do lead…',
                'richEditorUploadUrl' => url('/leads/'.($lead->id ?? 0).'/documentacao/imagem'),
                'richEditorHint' => 'A documentação fica vinculada a este lead. Imagens de até 5 MB.',
            ])
            {!! field_error('documentation') !!}
        </div>

        <div class="form-actions">
            @if ($editing && $lead->converted_client_id === null)
                <button type="submit" form="delete-lead-form" class="btn btn--danger" aria-label="Remover lead"><i class="ic">delete</i> Remover lead</button>
            @endif
            <a href="{{ url($cancel) }}" class="btn btn--ghost">Cancelar</a>
            <button type="submit" class="btn btn--primary"><i class="ic">check</i> {{ $editing ? 'Salvar alterações' : 'Cadastrar lead' }}</button>
        </div>
    </form>

    <dialog class="affiliate-quick-dialog" data-affiliate-quick-dialog aria-labelledby="affiliate-quick-title">
        <form method="post" action="{{ url('afiliados') }}" data-ajax data-success="Afiliado cadastrado e selecionado." data-affiliate-quick-form>
            @csrf
            <input type="hidden" name="modal" value="1">
            <input type="hidden" name="status" value="ativo">
            <div class="card-head">
                <div><h2 id="affiliate-quick-title">Cadastrar afiliado</h2><p class="hint">O lead continuará aberto.</p></div>
                <button type="button" class="icon-btn" data-close-affiliate-quick-create aria-label="Fechar"><i class="ic">close</i></button>
            </div>
            <div class="affiliate-quick-dialog__body">
                <label class="check-row affiliate-quick-convert"><input type="checkbox" name="convert_client" value="1" data-affiliate-client-mode> <span>Converter cliente existente</span></label>
                <div class="field" data-affiliate-client-field hidden>
                    <label for="affiliate-client-id">Cliente</label>
                    <select id="affiliate-client-id" name="client_id" data-searchable-select data-remote-options="{{ url('afiliados/clientes-disponiveis') }}" data-search-placeholder="Buscar cliente pelo nome, empresa, e-mail ou documento…" disabled>
                        <option value="">— Busque e selecione —</option>
                    </select>
                    <span class="hint">Os dados atuais serão copiados para o cadastro de afiliado; o cliente original e seus vínculos serão preservados.</span>
                </div>
                <div class="form-grid">
                    <div class="field"><label for="affiliate-quick-name">Nome <span class="hint">obrigatório</span></label><input id="affiliate-quick-name" name="name" required maxlength="150"></div>
                    <div class="field"><label for="affiliate-quick-company">Empresa</label><input id="affiliate-quick-company" name="company" maxlength="180"></div>
                    <div class="field"><label for="affiliate-quick-email">E-mail</label><input id="affiliate-quick-email" type="email" name="email" maxlength="180"></div>
                    <div class="field"><label for="affiliate-quick-phone">Telefone</label><input id="affiliate-quick-phone" name="phone" maxlength="40" data-mask="phone"></div>
                    <div class="field"><label for="affiliate-quick-document">CPF / CNPJ</label><input id="affiliate-quick-document" name="document" maxlength="32" data-mask="document"></div>
                    <div class="field"><label for="affiliate-quick-code">Código de indicação <span class="hint">opcional</span></label><input id="affiliate-quick-code" name="referral_code" maxlength="40" placeholder="Gerado automaticamente se vazio"></div>
                </div>
            </div>
            <div class="form-actions">
                <button type="button" class="btn btn--ghost" data-close-affiliate-quick-create>Cancelar</button>
                <button type="submit" class="btn btn--primary"><i class="ic">check</i> Salvar e selecionar</button>
            </div>
        </form>
    </dialog>

    @if (request()->is('leads/novo') || request()->is('leads/*/editar'))
        <script src="{{ asset('assets/js/affiliate-quick-create.js') }}?v={{ filemtime(public_path('assets/js/affiliate-quick-create.js')) }}" defer></script>
    @endif

    @if ($editing && $lead->converted_client_id === null)
        <form id="delete-lead-form" method="post" action="{{ url('leads/'.$lead->id) }}" data-ajax data-method="DELETE" data-confirm="Remover este lead? Esta ação não pode ser desfeita.">
            @csrf
            @method('DELETE')
        </form>
    @endif
@endsection