@extends('layouts.app')
@section('title') {{'Review'}} @endsection
@push('styles')
    <link href="{{ asset('css/star-display.css') }}" rel="stylesheet">
@endpush
@section('content')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <h4 class="page-title">Business Detail</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                @if(Auth::user()->role_id == 1)
                <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
                @else
                <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
                @endif
            </li>
            <li class="breadcrumb-item"><a href="{{ route('business.index')}}">Connect IQ</a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="{{ route('business.detail',['id'=>$user])}}">Business
                        Detail</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Review</a></li>
            </li>
        </ol>
    </div>
</div>
<div class="row row-sm mb-4">
    <div class="col-xl-12">
        <div class="row">
            <div class="card">
                <div class="rating-scroll" id="rating-main-div">
                    {!! $htmlResponse !!}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="modaldemo1">
    
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Rating And Review</h6><button aria-label="Close" class="close"
                        data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form action="#" method="post" id="review_form">
                        <input type="text" name="sender_review_id" value="{{ Auth::user()->id }}"
                            id="sender_review_id" hidden>
                        <input type="text" name="receiver_review_id" value="{{ $user }}"
                            id="receiver_review_id" hidden>
                        <div class="row">
                            <div class="col-md-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <label for="businessDesciprion" class="col-form-label text-end">
                                        Star Rating <span class="required_compulsary">*</span></label>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="rating">
                                            <i class="ratings_stars fa fa-star" data-rating="1"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="2"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="3"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="4"></i>
                                            <i class="ratings_stars fa fa-star" data-rating="5"></i>
                                        </div>
                                        <input type="number" style="position: absolute; opacity: 0;" id="rating-star"
                                            name="rating_star" value="-1">
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                        </div>

                        <div class="row ">
                            <div class="col-md-12 mx-auto">
                                <div class="form-group row mb-0">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <label for="businessDesciprion" class="col-form-label text-end">Company
                                        Description </label>
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea class="form-control businessDesciprion" name="review-description" id="review-description" cols="30"
                                            maxlength="1000" rows="5" data-parsley-required="true"
                                            data-parsley-errors-container=".custom-step-business-desciprion"></textarea>
                                        <div class="text-end">
                                            <span class="pull-right label label-default"
                                                id="businessDesciprionCount"></span>
                                        </div>
                                        <div class="custom-step-business-desciprion"></div>
                                    </div>
                                </div>
                                <!--end form-group-->
                            </div>
                            <!--end col-->
                        </div>
                </div>

                <div class="modal-footer">
                    <button class="btn ripple btn-primary" id="review-submit" type="submit">Save changes</button>
                    <button class="btn ripple btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>
@push('scripts')
    <script src="{{ asset('/assets/js/modal.js') }}"></script>

<script>
    const submitReview = "{{ route('review.store') }}"
    const userId = "{{$user}}";
    const paginationRoute = "{{route('review.pagination')}}";
    const oldReview = "{{ route('review.getOldReview') }}";
</script>
<script src="{{ asset('js/backend/review-on-detail.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/backend/review-index.js') }}" type="text/javascript"></script>
@endpush
@endsection