@extends('layouts.auth')
 
@section('title'){{$seller->getSellerName()}} {{__('words.store')}} | {{config('app.name')}} @endsection
@section('description') {{$seller->getSellerName()}} {{__('words.store for buy and sell product')}}.
@endsection
 

@section('content')
<!-- Start Store Contact -->
@include('user.partials.banner')
<!-- Start Categories section -->
@include('user.partials.categorySideBar')
<!-- End Categories Section -->
 <div class="report_ads" id="categoryMain">
    <div class="modal modalCustom   fade" id="categoryModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="model_header">
                    <div class="model_main">
                        <img src="{{asset('frontend/img/barMenu.svg')}}" alt="Comments">
                        <h4>{{__('words.Add new Categories')}}</h4>
                    </div>
                    <div class="close" data-bs-dismiss="modal" aria-label="Close">
                        <img src="{{asset('frontend/img/Cancel.svg')}}" alt="cancel">
                    </div>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('category.store') }}" autocomplete="off" enctype="multipart/form-data" id="customCategory">
                        @csrf
                  
                        <label class="loginLabel_txt" for="inputPassword">{{__('words.Category Name')}} <span class="astric">*</span></label>
                        <div>
                        <input class="form-control upload_detail" name= "category" type="text" value="" placeholder="{{__('words.Enter the category name')}}">
                        <span class="text-danger error-text category_err"></span>
                        </div>
                    

                        <input type="hidden" name="parent_id" id="catgeoryParentId" />

                        <div class="listContainer">
                            <label class="loginLabel_txt" for="inputPassword">{{__('words.Add Under')}} <span class="astric">*</span></label>

                            <div class="selectBtn_ form-control">
                                <span class="selectBtnTxt replaceSelectedText">{{__('words.Select Category or subcategory')}}</span>
                                <img src="{{asset('frontend/img/downarrow.svg')}}" class="img-fluid">
                            </div>
                            <ul class="listContainerMenus">
                                @foreach (collect(getcategoryList()) as $category)
                                @if(!in_array($category->slug, \App\Models\Category::preventFromEdit()))
                                <li class="subCategory" data-id="{{$category->id}}" data-value="{{$category->title}}">
                                    {{$category->title}}
                                </li>
                                    <ul class="subcategory_main">
                                        @foreach ($category->subcategories as $subCategory)
                                        {{-- @foreach ($category->getSubCategory() as $subCategory) --}}
                                        <li class="subCategory inner_subCategory" data-id="{{$subCategory->id}}" data-value="{{$subCategory->title}}">
                                          {{$category->title}}
                                        </li>
                                        @endforeach
                                    </ul>
                               
                                <option value="1"></option>
                                @endif
                               @endforeach 
                            </ul>
                        </div>
                        <span class="text-danger error-text parent_id_err"></span>


                    <div class="modal-footer">
                         
                        <input type="submit" class= "block-button-text"  id="block-button" value="{{__("attribute.Add")}}"/>
                        <button class="discard-button-text" id="block-button" type="button" class="btn btn-secondary"
                            data-bs-dismiss="modal" ss>
                            <a href="javascript:void(0);" data-bs-dismiss="modal">{{__('words.Discard')}}</a>
                        </button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Start Report User Model -->
<div class="modal modalCustom fade" id="reportMain" aria-hidden="true"
aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
        <div class="model_header">
            <div class="model_main">
                <img src="{{asset('frontend/img/Report.svg')}}" alt="Comments">
                <h4>{{__('words.Seller Report')}}</h4>
            </div>
            <div class="close" data-bs-dismiss="modal" aria-label="Close">
                <img src="{{asset('frontend/img/Cancel.svg')}}" alt="cancel">
            </div>
        </div>
        <div class="modal_body">
            <form id="report-form" method="GET" action="{{route('report.create')}}">
                @csrf
            @foreach ($reportReasons as $key => $reasons)
            <label class="checkbox_" for="{{$key}}">{{$reasons}} 
                <input type="radio" id="{{$key}}" name="reason_id" 
                value="{{$key}}">
                <span class="checkmarks"></span>
            </label>
          
            @endforeach
            <span class="text-danger error-text reason_id_err" id="spanError"></span>

           <input type="hidden" name="model_type" value="1"/> 
           <input type="hidden" name="model_id" value="{{ $seller->id }}"/> 
           <p class="reasonText">{{__('words.Reason')}} <p>
            <textarea rows="4" cols="31" placeholder="{{__("words.Type here")}}" name="comment"></textarea>
            <span class="text-danger error-text comment_err" id="spanErrors"></span>

            <input type="submit" class="Submit-report-btn" value="{{__("words.Submit Report")}}">

            </form>
        </div>
    </div>
</div>
</div>
<!-- End Report user model -->
    <!-- Start Report User Model -->
    <div class="modal modalCustom fade" id="ratingReview" aria-hidden="true"
    aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="model_header">
                <div class="model_main">
                    <img src="{{asset('frontend/img/pen.svg')}}" alt="Comments">
                    <h4>{{__('words.Write Review')}}</h4>
                </div>
                <div class="close" data-bs-dismiss="modal" aria-label="Close">
                    <img src="{{asset('frontend/img/Cancel.svg')}}" alt="cancel">
                </div>
            </div>
            <div class="modal_body">
                <form id="review-form" method="POST" action="{{route('review.create')}}">
                    @csrf
 
                <p class="reasonText">{{__('Rate the Seller')}} <p>
                <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <defs>
                    <symbol id="icon-star" viewBox="0 0 26 28">
                    <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
                    </symbol>
                    <symbol id="icon-star-half" viewBox="0 0 13 28">
                    <path d="M13 0.5v20.922l-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641v0z"></path>
                    </symbol>
                </defs>
                </svg>
                <div class="comment-stars">
                    <input class="comment-stars-input" type="radio" name="star_rating" value="5" id="rating-5">
                    <label class="comment-stars-view" for="rating-5"><svg class="icon icon-star">
                        <use xlink:href="#icon-star"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="4.5" id="rating-4.5" checked="checked"> <label class="comment-stars-view is-half" for="rating-4.5"><svg class="icon icon-star-half">
                        <use xlink:href="#icon-star-half"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="4" id="rating-4"> <label class="comment-stars-view" for="rating-4"><svg class="icon icon-star">
                        <use xlink:href="#icon-star"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="3.5" id="rating-3.5"> <label class="comment-stars-view is-half" for="rating-3.5"><svg class="icon icon-star-half">
                        <use xlink:href="#icon-star-half"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="3" id="rating-3"> <label class="comment-stars-view" for="rating-3"><svg class="icon icon-star">
                        <use xlink:href="#icon-star"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="2.5" id="rating-2.5"> <label class="comment-stars-view is-half" for="rating-2.5"><svg class="icon icon-star-half">
                        <use xlink:href="#icon-star-half"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="2" id="rating-2"> <label class="comment-stars-view" for="rating-2"><svg class="icon icon-star">
                        <use xlink:href="#icon-star"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="1.5" id="rating-1.5"> <label class="comment-stars-view is-half" for="rating-1.5"><svg class="icon icon-star-half">
                        <use xlink:href="#icon-star-half"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="1" id="rating-1"> <label class="comment-stars-view" for="rating-1"><svg class="icon icon-star">
                        <use xlink:href="#icon-star"></use>
                    </svg></label>
                    <input class="comment-stars-input" type="radio" name="star_rating" value="0.5" id="rating-0.5"> <label class="comment-stars-view is-half" for="rating-0.5"><svg class="icon icon-star-half">
                        <use xlink:href="#icon-star-half"></use>
                    </svg></label>
                </div>
    
                <input type="hidden" name="user_id" value="{{ $seller->id }}"/> 
               <p class="reasonText">{{__('Your Review')}} <p>  
                <p class="m-0">
                <textarea rows="4" cols="31"  class="descriptionCount" placeholder="Comment here" name="review"></textarea>
                <div class="counter palycount_ pb-3"><span id="descriptionFrom">0</span>/<span id="descriptionTo">500</span> </div>
                </p>
                 <span class="text-danger error-text review_err"></span> 
                <div class="d-flex align-items-center">
                    <div class="circleImg"> <img class="img-fluid" src="{{!empty($seller->profile_image) ? $seller->profile_image : asset('frontend/img/user.svg')}}" alt="user"></div>
                    <p class="userName">{{$seller->full_name}}</p>
                </div>
                <div class="d-flex justify-content-center">
    
                <input type="submit" class="Submit-report-btn sendBtn" value="Send Review">
                </div>
    
                </form>
            </div>
        </div>
    </div>
    </div>

    <input type="hidden" name="" value="{{__('words.Image file should be in jpeg,jpg,png,gif.')}}" id="errorTranslationMessage">
    <input type="hidden" name="" value="{{__('words.Error!')}}" id="errorMessage">
    <input type="hidden" name="" value="{{__('words.File may not be greater than 2 MB.')}}" id="fileUploadMessage">
    <!-- End Report user model -->
</div>

@endsection
@push('page_script')
<script type="text/javascript" src="{{ asset('js/pages/advertisment/currencyConvert.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/pages/advertisment/myStore.js') }}"></script>

<script>
    $(document).on('click', '.new', function() {
        resetExportOption($(this));
    });

    function resetExportOption() {
        $("input[name=reason_id]").each(function() {
            $(this).prop('checked', false);
        })
        var firstSpan = document.getElementById("spanError");
        var secondSpan = document.getElementById("spanErrors");
        firstSpan.innerHTML = "";
        secondSpan.innerHTML = "";
    }
</script>
 

 @endpush