@extends('layouts.public')
@section('title','Support | PLOCAL')
@section('description','Get help with PLOCAL accounts, business Profiles, evaluations, payments, and trust and safety questions.')
@section('canonical',config('plocal.public_url').'/support.html')
@section('image',config('plocal.public_url').'/assets/img/og-meta/plocal-support.png')
@push('styles')<link rel="stylesheet" href="/assets/css/pages/support-public.css">@endpush
@section('content')
@include('public.partials.site-header')
<main id="main-content" class="plocal-support-page">
    <section class="plocal-support-hero" aria-labelledby="support-title"><div class="container plocal-support-container"><nav class="plocal-support-breadcrumb" aria-label="Breadcrumb"><ol><li><a href="{{ url('/') }}">Home</a></li><li aria-current="page">Support</li></ol></nav><div class="plocal-support-hero-content"><p class="plocal-support-eyebrow">PLOCAL Support</p><h1>We’re here to help you move forward.</h1><p>Tell us what happened and include enough context for our team to understand your question about PLOCAL.</p></div></div></section>
    <section class="plocal-support-section" aria-labelledby="support-form-title"><div class="container plocal-support-container plocal-support-grid"><div class="plocal-support-intro"><p class="plocal-support-eyebrow">Send a support request</p><h2 id="support-form-title">A clear request gets the right context.</h2><p>Use this form for account, Profile, Evaluation, payment, billing, accessibility, or Trust &amp; Safety questions. Do not include passwords or payment card details.</p><div class="plocal-support-contact"><div><i class="far fa-envelope" aria-hidden="true"></i><span><strong>Email</strong><a href="mailto:info@plocal.com">info@plocal.com</a></span></div><div><i class="far fa-phone" aria-hidden="true"></i><span><strong>Phone</strong><a href="tel:+18889883213">888-988-3213</a></span></div></div></div><form class="plocal-support-form" action="{{ route('public.support-cases.store') }}" method="post" data-plocal-support-form novalidate><input type="hidden" name="source_form" value="support"><input type="text" name="_plocal_hp" tabindex="-1" autocomplete="off" aria-hidden="true" class="plocal-support-honeypot"><div class="plocal-support-row"><label for="support-name">Name</label><input id="support-name" name="name" type="text" maxlength="120" autocomplete="name" required></div><div class="plocal-support-row"><label for="support-email">Email</label><input id="support-email" name="email" type="email" maxlength="254" autocomplete="email" required></div><div class="plocal-support-row"><label for="support-phone">Phone <span>(optional)</span></label><input id="support-phone" name="phone" type="tel" maxlength="40" autocomplete="tel"></div><div class="plocal-support-row"><label for="support-topic">Support topic</label><select id="support-topic" name="support_topic" required><option value="" selected disabled>Select a topic</option><option value="account">Account access</option><option value="business-profile">Business Profile</option><option value="plocal-score">PLOCAL Score / Evaluation</option><option value="badge">Badge or recognition</option><option value="submission">Business submission</option><option value="trust-safety">Trust &amp; Safety</option><option value="billing">Billing or refund</option><option value="accessibility">Accessibility</option><option value="legal-privacy">Legal or privacy</option><option value="other">Other</option></select></div><div class="plocal-support-row"><label for="support-business">Business or Profile <span>(optional)</span></label><input id="support-business" name="business_or_profile" type="text" maxlength="255"></div><div class="plocal-support-row"><label for="support-link">Relevant link <span>(optional)</span></label><input id="support-link" name="relevant_link" type="url" maxlength="2048" placeholder="https://"></div><div class="plocal-support-row"><label for="support-message">How can we help?</label><textarea id="support-message" name="message" rows="6" minlength="10" maxlength="10000" required></textarea></div><label class="plocal-support-consent"><input type="checkbox" name="consent" value="1" required><span>I confirm this request does not include passwords, full card numbers, or security codes.</span></label><button class="plocal-support-submit" type="submit">Send support request <i class="far fa-arrow-right" aria-hidden="true"></i></button><p class="plocal-support-feedback" data-support-feedback role="status" aria-live="polite"></p></form></div></section>
    <section class="plocal-support-section plocal-support-section--soft" aria-labelledby="support-more-title"><div class="container plocal-support-container plocal-support-more"><div><p class="plocal-support-eyebrow">More help</p><h2 id="support-more-title">Start with the resource that fits.</h2><p>Find answers in the FAQ, learn about safer local decisions, or contact PLOCAL for a general question.</p></div><div class="plocal-support-actions"><a href="{{ url('/faq.html') }}">Read the FAQ <i class="far fa-arrow-right" aria-hidden="true"></i></a><a href="{{ url('/trust-and-safety.html') }}">Trust &amp; Safety <i class="far fa-arrow-right" aria-hidden="true"></i></a></div></div></section>
</main>
@include('public.partials.site-footer')
@push('scripts')<script>document.addEventListener('DOMContentLoaded',function(){const form=document.querySelector('[data-plocal-support-form]');if(!form)return;const feedback=form.querySelector('[data-support-feedback]');form.addEventListener('submit',async function(event){event.preventDefault();if(!form.checkValidity()){form.reportValidity();return;}const button=form.querySelector('button[type="submit"]');button.disabled=true;feedback.textContent='Sending your request…';feedback.className='plocal-support-feedback is-sending';try{const response=await fetch(form.action,{method:'POST',headers:{Accept:'application/json','X-Requested-With':'XMLHttpRequest'},body:new FormData(form)});const data=await response.json();if(!response.ok)throw new Error(data.error||'Please check the form and try again.');form.reset();feedback.textContent=data.message||'Your request was received by PLOCAL.';feedback.className='plocal-support-feedback is-success';}catch(error){feedback.textContent=error.message||'Your request could not be received. Please email info@plocal.com.';feedback.className='plocal-support-feedback is-error';}finally{button.disabled=false;}});});</script>@endpush
@endsection