@extends('layouts.frontend')
@push('page-title')
    Customer Feedback
@endpush
@section('content')
    <section id="cocktailMasterclassPageTop">
        <img class="img-fluid mainBgImage" src="{{ asset('images/homepage/2.jpg') }}">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <h1>Customer Feedback</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="customerFeedbackPageMain">
        <div class="container">
            <div class="row">
                <div class="owl-carousel feedbackCarousel">
                    @foreach($feedbacks as $feedback)
                        <div class="item feedbackItem">
                            <img class="img-fluid topHatImage" src="{{ asset('images/top-hat-white.svg') }}">
                            <h4>{{ $feedback->title }}</h4>
                            @if($feedback->star_rating == 1)
                                <div class="stars">
                                    <i class="fas fa-star"></i>
                                </div>
                            @elseif($feedback->star_rating == 2)
                                <div class="stars">
                                    <i class="fas fa-star"></i><i class="fas fa-star"></i>
                                </div>
                            @elseif($feedback->star_rating == 3)
                                <div class="stars">
                                    <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                                </div>
                            @elseif($feedback->star_rating == 4)
                                <div class="stars">
                                    <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                                </div>
                            @elseif($feedback->star_rating == 5)
                                <div class="stars">
                                    <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                                </div>
                            @endif
                            <div class="content">
                                {!! $feedback->the_content !!}
                            </div>
                            <div class="row align-items-center mt-4">
                                <div class="col-md-6">
                                    @if($feedback->author)
                                        <p class="author">
                                            {{ $feedback->author }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <p class="date">
                                        {{ date('F Y', strtotime($feedback->date)) }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                {{--@foreach($feedbacks as $feedback)
                    <div class="col-md-4">
                        <div class="feedbackItem">
                            <h4>{{ $feedback->title }}</h4>
                            <div class="content">
                                {!! $feedback->the_content !!}
                            </div>
                            @if($feedback->author)
                                <h5 class="author">
                                    {{ $feedback->author }}
                                </h5>
                            @endif
                        </div>
                    </div>
                @endforeach--}}
            </div>
        </div>
    </section>

@endsection