@extends('layouts.admin.app')


@section('content')
    <div class="card">

        <h5 class="card-header">
            <a href="{{ url('admin/reviews') }}" class="btn rounded-pill btn-label-primary">
                <i class="ti me-2 ti-arrow-forward-up"></i> {{ __('trans.review.title') }}
            </a>
            @yield('title')
        </h5>
        <div class="card-body">

            <form action="{{ route('reviews.update', $review->id) }}" method="POST">
                @method('put')
                @csrf
                <div class="row">

                    <div class="col-md-4 mb-3">
                        <label class="form-label">{{ __('trans.review.review_title') }} <b class="text-danger">*</b></label>
                        <input type="text" class="form-control" required name="title"
                            value="{{ old('title', $review->title) }}"
                            placeholder="{{ __('trans.review.review_title') }}" />
                    </div>


                    <div class="col-md-4 mb-3">
                        <label class="form-label">{{ __('trans.review.owner_user') }} <b class="text-danger">*</b></label>
                        <select name="user_id" class="form-select">
                            @foreach ($users as $user)
                                <option value="{{ $user->id }}" @selected(old('user_id', $review->user_id) == $user->id)>
                                    {{ $user->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-4 mb-3">
                        <label class="form-label">{{ __('trans.course.name') }} <b class="text-danger">*</b></label>
                        <select name="course_id" class="form-select">
                            @foreach ($courses as $course)
                                <option value="{{ $course->id }}" @selected(old('course_id', $review->course_id) == $course->id)>
                                    {{ $course->title }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <!-- Full Star-->
                    <div class="col-md-4 mb-3">
                        <label class="form-label">{{ __('trans.review.rating') }} <b class="text-danger">*</b></label>
                        <div class="full-star-ratings" data-rateyo-full-star="true"></div>
                        <input type="hidden" name="rating" id="rating-input" value="{{ old('rating', $review->rating) }}"
                            required>
                    </div>
                    <!-- /Full Star-->

                    <!-- Autosize -->
                    <div class="col-12 mb-3">
                        <label class="form-label">{{ __('trans.review.content') }} <b class="text-danger">*</b></label>
                        <textarea id="autosize-demo" rows="3" maxlength="1000" class="form-control" name="content">{{ old('content', $review->content) }}</textarea>
                    </div>
                    <!-- /Autosize -->
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <button class="btn btn-primary btn-create w-100">{{ __('trans.save') }}</button>
                    </div>
                </div>
        </div>
        </form>
    </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" href="{{ asset('admin/vendor/libs/rateyo/rateyo.css') }}" />
@endsection

@section('js')
    <script src="{{ asset('admin/vendor/libs/rateyo/rateyo.js') }}"></script>
    <script src="{{ asset('admin/vendor/libs/autosize/autosize.js') }}"></script>

    <script>
        $(function() {
            const fullStar = $('.full-star-ratings');
            const ratingInput = $('#rating-input');

            if (fullStar.length) {
                fullStar.rateYo({
                    rtl: isRtl,
                    spacing: '8px',
                    rating: "{{ $review->rating }}",
                    onSet: function(rating, rateYoInstance) {
                        ratingInput.val(rating);
                    }
                });
            }
        });
        (function() {
            const textarea = document.querySelector('#autosize-demo');
            if (textarea) {
                autosize(textarea);
            }
        })();
    </script>
@endsection