@extends('public.layouts.default')

@section('title')
    |Testimonial
@endsection

@section('content')
<div class="hero-section testimonial-page-hero inner-page-hero">
        <div class="container-md">
            <h1 class="hero-heading">Testimonials</h1>
            <p><a href="/">Home</a> / Testimonials</p>
        </div>
    </div>
    <div class="container-sm">
        <div class="padding-wrap testimonails-block">
        <div class="text-center">
            <h2>Some words From Our Happy Clients</h2>
        </div>

                <div class="row">
                    <div class="col-md-12">
                    <ul class="Testimonials-list">
                        @foreach($testimonials as $testimonial)
                        <li class="testimonial_sub_container" style="display: list-item;">
                        <div class="client-pic">
                            @if($testimonial['image'] != NULL)
                            <img src="{{ asset('/storage/images/testimonial/'.$testimonial['image']) }}" alt="Client Image" title="Client Image">
                            @else
                            <img src="{{ asset('/storage/images/home/no_image.jpg') }}" alt="Client Image" title="Client Image">
                            @endif
                        </div>
                            <div class="client-testimonial">
                                <h3>{{ $testimonial->name}}</h3>
                                @for($i=1;$i<=$testimonial->rating;$i++)
                                    <img src="{{ asset('storage/images/home/star.png') }}" alt="Star" title="Star">
                                @endfor
                                @if(($testimonial->rating * 10) % 10 != 0)
                                    <img src="{{ asset('storage/images/home/halfstar.png') }}" alt="Star" title="Star">
                                @endif
                                <p>{{ $testimonial->comment }}</p>
                            </div>
                        </li>
                        @endforeach
                    </div>
                </div>
                <div class="container-sm">
                    <div class="table-toolbar bottom-spacing">
                        <div class="text-center">
                            @include('common.testimonial-pagination',['record_paginator'=>$testimonials])
                        </div>
                    </div>
                </div>
        </div>
    </div>
@endsection