@* Views/Shared/_TestimonialsSection.cshtml *@
@model OnlyOneAccessTemplate.Models.ContentBlock

<div class="row justify-content-center">
    @{
        var testimonials = new[]
        {
    new { Quote = ViewBag.Testimonial1Quote ?? "Excelente ferramenta, muito fácil de usar!", Name = ViewBag.Testimonial1Name ?? "Maria Silva", Position = ViewBag.Testimonial1Position ?? "Usuária" },
    new { Quote = ViewBag.Testimonial2Quote ?? "Economizou muito do meu tempo no trabalho.", Name = ViewBag.Testimonial2Name ?? "João Santos", Position = ViewBag.Testimonial2Position ?? "Profissional" },
    new { Quote = ViewBag.Testimonial3Quote ?? "Recomendo para todos que precisam converter arquivos.", Name = ViewBag.Testimonial3Name ?? "Ana Costa", Position = ViewBag.Testimonial3Position ?? "Cliente" }
    };
    }

    @foreach (var testimonial in testimonials)
    {
        <div class="col-lg-4 col-md-6 mb-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body text-center p-4">
                    <div class="mb-3">
                        <i class="fas fa-quote-left text-primary fa-2x opacity-50"></i>
                    </div>
                    <p class="card-text mb-4 fst-italic">
                        "@testimonial.Quote"
                    </p>
                    <div class="d-flex align-items-center justify-content-center">
                        <div class="avatar me-3">
                            <div class="bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                <span class="text-white fw-bold">@testimonial.Name.Substring(0, 1)</span>
                            </div>
                        </div>
                        <div class="text-start">
                            <h6 class="mb-0 fw-bold">@testimonial.Name</h6>
                            <small class="text-muted">@testimonial.Position</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
</div>

<!-- Avaliação Geral -->
<div class="row mt-4">
    <div class="col-12 text-center">
        <div class="d-inline-flex align-items-center bg-success bg-opacity-10 rounded-pill px-4 py-2">
            <div class="me-2">
                @for (int i = 1; i <= 5; i++)
                {
                    <i class="fas fa-star text-warning"></i>
                }
            </div>
            <span class="fw-bold text-success">4.9/5</span>
            <span class="text-muted ms-2">@(ViewBag.TestimonialsCount ?? "Mais de 500 avaliações positivas")</span>
        </div>
    </div>
</div>