@extends('layouts.app')
@section('title','Nova comunicação')
@section('content')
<div class="page-header"><div><h1>Nova comunicação em lote</h1><p class="muted">Cada endereço é deduplicado e verificado contra a lista de supressão.</p></div><a class="btn btn-secondary" href="{{ route('communications.index') }}">Voltar</a></div>
<form id="communication-form" method="post" action="{{ route('communications.store') }}" class="form-grid">@csrf
<div class="card form-grid"><h2>Mensagem</h2><div class="form-row"><label>Nome interno<input name="name" value="{{ old('name') }}" required></label><label>Modelo<select name="email_template_id" id="template"><option value="">Sem modelo</option>@foreach($templates as $t)<option value="{{ $t->id }}" data-subject="{{ e($t->subject) }}" data-html="{{ e($t->html_body) }}" data-text="{{ e($t->text_body) }}">{{ $t->name }}</option>@endforeach</select></label></div><label>Assunto<input id="subject" name="subject" value="{{ old('subject') }}" required></label><label>Conteúdo HTML<textarea id="html_body" name="html_body" rows="12" required>{{ old('html_body') }}</textarea></label><label>Versão texto<textarea id="text_body" name="text_body" rows="6">{{ old('text_body') }}</textarea></label><p class="muted">Placeholders: {recipient_name}, {student_name}, {student_names}, {room_name}, {room_names}, {dossier_name}, {dossier_names}, {tenant_name}, {current_date}, {unsubscribe_url}, {document_names}.</p></div>
<div class="card form-grid"><h2>Destinatários</h2><label>Tipo de público<select name="audience_type" id="audience_type"><option value="custom">Lista personalizada</option><option value="dossiers">Dossiês selecionados</option><option value="rooms">Salas selecionadas</option><option value="all_contacts">Todos os contactos ativos</option></select></label><div id="custom_box"><label>Um destinatário por linha<textarea name="custom_recipients" rows="8" placeholder="Nome <email@dominio.pt>\nOutro Nome;outro@dominio.pt">{{ old('custom_recipients') }}</textarea></label></div><div id="dossiers_box" hidden><label>Dossiês<select name="dossier_ids[]" multiple size="10">@foreach($dossiers as $d)<option value="{{ $d->id }}">{{ $d->name }} {{ $d->external_reference ? '· '.$d->external_reference : '' }}</option>@endforeach</select></label></div><div id="rooms_box" hidden><label>Salas<select name="room_ids[]" multiple size="8">@foreach($rooms as $r)<option value="{{ $r->id }}">{{ $r->name }} · {{ $r->school_year }}</option>@endforeach</select></label></div><label>Contactos<select name="contact_types[]" multiple size="6"><option value="all" selected>Todos os responsáveis</option><option value="primary">Apenas contacto principal</option><option value="father">Pai</option><option value="mother">Mãe</option><option value="guardian">Encarregado de educação</option><option value="other">Outro</option></select></label><div class="actions"><button type="button" id="preview-audience" class="btn btn-secondary">Pré-visualizar destinatários</button></div><div id="audience-preview-result" class="muted"></div></div>
<div class="card form-grid"><h2>Entrega e tracking</h2><div class="form-row"><label>Nome do remetente<input name="from_name" value="{{ old('from_name',config('communications.default_from_name')) }}"></label><label>Email do remetente<input type="email" name="from_email" value="{{ old('from_email',config('communications.default_from_address')) }}"></label></div><label>Responder para<input type="email" name="reply_to_email" value="{{ old('reply_to_email',config('communications.default_reply_to')) }}"></label><div class="actions"><label class="checkbox"><input type="checkbox" name="track_opens" value="1" checked> Tracking de abertura</label><label class="checkbox"><input type="checkbox" name="track_clicks" value="1" checked> Tracking de cliques</label><label class="checkbox"><input type="checkbox" name="allow_unsubscribe" value="1" checked> Permitir cancelamento</label></div><label>Agendar para<input type="datetime-local" name="scheduled_at" value="{{ old('scheduled_at') }}"></label></div>
<div class="card form-grid"><h2>Anexos</h2><label>Documentos privados<select name="document_ids[]" multiple size="10">@foreach($documents as $d)<option value="{{ $d->id }}">{{ $d->original_name }} · {{ number_format($d->size/1024,0,',','.') }} KB</option>@endforeach</select></label></div>
<div class="actions"><button class="btn btn-primary" name="send_now" value="1">Criar e enviar</button><button class="btn btn-secondary">Criar/agendar</button></div></form>
@endsection
@push('scripts')<script>
const type=document.getElementById('audience_type');function audience(){document.getElementById('custom_box').hidden=type.value!=='custom';document.getElementById('dossiers_box').hidden=type.value!=='dossiers';document.getElementById('rooms_box').hidden=type.value!=='rooms';}type.addEventListener('change',audience);audience();
document.getElementById('template').addEventListener('change',e=>{const o=e.target.selectedOptions[0];if(!o||!o.value)return;document.getElementById('subject').value=o.dataset.subject||'';document.getElementById('html_body').value=o.dataset.html||'';document.getElementById('text_body').value=o.dataset.text||'';});
document.getElementById('preview-audience').addEventListener('click',async()=>{const box=document.getElementById('audience-preview-result');box.textContent='A calcular...';try{const response=await fetch(@json(route('communications.audience-preview')),{method:'POST',headers:{'X-CSRF-TOKEN':document.querySelector('meta[name=csrf-token]').content,'Accept':'application/json'},body:new FormData(document.getElementById('communication-form'))});const data=await response.json();if(!response.ok)throw new Error(Object.values(data.errors||{}).flat().join(' ')||data.message||'Não foi possível calcular.');const excluded=data.excluded||{};box.style.whiteSpace='pre-line';box.textContent=[data.count+' destinatário(s) válido(s)','Excluídos: '+(excluded.invalid||0)+' inválidos, '+(excluded.duplicate||0)+' duplicados, '+(excluded.suppressed||0)+' suprimidos, '+(excluded.without_email||0)+' sem email.',...data.sample.map(item=>(item.name?item.name+' · ':'')+item.email+' ('+item.type+')')].join('\n');}catch(error){box.textContent=error.message;}});
</script>@endpush