@extends('layouts.admin-layout')
@section('title', 'Add New 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>Add New Review</h2>
                                <form action="{{ route('admin.product.review.store') }}" method="POST">
                                    @csrf
                                    <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 }}">{{ $product->product_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" name="new_user_name" id="new_user_name" class="form-control mt-2" placeholder="Enter New User Name">
                                        @error('new_user_name')
                                        <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </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></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" required>
                                    </div>
                                    <button type="submit" class="btn btn-success">Save Review</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection
{{--@section('script')--}}
{{--   --}}

{{--@endsection--}}