@extends('public.layout')
@section('title', 'Thank You')
@section('body')
<div class="card shadow-sm mx-auto text-center" style="max-width: 560px;">
    <div class="card-body p-4">
        <h4 class="card-title mb-2">Thank you for your review!</h4>
        <p class="text-muted">We appreciate your feedback.</p>

        @if($show_social && isset($social_links) && count(array_filter($social_links)) > 0)
            <p class="mb-2">Love us? Share your experience:</p>
            <div class="d-flex justify-content-center flex-wrap gap-3 mb-3">
                @if(!empty($social_links['google']))
                    <a href="{{ $social_links['google'] }}" target="_blank" rel="noopener" class="btn btn-outline-secondary btn-lg" title="Google"><i class="fab fa-google"></i> Google</a>
                @endif
                @if(!empty($social_links['facebook']))
                    <a href="{{ $social_links['facebook'] }}" target="_blank" rel="noopener" class="btn btn-outline-primary btn-lg" title="Facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
                @endif
                @if(!empty($social_links['instagram']))
                    <a href="{{ $social_links['instagram'] }}" target="_blank" rel="noopener" class="btn btn-outline-danger btn-lg" title="Instagram"><i class="fab fa-instagram"></i> Instagram</a>
                @endif
                @if(!empty($social_links['twitter']))
                    <a href="{{ $social_links['twitter'] }}" target="_blank" rel="noopener" class="btn btn-outline-info btn-lg" title="Twitter/X"><i class="fab fa-twitter"></i> Twitter</a>
                @endif
                @if(!empty($social_links['linkedin']))
                    <a href="{{ $social_links['linkedin'] }}" target="_blank" rel="noopener" class="btn btn-outline-primary btn-lg" title="LinkedIn"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
                @endif
            </div>
        @endif
    </div>
</div>
@endsection