@extends('layouts.admin-layout')
@section('title', 'Edit Review')
@section('content')
<style>
    .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: #80bdff;
        height: 35px;
    }
    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px;
        height: 37px;
    }
</style>
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-8 mx-auto mt-4">
                        <div class="card card-box-shadow">
                            <div class="card-body">
                                <h2>Edit Review</h2>
                                <form action="{{ route('admin.product.review.update', ['id' => $review->id]) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="form-group">
                                        <label for="product">Product</label>
                                        <select name="product_id" id="product" class="form-control select2" required>
                                            <option value="">Select Product</option>
                                            @foreach($products as $product)
                                                <option value="{{ $product->id }}" {{ $review->product_id == $product->id ? 'selected' : '' }}>
                                                    {{ $product->product_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <input readonly type="text" name="new_user_name" id="new_user_name" class="form-control mt-2"
                                               placeholder="Enter New User Name" value="{{ old('new_user_name', $review->user->first_name ?? '') }}">
                                    </div>

                                    <div class="form-group">
                                        <label for="review_description">Review Description</label>
                                        <textarea name="review_description" id="review_description" rows="4" class="form-control" required>{{ $review->review_description }}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="star_rated">Star Rating</label>
                                        <input type="number" name="star_rated" id="star_rated" class="form-control" min="1" max="5" value="{{ $review->star_rated }}" required>
                                    </div>
                                    <button type="submit" class="btn btn-success">Update Review</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
@section('script')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.select2').select2({
                placeholder: "Select Product",
                allowClear: true
            });
        });
    </script>
@endsection