@extends('user.layout.master')
@section('content')
    <!-- Leave a Review for Freelancer Popup
                ================================================== -->
    <!--Tabs -->
    <div class="margin-top-20"></div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="sign-in-form">

                    <div class="popup-tabs-container">

                        <!-- Tab -->
                        <div class="popup-tab-content">

                            <!-- Welcome Text -->
                            <div class="welcome-text" style="background: #efefef; padding: 16px;">
                                <h3>Leave a Review</h3>
                            </div>

                            <!-- Form -->
                            <form action="{{ route('buyer.reviews.store') }}" method="post" id="leave-review-form">
                                @csrf
                                <div class="feedback-yes-no">
                                    <strong>Your Rating</strong>
                                    <div class="leave-rating">
                                        <input type="radio" name="rating" id="rating-radio-1" value="1"
                                            {{ old('rating') == 1 ? 'checked' : '' }} required>
                                        <label for="rating-radio-1" class="icon-material-outline-star"></label>
                                        <input type="radio" name="rating" id="rating-radio-2" value="2"
                                            {{ old('rating') == 2 ? 'checked' : '' }} required>
                                        <label for="rating-radio-2" class="icon-material-outline-star"></label>
                                        <input type="radio" name="rating" id="rating-radio-3" value="3"
                                            {{ old('rating') == 3 ? 'checked' : '' }} required>
                                        <label for="rating-radio-3" class="icon-material-outline-star"></label>
                                        <input type="radio" name="rating" id="rating-radio-4" value="4"
                                            {{ old('rating') == 4 ? 'checked' : '' }} required>
                                        <label for="rating-radio-4" class="icon-material-outline-star"></label>
                                        <input type="radio" name="rating" id="rating-radio-5" value="5"
                                            {{ old('rating') == 5 ? 'checked' : '' }} required>
                                        <label for="rating-radio-5" class="icon-material-outline-star"></label>
                                    </div>
                                    @if ($errors->has('rating'))
                                        <div class="text-danger">{{ $errors->first('rating') }}
                                        </div>
                                    @endif
                                    <div class="clearfix"></div>
                                </div>

                                <textarea class="with-border" placeholder="Comment" name="review" id="message2" cols="7" required>{{ old('review') }}</textarea>
                                @if ($errors->has('review'))
                                    <div class="text-danger">{{ $errors->first('review') }}
                                    </div>
                                @endif

                                <!-- Button -->
                                <input type="hidden" name="order_id" value="{{ request()->order }}">
                                <button class="button full-width button-sliding-icon ripple-effect" type="submit"
                                    form="leave-review-form">Leave a Review <i
                                        class="icon-material-outline-arrow-right-alt"></i></button>
                            </form>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Leave a Review Popup / End -->
@endsection