@extends('front.front-app')

@include('front.header')

@section('container')
    <div class="main-content">
        <div class="container">
            <!-- Review Page start -->
            <div class="section review-page">
                <div class="container">
                    <div class="review-page-head">
                        <div class="review-page-title">{{ShowLabelById(398, $lang_id)}} <b>№{{$originalId}}</b></div>
                        <div class="review-page-text">
                            <p><b>{{ShowLabelById(399, $lang_id)}}</b></p>
                            <P>{{ShowLabelById(400, $lang_id)}}</P>
                        </div>
                    </div>
                    <div class="review-page-form">
                        <form method="post" action="{{ url($lang, ['orderFeedback', 'feedback']) }}" id="order-review" enctype="multipart/form-data">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="order_id" value="{{ $originalId or '' }}">
                            <div class="review-page-appreciate-wrapper">
                                <div class="review-page-appreciate-title">
                                    <p>{{ShowLabelById(401, $lang_id)}}</p>
                                </div>
                                <div class="review-page-appreciate">
                                    <input type="radio" name="delivery-rating" id="star-5" value="5">
                                    <label for="star-5"></label>
                                    <input type="radio" name="delivery-rating" id="star-4" value="4">
                                    <label for="star-4"></label>
                                    <input type="radio" name="delivery-rating" id="star-3" value="3">
                                    <label for="star-3"></label>
                                    <input type="radio" name="delivery-rating" id="star-2" value="2">
                                    <label for="star-2"></label>
                                    <input type="radio" name="delivery-rating" id="star-1" value="1">
                                    <label for="star-1"></label>
                                </div>
                            </div>
                            <div class="review-page-appreciate-wrapper">
                                <div class="review-page-appreciate-title">
                                    <p>{{ShowLabelById(402, $lang_id)}}</p>
                                </div>
                                <div class="review-page-appreciate">
                                    <input type="radio" name="operator-rating" id="star-51" value="5">
                                    <label for="star-51"></label>
                                    <input type="radio" name="operator-rating" id="star-41" value="4">
                                    <label for="star-41"></label>
                                    <input type="radio" name="operator-rating" id="star-31" value="3">
                                    <label for="star-31"></label>
                                    <input type="radio" name="operator-rating" id="star-21" value="2">
                                    <label for="star-21"></label>
                                    <input type="radio" name="operator-rating" id="star-11" value="1">
                                    <label for="star-11"></label>
                                </div>
                            </div>
                            <div class="review-page-appreciate-wrapper">
                                <div class="review-page-appreciate-title">
                                    <p>{{ShowLabelById(403, $lang_id)}}</p>
                                </div>
                                <div class="review-page-appreciate">
                                    <input type="radio" name="total-rating" id="star-52" value="5">
                                    <label for="star-52"></label>
                                    <input type="radio" name="total-rating" id="star-42" value="4">
                                    <label for="star-42"></label>
                                    <input type="radio" name="total-rating" id="star-32" value="3">
                                    <label for="star-32"></label>
                                    <input type="radio" name="total-rating" id="star-22" value="2">
                                    <label for="star-22"></label>
                                    <input type="radio" name="total-rating" id="star-12" value="1">
                                    <label for="star-12"></label>
                                </div>
                            </div>
                            <div class="basket-form-item">
                                <label for="form">{{ShowLabelById(404, $lang_id)}}</label>
                                <textarea name="comment-rating" id="comment" placeholder="{{ShowLabelById(405, $lang_id)}}"></textarea>
                            </div>
                            <div class="busket-form-submit">
                                <button type="submit" class="button button--blue" onclick="saveForm(this)" data-form-id="order-review">{{ShowLabelById(406, $lang_id)}}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Review Page end -->
        </div>
    </div>
@stop

@include('front.footer')