@php
    $supportSettings = \App\Models\SiteSetting::getGroup('support');
    $whatsappEnabled = (($supportSettings['whatsapp_enabled'] ?? '0') === '1') && !empty($supportSettings['whatsapp_number']);
    $livechatEnabled = (($supportSettings['livechat_enabled'] ?? '0') === '1') && !empty($supportSettings['livechat_embed_code']);
@endphp

@if($whatsappEnabled)
<a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $supportSettings['whatsapp_number']) }}?text={{ urlencode($supportSettings['whatsapp_message'] ?? '') }}"
   class="support-widget support-widget-whatsapp"
   target="_blank"
   rel="noopener nofollow"
   aria-label="Chat on WhatsApp">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.5 0 1.47 1.07 2.89 1.22 3.09.15.2 2.11 3.22 5.11 4.51.71.31 1.27.49 1.7.63.72.23 1.37.2 1.88.12.58-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.79h-.01a9.72 9.72 0 01-4.95-1.35l-.36-.21-3.68.96.98-3.59-.23-.37a9.73 9.73 0 01-1.49-5.19c0-5.37 4.38-9.75 9.75-9.75a9.7 9.7 0 016.89 2.86 9.7 9.7 0 012.86 6.9c0 5.37-4.38 9.74-9.76 9.74zm8.48-18.23A11.7 11.7 0 0012.05 0C5.48 0 .1 5.38.1 11.96c0 2.11.55 4.17 1.6 5.99L.02 24l6.17-1.62a11.94 11.94 0 005.86 1.49c6.57 0 11.95-5.38 11.95-11.95 0-3.2-1.24-6.2-3.47-8.36z"/></svg>
    <span class="support-widget-label">WhatsApp</span>
</a>
@endif

@if($livechatEnabled)
{!! $supportSettings['livechat_embed_code'] !!}
@endif

@push('styles')
<style>
.support-widget {
    position: fixed;
    right: 20px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #25D366;
    color: #fff;
    padding: 12px 18px;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    bottom: 100px;
    transition: transform 0.2s ease;
}
.support-widget:hover {
    transform: translateY(-2px);
    color: #fff;
}
</style>
@endpush