@extends('layouts.app')
@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="px-sm-4">
            <header>
                <div class="row mt-2 mt-sm-3">
                    <div class="col-md-7 col-10">
                        <div class="top-head">
                            <h1>Supplier</h1>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="/home">Settings</a></li>
                                    <li class="breadcrumb-item" aria-current="page"><a href="/suppliers">Supplier</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">View</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    {{-- <div class="col-md-5 text-sm-right text-left">
                        <a href="/suppliers/edit/{{ base64_encode($supplier->id) }}">
                            <span class="badge pencil-box">
                                <i class="fa fa-pencil-alt" aria-hidden="true"></i>
                            </span>
                        </a>
                    </div> --}}
                </div>
            </header>
            <div class="row mt-2">
                <div class="col-md-12">
                    <div class="user-editbox">
                  
                        <div class="row">
                            <div class="col-md-3 mb-2 mb-sm-0">
                                <div class="dam-constructionleftimg">
                                    <!-- <div class="dfr-servicesimg"> -->
                                        <img src="{{ @$supplierUser->profile_pic ? @$supplierUser->profile_pic : '/assets/img/user-default.jpg' }}" alt="">
                                    <!-- </div> -->
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="projects-detailsright">
                                    <div class="row mb-1 mb-sm-4">
                                        
                                     <div class="col-md-7 mb-2 mb-sm-0">
                                            
                                            <h2>{{ @$supplier->name }}
                                                <span class="ml-2 cursor-pointer" data-toggle="modal" data-target="#supplier-kyc-modal">
                                                    @if($supplier->kyc_status == 'pending') 
                                                    <img src="{{asset('assets/img/timer.svg')}}" alt=""> KYC Pending
                                                    @elseif($supplier->kyc_status == 'applied')
                                                    <img src="{{asset('assets/img/kyc-not-verified.svg')}}" alt=""> KYC not verified
                                                    @elseif($supplier->kyc_status == 'verified')
                                                    <img src="{{asset('assets/img/geen-check.svg')}}" alt=""> KYC Verified
                                                    @elseif($supplier->kyc_status == 'rejected')
                                                    <img src="{{asset('assets/img/rejected-icon.svg')}}" alt=""> KYC Rejected
                                                    @elseif($supplier->kyc_status == 'expired')
                                                    <img src="{{asset('assets/img/rejected-icon.svg')}}" alt=""> KYC Expired
                                                    @else
                                                    <img src="{{asset('assets/img/expired-icon.svg')}}" alt=""> KYC not verified
                                                    @endif
                                                </span>
                                            </h2>
                                            @php
                                                $rating = App\Helpers\CommonHelper::getUserRating('supplier',@$supplier->id); 
                                            @endphp 

                                            @if($rating->count > 0)
                                            <h3>
                                                @if($rating->average > 0 && $rating->average < 1)
                                                    <img class="rating-star" src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">
                                                @endif

                                                @if($rating->average >= 1)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                @endif

                                                @if($rating->average > 1 && $rating->average < 2)
                                                    <img class="rating-star" src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">
                                                @endif

                                                @if($rating->average >= 2)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                @endif

                                                @if($rating->average > 2 && $rating->average < 3)
                                                    <img class="rating-star" src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">
                                                @endif

                                                @if($rating->average >= 3)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                @endif

                                                @if($rating->average > 3 && $rating->average < 4)
                                                    <img class="rating-star" src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">
                                                @endif

                                                @if($rating->average >= 4)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                @endif

                                                @if($rating->average > 4 && $rating->average < 5)
                                                    <img class="rating-star" src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">
                                                @endif

                                                @if($rating->average >= 5)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                @endif
                                                <span>({{$rating->count}})</span>

                                                <span class="badge view-ratingsbadge ml-sm-3 cursor-pointer" data-toggle="modal" data-target="#ratingDetailModal" onclick="userRatingDetail({{$supplier->id}},'supplier')">View Ratings</span>
                                            </h3>
                                            @endif
                                            <h4>+256 {{ @$supplier->phone }} <i class="fa fa-circle"
                                                    aria-hidden="true"></i>
                                                <small>{{ @$supplier->email }}</small>
                                            </h4>

                                            <h6 class="sullier-contactperson">Contact person: <span>{{ @$supplier->contact_person }}</span></h6>
                                            <h6 class="sullier-contactperson">Improvement areas: <span>
                                                @foreach($supplier->improvementAreas as $improvementArea)
                                                    <span>{{ $loop->iteration > 1 ? ',' :'' }} {{ $improvementArea->name }}</span>
                                                @endforeach

                                            </span></h6>
                                        </div>
                                        
                                        <div class="col-md-5 text-sm-right">
                                            @if ($supplier->status == 'active')
                                            <span class="badge active-badge">Active</span>
                                            @else
                                            <span class="badge inactive-badge">Inactive</span>
                                            @endif

                                            @if ($supplier->badge == 'silver')
                                            <div class="silver-imgbox mt-sm-4 mt-2">
                                                <img src="{{asset('/assets/img/silver.svg')}}" alt="">
                                            </div>
                                            @endif

                                            @if ($supplier->badge == 'gold')
                                            <div class="silver-imgbox mt-sm-4 mt-2">
                                                <img src="{{asset('/assets/img/gold.svg')}}" alt="">
                                            </div>
                                            @endif
                                            @if ($supplier->badge == 'diamond')
                                            <div class="silver-imgbox mt-sm-4 mt-2">
                                                <img src="{{asset('/assets/img/diamond.svg')}}" alt="">
                                            </div>
                                            @endif
                                            @if($supplier->badge == 'platinum')
                                            <div class="silver-imgbox mt-sm-4 mt-2">
                                                <img src="{{asset('/assets/img/platinum.svg')}}" alt="">
                                            </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="row align-items-center">
                                        <div class="col-md-6 mb-3 mb-sm-0">
                                            <span class="badge emanuel-badge"> <span>MCC:</span> {{ @$supplier->mcc->name }}</span>
                                        </div>
                                        <div class="col-md-6 text-sm-right">
                                          <a href="{{url('/financial/index')}}?supplierFilter={{@$supplier->id}}"><button type="button" class="btn save-btn">Account Statement</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="row mt-sm-5 mt-4">
                            <div class="col-md-2 col-6">
                                <div class="farmers-managedbox text-center">
                                    <h3>{{$supplier->farmer_project_survey_count}}</h3>
                                    <h4>Farmers<br class="d-sm-block d-none">Managed</h4>
                                </div>
                            </div>
                            <div class="col-md-2 col-6">
                                <div class="farmers-managedbox text-center">
                                    <h3>{{round($averageSurveyTat->avg_survey_tat,2)}} days</h3>
                                    <h4>Average TAT<br class="d-sm-block d-none">Surveys</h4>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col-6 mt-sm-0 mt-3">
                                <div class="farmers-managedbox text-center cursor-pointer" data-toggle="modal" data-target="#earning-menu">
                                    <h3>UGX {{ App\Helpers\CommonHelper::amountConversion(@$supplierEarnings->total_earning) ?? 0}}</h3>
                                    <h4>Earnings</h4>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-3 mt-sm-4">
                            <div class="col-md-2 col-6">
                                <div class="farmers-managedbox newgreen-box text-center">
                                    <h3>{{$activeProjects}}</h3>
                                    <h4>Active  <br class="d-sm-block d-none"> Projects</h4>
                                </div>
                            </div>
                            <div class="col-md-2 col-6">
                                <div class="farmers-managedbox newyellow-box text-center">
                                    <h3>{{$completedProjects}}</h3>
                                    <h4>Completed  <br class="d-sm-block d-none">Projects</h4>
                                </div>
                            </div>
                            <div class="col-md-2 col-6 mt-sm-0 mt-3">
                                <div class="farmers-managedbox newblue-box text-center">
                                    <h3>{{$pendingSurveys}}</h3>
                                    <h4>Pending  <br class="d-sm-block d-none"> Surveys </h4>
                                </div>
                            </div>
                            <div class="col-md-2 col-6 mt-sm-0 mt-3">
                                <div class="farmers-managedbox newbrown-box text-center">
                                    <h3>{{$completedSurveys}}</h3>
                                    <h4>Completed <br class="d-sm-block d-none"> Surveys</h4>
                                </div>
                            </div>
                        </div>

                        <div class="position-relative mt-3 mt-sm-5" >
                            {{-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.3204343865!2d77.39619587395619!3d28.500005475737346!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce98bcf35c41f%3A0x6f5bf1668672f31!2sSleepwell!5e0!3m2!1sen!2sin!4v1690193700403!5m2!1sen!2sin"
                            class="setting-map" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> --}}
                            <div class="cow-map" id="map"></div>
                            <div class="map-addressbox">
                                <h6>Address</h6>
                                <p>{{ @$supplier->address->address }}</p>
                            </div>
                            <div class="show-mapbox">
                                <a href="https://www.google.com/maps/search/?api=1&query={{@$supplier->address->latitude}},{{ @$supplier->address->longitude}}" target="_blank">Show on Map</a>
                                {{-- <p>Show on Map</p> --}}
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="row mt-2 mt-sm-4">
                <div class="col-md-12">
                    <div class="inner-head">
                        <p>Team members</p>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <div class="card p-2">
                        <div class="table-responsive">
                           <table class="table dairy-table mb-0">
                                <thead>
                                    <tr>
                                        <th >NAME</th>
                                        <th>CONTACT</th>
                                        <th>EMAIL ADDRESS</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    @if(count($supplierTeamMembers) > 0)
                                       
                                        @foreach($supplierTeamMembers as $team)
                                        <tr>
                                            <td class="d-flex align-items-center">
                                                @if($team->status == 'active')
                                                <p class="active-notgreen"></p>
                                                @else
                                                <p class="active-notgreen active-dotgray"></p>
                                                @endif
                                                <h6 class="table-username mx-3">A</h6>
                                                {{$team->name}}
                                            </td>
                                            <td class="contact-table">+256 {{$team->phone}}</td>   
                                            <td class="enquiries-graytext">{{$team->email}}</td>                                                
                                        </tr>
                                        @endforeach
                                    @else
                                        
                                        <tr class="text-center">
                                            <td></td>
                                            <td>
                                                <h6>No Team Members Available</h6>
                                            </td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- Project Rating Detail Side Modal -->
    @include('farmer.project-modal-partials.project-rating')
    <!-- Project Rating Detail Side Modal -->
</section>
@php
    $supplierKycDocument = isset($supplier) ? $supplier->supplierKycData()->orderBy('created_at','desc')->first() : '';
@endphp
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="supplier-kyc-modal" tabindex="-1"
	role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header pb-0 mobile-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						<img src="{{asset('assets/img/dash-cross.svg')}}" class="cross-dash" alt="">
					</span>
				</button>
			</div>
			<div class="modal-body pt-0">
				<div class="row align-items-center mt-2">
					<div class="col-md-12">
						<div class="pop-head">
							<h2>Supplier KYC documents</h2>
						</div>
					</div>
				</div>
				@if($supplierKycDocument != '')
					<input type="hidden" value="{{$supplierKycDocument->id}}" id="supplierkycDocumentId">
					<div class="form-group mt-4">
						<select class="form-control edit-input edit-select" id="">
							<option value="{{$supplierKycDocument->doc_1_name}}" selected>{{$supplierKycDocument->doc_1_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_1_no}}">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_1_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_1))
						@foreach(@$supplierKycDocument->doc_file_1 as $file)
					
						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) == 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
							@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>     
						@endforeach
						@endif
					</div> 

					<div class="form-group mt-sm-5 mt-3">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_2_name}}">{{$supplierKycDocument->doc_2_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_2_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_2_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_2))
						@foreach(@$supplierKycDocument->doc_file_2 as $file)
						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
								@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>
						@endforeach
						@endif
					</div> 

					<div class="form-group mt-sm-5 mt-3">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_3_name}}">{{$supplierKycDocument->doc_3_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_3_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_3_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_3))
						@foreach(@$supplierKycDocument->doc_file_3 as $file)
						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
								@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>
						@endforeach
						@endif
					</div> 

					<div class="form-group mt-sm-5 mt-3">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_4_name}}">{{$supplierKycDocument->doc_4_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_4_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_4_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_4))
						@foreach(@$supplierKycDocument->doc_file_4 as $file)
						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
								@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>
						@endforeach
						@endif
					</div> 

					<div class="form-group mt-sm-5 mt-3">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_5_name}}">{{$supplierKycDocument->doc_5_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_5_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_5_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_5))
						@foreach(@$supplierKycDocument->doc_file_5 as $file)
						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
								@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>
						@endforeach
						@endif
					</div> 

					<div class="form-group mt-sm-5 mt-3">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_6_name}}">{{$supplierKycDocument->doc_6_name}}</option>
						</select>
					</div>

					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" class="form-control edit-input" value="{{$supplierKycDocument->doc_6_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_6_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						
						@if(!empty(@$supplierKycDocument->doc_file_6))
						@foreach(@$supplierKycDocument->doc_file_6 as $file)

						<div class="col-md-3 col-4" id="">
							<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
								</a>
								@else
								<a href="{{$file->original_url}}" target="_blank">
									<img src="{{$file->original_url}}" class="document-img" alt="">
								</a>
							@endif
							</div>
						</div>
						@endforeach
						@endif
					</div>

					<div class="row mt-sm-5 mt-3">
						<div class="col-md-12">
							<div class="form-group">
								<label class="edit-label">Remark</label>
								<textarea class="form-control edit-input" id="supplierKycRemarks" rows="3" placeholder="Write...">{{$supplier->kyc_remarks}}</textarea>
							</div>
						</div>
					</div>

					@if($supplier->kyc_status == 'applied')
					<div class="row mt-2 justify-content-center pb-sm-4"> 
						<div class="col-md-6">
							<button class="btn save-btn btn-block" type="button" onclick="actionOnSupplierKyc('verified',{{$supplierKycDocument->supplier_id}})">Verify</button>
						</div>
						<div class="col-md-6">
							<button class="btn reject-btn btn-block" type="button" style="color:white" onclick="actionOnSupplierKyc('rejected',{{$supplierKycDocument->supplier_id}})">Reject</button>
						</div>
					</div>
					@endif
				@else
					<h6 class="text-center mt-4" style="color:red;">No Documents are found!</h4>
				@endif
		</div>
	</div> 
</div>

@endsection

@section('scripts')
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{ config('app.google_maps_api_key') }}&callback=initMap&libraries=places&v=weekly"
        defer></script>
    <script type="text/javascript">
        $(document).ready(function(e) {
            $('#image').change(function() {
                let reader = new FileReader();
                reader.onload = (e) => {
                    $('#preview-image-before-upload').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            });
            initMap(lat, lng);
        });

        function activeStatus() {
            var status = 'active';
            $('#status').val(status);
            document.getElementById('staus').setAttribute('onclick', 'inactiveStaus()');
        }

        function inactiveStaus() {
            var status = 'inactive';
            $('#status').val(status);
            document.getElementById('staus').setAttribute('onclick', 'activeStatus()');
        }

        let map;
        let lat = ;
        let lng = ;
        console.log(lat, lng);
        async function initMap(lat, lng) {
            var lat = lat ? parseFloat(lat) : -34.397;
            var lng = lng ? parseFloat(lng) : 150.644;
            const { Map } = await google.maps.importLibrary("maps");
            map = new Map(document.getElementById("map"), {
                center: { lat: lat, lng: lng },
                zoom: 8,
            });
            var marker = new google.maps.Marker({
                position: { lat: lat, lng: lng },
                map: map,
                draggable: false,
                animation: google.maps.Animation.BOUNCE
            });
        }

        // let autocomplete;
        // let address1Field;
        // let address2Field;
        // let postalField;


    function userRatingDetail(ratedForId,user){
        console.log(ratedForId);
		$.ajax({
			url  : "{{url('farmers/get/user-rating-details')}}",
			type : "POST",
			data : {
						_token: "{{ csrf_token() }}",
						ratedForId : ratedForId,
                        user : user
					},
			success	: function(response){
				console.log("data:",response);
				let html = '';
				$('#rating-details').html('');

				$.each(response, (key,rating) => {
					let raundedRating = rating.rating;
					if(user == 'farmer'){
						$('#reviewHeading').text('Project reviews for the Farmer');
					}
					else if(user == 'dde'){
						$('#reviewHeading').text('Project reviews for the DDE');
					} 
					else if(user == 'supplier'){
						$('#reviewHeading').text('Project reviews for the Supplier');
					} 
					else{
						$('#reviewHeading').text('Project reviews');
					}
					// let feedback = rating.feedback
					html +=	`<div class="popup-ratingboxcontent">
								<h6>
									`
									if(raundedRating > 0 && raundedRating < 1){
										html +=`<img src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating >= 1){
										html +=`<img src="{{asset('assets/img/full-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating > 1 && raundedRating < 2){
										html +=`<img src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating >= 2){
										html +=`<img src="{{asset('assets/img/full-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating > 2 && raundedRating < 3){
										html +=`<img src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating >= 3){
										html +=`<img src="{{asset('assets/img/full-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating > 3 && raundedRating < 4){
										html +=`<img src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating >= 4){
										html +=`<img src="{{asset('assets/img/full-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating > 4 && raundedRating < 5){
										html +=`<img src="{{asset('assets/img/half-yellowstar.svg')}}" alt="">`
									}
									if(raundedRating >= 5){
										html +=`<img src="{{asset('assets/img/full-yellowstar.svg')}}" alt="">`
									}

									
								html += `</h6>
								<p>${rating?.feedback || ''}</p>

								<div class="row mt-3 align-items-center">
									<div class="col-md-2 col-3">
										<div class="popup-ratinguser">
											<img src="${rating.user_data?.media[0]?.original_url}" onerror="this.src='/assets/img/user-default.jpg'" alt="">
										</div>
									</div>
									<div class="col-md-10 col-9">
										<h2>${rating.user_data.name}</h2>
										<h3>${rating.rated_by_user_type.toUpperCase()}</h3>
									</div>
								</div>
							</div>`;
				});
				$('#rating-details').html(html);
			}
		});	
    }

    function actionOnSupplierKyc(status,supplierId){
		$.ajax({
			url  : "{{url('farmers/verify-reject-supplier-kyc')}}",
			type : "POST",
			data : {
						_token: "{{ csrf_token() }}",
						status : status,
						supplierId : supplierId,
						remark : $('#supplierKycRemarks').val()
					},
			success	: function(response){
				console.log("data:",response);
				if(response.status == 200){
					Swal.fire({
						title: 'Success',
						text: response.message,
						type: 'success',
					}).then(function(){
							// Reload or refresh the page
							location.reload();
					});
				}
				if(response.status == 422){
					Swal.fire(
						'Error', 'Remark is mandatory to verify or reject KYC!', 'warning'
					)
				}
			}
		});	
    }
    </script>
@endsection