@extends('layout.front.master')

@section('title', config('site.about.testimonials_title', __('Testimonios')))

@section('content')
<div role="main" class="main">
    <section class="section bg-light border-0 py-5">
        <div class="container container-xl-custom">
            <div class="row">
                <div class="col">
                    <p class="mb-1">{{ config('site.about.testimonials_badge', __('LO QUE DICEN')) }}</p>
                    <h3 class="text-secondary font-weight-bold text-capitalize text-7 mb-4">{{ config('site.about.testimonials_title', __('Opiniones de clientes')) }}</h3>
                </div>
            </div>

            @if($featured->count() > 0)
            <div class="row">
                @foreach($featured as $testimonial)
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="testimonial testimonial-style-4 custom-testimonial py-4 px-3 h-100">
                        @if($testimonial->rating)
                        <div class="px-3 ms-4 mb-2">
                            @for($i = 1; $i <= 5; $i++)
                                <i class="fas fa-star {{ $i <= $testimonial->rating ? 'text-warning' : 'text-muted' }} text-2"></i>
                            @endfor
                        </div>
                        @endif
                        <blockquote class="px-3 ms-4">
                            <p class="mb-0 font-weight-normal">{{ $testimonial->description }}</p>
                        </blockquote>
                        <div class="testimonial-arrow-down"></div>
                        <div class="testimonial-author pb-3 mt-1 ms-5">
                            <div class="testimonial-author-thumbnail">
                                <img src="{{ $testimonial->image ?: asset('demo1/media/avatars/300-1.jpg') }}" class="img-fluid rounded-circle" alt="{{ $testimonial->name }}">
                            </div>
                            <p>
                                <strong class="font-weight-extra-bold">{{ $testimonial->name }}</strong>
                                <span class="text-1">{{ strtoupper($testimonial->position ?? '') }}{{ $testimonial->company ? ' - ' . $testimonial->company : '' }}</span>
                            </p>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            @else
            <div class="row">
                <div class="col text-center py-5">
                    <p class="text-muted">{{ __('Aun no hay testimonios publicados.') }}</p>
                </div>
            </div>
            @endif
        </div>
    </section>
</div>
@endsection