@model List<ResultTestimonialDto>
@using ConstructorApp.EntityLayer.Entities

<section class="section novi-background bg-cover section-xl section-inset-2 bg-gray-800 bg-image" style="background-image: url(SeedData/bg-image-1.jpg)">
    <div class="container">
        <!-- Owl Carousel-->
        <div class="owl-carousel owl-style-2" data-loop="true" data-autoplay="true" data-items="1" data-margin="30" data-dots="true" data-mouse-drag="false" data-animation-in="fadeIn" data-animation-out="fadeOut">
            @foreach (var item in Model.Where(x => x.Status == TestimonialStatus.Confirmed))
            {
                <article class="quote-classic">
                    <div class="quote-classic-text">
                        <div class="q">@item.Comment</div>
                    </div>
                    <div class="unit unit-spacing-md align-items-center text-left d-inline-flex">
                        <div class="unit-left">
                            <div class="quote-classic-figure">
                                <img src="@item.ImageUrl" alt="@item.Name" width="80" height="80" />
                            </div>
                        </div>
                        <div class="unit-body">
                            <div class="quote-classic-author">@item.Name</div>
                            <div class="quote-classic-status">@item.Title</div>
                        </div>
                    </div>
                    <div class="quote-classic-decor-wrap">
                        <div class="quote-classic-decor"></div>
                        <div class="quote-classic-decor"></div>
                    </div>
                </article>
            }
        </div>
    </div>
</section>
