@extends('frontend.layouts.master')
@section('title')
    Unbound Bangladesh | Reviews
@endsection
@section('content')
    <section class="tours-hero bg-success text-white py-5">
        <div class="container">
            <h1 class="display-4 fw-bold mb-3 text-center">Explore Reviews</h1>
        </div>
    </section>
    <nav class="breadcrumb-nav" aria-label="breadcrumb">
        <div class="container">
            <div class="d-flex align-items-center text-white">
                <i class="bi bi-house-door me-2"></i>
                <a href="{{ route('home.home') }}" class="text-white text-decoration-none me-2">Home</a>
                <span class="me-2">•</span>
                <span>Reviews</span>
            </div>
        </div>
    </nav>

    <section class="tours-content py-5">
        <div class="container">
            <div class="row">
                @foreach ($testimonials as $testimonial)
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="bg-white border-0 card">
                            <div class="card-body">
                                <p class="testimonial-quote d-flex align-items-start">
                                    <span class="quote-icon">
                                        <i class="bi bi-quote"></i>
                                    </span>
                                    <span class="testimonial-text">
                                        {{ $testimonial->message }}
                                    </span>
                                </p>
                                <a href="#" title="George Joan H.">
                                    <div class="d-flex justify-content-center align-items-center gap-2 mt-4 mt-md-5">
                                        <img src="{{ $testimonial->image ? $testimonial->image : asset('frontend/img/avatar.jpg') }}"
                                            alt="Customer" class="rounded-circle" style="width: 40px; height: 40px;"
                                            loading="lazy">
                                        <div class="text-start">
                                            <strong class="title">{{ $testimonial->full_name }}</strong><br>
                                            <small class="text-muted address">{{ $testimonial->address }}</small>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="mt-5">
                {{ $testimonials->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </section>
@endsection