@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs">
            <div class="container d-flex">
                {{ Breadcrumbs::render('evaluate-page', $order->hash_order_id) }}
            </div>
        </div>

        <section class="inner-page">
            <div class="container">
                <div class="text-page-container text-page-block mx-auto" style="max-width: 600px">

                    <div class="modal-title">{{ str_replace('{order_id}', $order->id, ShowLabelById(137)) }}</div>

                    <form method="POST" action="{{ route('ajax-save-evaluate') }}" id="order-evaluate"
                          enctype="multipart/form-data">

                        @csrf
                        <input type="hidden" name="current_url" value="{{ url()->current() }}">
                        <input type="hidden" name="hash_order_id" value="{{ $order->hash_order_id }}">

                        <div class="review-modal-appreciate">

                            @if($evaluate_items && $evaluate_items->children->isNotEmpty())
                                @foreach($evaluate_items->children as $one_evaluate_item)
                                    <div class="product-reviews-appreciate-wrapper position-relative mt-3">
                                        <div class="product-reviews-appreciate-title">
                                            <p>{{ $one_evaluate_item->name }} *:</p>
                                        </div>
                                        <div class="product-reviews-appreciate justify-content-start">
                                            <input type="radio" name="evaluate[{{ $one_evaluate_item->id }}]" id="star-{{ $one_evaluate_item->id }}-1" value="5">
                                            <label for="star-{{ $one_evaluate_item->id }}-1"></label>
                                            <input type="radio" name="evaluate[{{ $one_evaluate_item->id }}]" id="star-{{ $one_evaluate_item->id }}-2" value="4">
                                            <label for="star-{{ $one_evaluate_item->id }}-2"></label>
                                            <input type="radio" name="evaluate[{{ $one_evaluate_item->id }}]" id="star-{{ $one_evaluate_item->id }}-3" value="3">
                                            <label for="star-{{ $one_evaluate_item->id }}-3"></label>
                                            <input type="radio" name="evaluate[{{ $one_evaluate_item->id }}]" id="star-{{ $one_evaluate_item->id }}-4" value="2">
                                            <label for="star-{{ $one_evaluate_item->id }}-4"></label>
                                            <input type="radio" name="evaluate[{{ $one_evaluate_item->id }}]" id="star-{{ $one_evaluate_item->id }}-5" value="1">
                                            <label for="star-{{ $one_evaluate_item->id }}-5"></label>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>

                        <div class="modal-otzyv">

                            <div class="change-inputs-item">
                                <label for="comment">{{ ShowLabelById(74) }}</label>
                                <textarea name="comment" id="comment"
                                          class="round-inputs w-100"
                                          style="height:150px"></textarea>
                            </div>

                            <div class="item-val-buy modal-otzyv-button">
                                <button type="submit" class="default prevent-repeated-click-evaluate"
                                        onclick="saveForm(this)" data-form-id="order-evaluate">{{ ShowLabelById(138) }}
                                </button>
                            </div>
                        </div>

                    </form>

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

    </div>

@stop