@extends('layouts.main_frontend')
@section('content')
{{-- {{dd("ss")}} --}}
    <main>
        <!-- Desktop Breadcrumb -->
        <section class="py-md-4 py-2">
            <div class="container">
                <nav class="breadcrumb-container" aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{route('Home')}}"> @lang('site.home') </a>
                        </li>
                        <li class="breadcrumb-item">

                            <span
                            >@lang('site.comments')</span>
                        </li>

                    </ol>
                </nav>
            </div>
        </section>
        <section class="py-4">
            <div class="container">


                <div class="row mt-5 pb-2">
                    <div class="col-12">
                        <div
                            class="d-flex justify-content-between align-items-center border-bottom-header">
                            <div>
                                <h2>@lang('site.Customer reviews')

                                </h2>
                            </div>

                        </div>
                    </div>
                </div>
               
                <div class="row">
                    <div class="col-12 pt-4 mb-lg-5">

                        @foreach($car->carComment as $comment)

                            <div class="condition-content">
                                <div
                                    class="d-flex justify-content-between reviews-contentt"
                                >
                                    <div class="d-sm-flex w-100">
                                        <div class="reviews-image">
                                            <img src="{{ $comment->user->image ?? asset('images/person.jpg') }}"
                                            alt=""
                                            style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover;" />
                                            {{-- @if(!empty($comment->user->image))
                                                <img
                                                    src="{{asset('images/employee/'.$comment->user->image ?? '')}}"
                                                    alt="UserName"
                                                />

                                            @else
                                                <img
                                                    src="{{FRONTASSETS}}/images/review-image.png"
                                                    alt="UserName"
                                                />
                                            @endif --}}
                                        </div>
                                        <div class="w-100 padding-right">
                                            <h2 class="reviews-title d-flex text-second">
                                                {{$comment->user->firstname ?? ''}}
                                                {{$comment->user->lastname ?? ''}}
                                                <div class="comment-image">
                                                    <img src="{{ $comment->user->country->flag_image ?? 'https://saeeh-file-bucket.s3.amazonaws.com/images/countries/1716191558.jpg' }}"
                                                    width="25px" height="25px" alt="">
                                                    {{-- @if(!empty($comment->user->country->flag_image))
                                                        <img


                                                            src="{{asset('images/countries/'.$comment->user->country->flag_image)}}" width="25px" height="25px"
                                                            onerror="this.src={{FRONTASSETS}}/images/car-icons/turkey.png"
                                                            alt="flag-icon">

                                                    @else
                                                        <img


                                                            src="{{FRONTASSETS}}/images/car-icons/turkey.png" width="25px" height="25px"
                                                            onerror="this.src={{FRONTASSETS}}/images/car-icons/turkey.png"
                                                            alt="flag-icon">

                                                    @endif --}}
                                                </div>
                                            </h2>
                                            <p class="details-sm-txt mb-0">
                                                {!! strip_tags(html_entity_decode($comment->description ?? '')) !!}

                                                {{-- {!! html_entity_decode(substr($comment->description, 0, 125)) !!} --}}
                                            </p>
                                        </div>
                                    </div>

                                    <div class="department-badge bg-main text-white">
                                        <div class="pt-1">{{$comment->rating ?? 0}}</div>
                                        <div>
                                           <i class="fas fa-star"> </i>
                                        </div>
                                    </div>
                                </div>

                                {{-- <hr class="hr-saeeh"/> --}}
                            </div>
                        @endforeach
                    </div>
                    {{-- <div class="col-12 d-flex justify-content-end mb-5">
                        <div
                            class="booking-now-btn py-4 d-flex justify-content-center align-items-center"
                        >
                            <a href="#"> @lang('site.book')</a>
                        </div>
                    </div> --}}
                </div>

            </div>
        </section>
    </main>

@endsection