@extends('layouts.app')

@section('content')

    <div class="col-lg-8 ">
        <div class="panel panel-primary">
            <div class="panel-heading" style="padding: 10px 15px !important;">Add Review</div>
            <div class="panel-body">
                @if(session()->has('success'))
                    <div class="alert alert-success" role="alert">
                        <strong>Success !</strong> {{ session('success') }}
                    </div>
                @endif
                <form enctype="multipart/form-data" method="post" action="{{ route('custom-reviews.store') }}">
                    @csrf
                    <div class="row">
                        <div class="form-group">
                            <label for="banner">Select Product</label>
                            <select name="product_id" id="product_id" class="form-control select2 ">
                                <option value="" style="display: none;">Please select product</option>
                                @foreach(\App\Product::oldest('name')->where('published' , 1)->pluck('name','id') as $productId => $productName)
                                    <option value="{{ $productId }}">{{ $productName }}</option>
                                @endforeach
                            </select>
                            @error('product_id')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>
                        <div class="form-group @error('heading') has-error @enderror">
                            <label for="heading">Add Heading</label>
                            <input type="text" name="heading" id="heading" class="form-control ">
                            @error('heading')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group @error('display_name') has-error @enderror">
                            <label for="display_name">Display Name</label>
                            <input type="text" name="display_name" id="display_name" class="form-control ">
                            @error('display_name')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>
                        <div class="form-group @error('rating') has-error @enderror">
                            <label for="rating">Select Rating</label>
                            <select name="rating" id="rating" class="form-control">
                                @foreach(range(1,5) as $rating)
                                    <option value="{{ $rating }}">{{ $rating }}</option>
                                @endforeach
                            </select>
                            @error('rating')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group @error('comment') has-error @enderror">
                            <label for="banner">Add Review</label>
                            <textarea name="comment" id="comment" cols="30" rows="10" class="form-control"></textarea>
                            @error('comment')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>

                        <div class="form-group @error('photos') has-error @enderror">
                            <label for="banner">Add Images</label>
                            <input type="file" name="photos[]" id="photos" multiple>
                            @error('photos.*')
                            <small class="form-text text-danger"> {{ $message }}</small>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group text-right">
                        <button type="submit" class="btn btn-primary">Submit Review</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('.select2').select2({
            placeholder: 'Select Product'
        });
    </script>
@endsection