@extends('web.layout.default')
@section('content')
    <div class="breadcrumb-sec">
        <div class="container">
            <div class="breadcrumb-sec-content">
                <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li
                            class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                            <a class="fw-bold text-dark" href="{{ URL::to('/') }}">{{ trans('labels.home') }}</a>
                        </li>
                        <li
                            class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                            <a class="text-primary fw-bold" href="javascript:void(0)">{{ trans('labels.testimonials') }}</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="my-5">
        <div class="testimonials-wrapper">
            <div class="container">
                <h3 class="fw-bold fs-2 mb-4 truncate-2">{{ trans('labels.testimonials') }}</h3>
                @if (count($testimonials) > 0)
                    <div class="row g-3">
                        @foreach ($testimonials as $testimonialdata)
                            <div class="col-lg-4 col-md-6 col-sm-12 d-flex">
                                <div class="review bg-white p-3">
                                    <div class="client-img position-relative d-flex mb-3 align-items-center">
                                        <img src="{{ $testimonialdata['user_info']->profile_image }}"
                                            class="img-circle img-responsive rounded-4" />
                                        <div class="mx-3">
                                            <h5 class="text-capitalize fw-bold mb-1">
                                                -{{ $testimonialdata['user_info']->name }}</h5>
                                            <span class="fs-6">Contrary to popular belief.</span>
                                        </div>
                                    </div>
                                    <div class="review-star mb-2">
                                        @php
                                            $ratingcount = $testimonialdata->ratting;
                                        @endphp
                                        @for ($i = 0; $i < 5; $i++)
                                            @if ($i < $ratingcount)
                                                <i class="fa-solid fa-star fs-7"></i>
                                            @else
                                                <i class="fa-regular fa-star fs-7"></i>
                                            @endif
                                        @endfor

                                        <span class="fs-7"> ({{ number_format($testimonialdata->ratting, 1) }}/5.0)</span>
                                    </div>
                                    <p class="m-0">{{ Str::limit($testimonialdata->comment, 100) }}</p>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="mb-5 d-flex justify-content-center">
                        {{ $testimonials->links() }}
                    </div>
                @else
                    @include('web.nodata')
                @endif
                @if (Auth::user() && Auth::user()->type == 2)
                    @if (!helper::check_review_exist(Auth::user()->id))
                        <div class="col-12 d-flex justify-content-center">
                            <a class="btn btn-primary px-4" data-bs-toggle="modal"
                                data-bs-target="#addreviewmodal">{{ trans('labels.add_review') }}</a>
                        </div>
                    @endif
                @else
                    <div class="col-12 d-flex justify-content-center">
                        <a class="btn btn-primary px-4"
                            href="{{ URL::to('/login') }}">{{ trans('labels.add_review') }}</a>
                    </div>
                @endif
            </div>
            <!-- ADD_REVIEW_ODAL_START -->
            <div class="modal fade" id="addreviewmodal" tabindex="-1" aria-labelledby="addreviewmodalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header justify-content-between">
                            <h5 class="modal-title fw-500 color-changer" id="addreviewmodalLabel">
                                {{ trans('labels.add_review') }}</h5>
                            <button type="button" class="bg-transparent border-0 m-0" data-bs-dismiss="modal"
                                aria-label="Close">
                                <i class="fa-regular fa-xmark fs-5 color-changer"></i>
                            </button>
                        </div>
                        <form action="{{ URL::to('/add-review') }}" method="POST" class="mb-0">
                            @csrf
                            <div class="modal-body">
                                <div class="form-body">
                                    <div class="form-group col-lg-12 text-center">
                                        <div class="review border-0 py-0">
                                            <img src="{{ helper::image_path(@Auth::user()->profile_image) }}"
                                                class="img-circle img-responsive mb-0" />
                                            <h4 class="mb-0 mt-3">{{ @Auth::user()->name }}</h4>
                                        </div>
                                        <div class="star-rating">
                                            @for ($i = 5; $i > 0; $i = $i - 1)
                                                <input type="radio" id="{{ $i }}" name="rating"
                                                    onclick="$('#ratting').val('{{ $i }}')"
                                                    {{ $i == 1 ? 'checked' : '' }}>
                                                <label for="{{ $i }}"><i class="fa-solid fa-star"
                                                        aria-hidden="true"></i></label>
                                            @endfor
                                            @error('ratting')
                                                <span class="text-danger"> <br> {{ $message }} </span>
                                            @enderror
                                        </div>
                                        <input type="hidden" name="ratting" id="ratting" value="1">
                                    </div>
                                    <div class="form-group col-lg-12">
                                        <textarea name="message" rows="4" class="form-control" placeholder="Message" required></textarea>
                                        @error('message')
                                            <span class="text-danger"> {{ $message }} </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer justify-content-center border-0">
                                <div class="row w-100 g-2 m-0">
                                    <div class="col-6">
                                        <button type="button" class="btn btn-danger px-4 w-100"
                                            data-bs-dismiss="modal">{{ trans('labels.close') }}</button>
                                    </div>
                                    <div class="col-6">
                                        <button type="submit"
                                            class="btn btn-primary px-4 w-100 p-2">{{ trans('labels.save') }}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- ADD_REVIEW_ODAL_END -->
        </div>
    </section>

@endsection