@php
    // ডাটাবেস থেকে সেটিংস লোড করা
    $site = \App\Models\SiteSetting::first();
@endphp

<footer style="background-color: #1a1e21; color: #ffffff; padding: 60px 0 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px;">
            
            <div>
                @if($site->logo)
                    <img src="{{ asset('storage/' . $site->logo) }}" alt="Logo" style="height: 50px; margin-bottom: 20px;">
                @else
                    <h2 style="color: #3498db; margin-bottom: 20px;">{{ $site->company_name ?? 'Smart Radiance' }}</h2>
                @endif
                <p style="color: #bdc3c7; line-height: 1.6; font-size: 14px;">
                    {{ $site->address }}
                </p>
                <div style="margin-top: 15px;">
                    <span style="background: #27ae60; color: white; padding: 4px 12px; border-radius: 50px; font-size: 12px;">
                        {{ $site->status_text ?? 'Active' }}
                    </span>
                </div>
            </div>

            <div>
                <h4 style="border-bottom: 2px solid #3498db; display: inline-block; padding-bottom: 5px; margin-bottom: 20px;">Quick Support</h4>
                <ul style="list-style: none; padding: 0; font-size: 15px;">
                    <li style="margin-bottom: 12px;">
                        <a href="tel:{{ $site->contact_no }}" style="color: #ecf0f1; text-decoration: none; display: flex; align-items: center; gap: 10px;">
                            <span style="font-size: 18px;">📞</span> Call: {{ $site->contact_no }}
                        </a>
                    </li>
                    <li style="margin-bottom: 12px;">
                        <a href="mailto:{{ $site->email }}" style="color: #ecf0f1; text-decoration: none; display: flex; align-items: center; gap: 10px;">
                            <span style="font-size: 18px;">📧</span> Mail: {{ $site->email }}
                        </a>
                    </li>
                    @if($site->helpline)
                    <li style="margin-bottom: 12px;">
                        <a href="tel:{{ $site->helpline }}" style="color: #ecf0f1; text-decoration: none; display: flex; align-items: center; gap: 10px;">
                            <span style="font-size: 18px;">🎧</span> Helpline: {{ $site->helpline }}
                        </a>
                    </li>
                    @endif
                </ul>
            </div>

            <div>
                <h4 style="border-bottom: 2px solid #3498db; display: inline-block; padding-bottom: 5px; margin-bottom: 20px;">Connect With Us</h4>
                <div style="display: flex; gap: 15px; flex-wrap: wrap;">
                    
                    @if($site->whatsapp_number)
                    <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $site->whatsapp_number) }}" target="_blank" title="WhatsApp Chat" 
                       style="background: #25D366; padding: 10px; border-radius: 8px; display: flex; align-items: center; transition: 0.3s;">
                        <img src="https://cdn-icons-png.flaticon.com/512/3670/3670051.png" alt="WhatsApp" style="width: 25px; height: 25px;">
                    </a>
                    @endif

                    @if($site->facebook_url)
                    <a href="{{ $site->facebook_url }}" target="_blank" title="Facebook Page"
                       style="background: #1877F2; padding: 10px; border-radius: 8px; display: flex; align-items: center; transition: 0.3s;">
                        <img src="https://cdn-icons-png.flaticon.com/512/5968/5968764.png" alt="Facebook" style="width: 25px; height: 25px;">
                    </a>
                    @endif

                    @if($site->youtube_url)
                    <a href="{{ $site->youtube_url }}" target="_blank" title="YouTube Channel"
                       style="background: #FF0000; padding: 10px; border-radius: 8px; display: flex; align-items: center; transition: 0.3s;">
                        <img src="https://cdn-icons-png.flaticon.com/512/1384/1384060.png" alt="YouTube" style="width: 25px; height: 25px;">
                    </a>
                    @endif
                </div>
                <p style="margin-top: 20px; font-size: 13px; color: #bdc3c7;">
                    আমাদের সোশ্যাল মিডিয়া ফলো করে আপডেট থাকুন।
                </p>
            </div>

        </div>

        <hr style="border: 0; border-top: 1px solid #2c3e50; margin: 40px 0 20px;">

        <div style="text-align: center; color: #7f8c8d; font-size: 14px;">
            <p>&copy; {{ date('Y') }} <strong>{{ $site->company_name }}</strong>. All Rights Reserved.</p>
        </div>
    </div>
</footer>