@extends('layouts.app')
@section('css')
<style>
    .noflexwrap {
        flex-wrap: inherit !important;
        overflow-x: scroll !important;
    }
</style>
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="row mt-3">
            <div class="col-md-8 ">
                <div class="farmers-newdetailleftbox h-100 pb-5">
                    <div class="px-sm-4">
                        <div class="row pt-3 align-items-center">
                            <div class="col-md-8 col-8 ">
                                <div class="top-head">
                                    <h1>Farmers</h1>
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb">
                                            <li class="breadcrumb-item"><a href="/home">Home</a></li>
                                            <li class="breadcrumb-item active" aria-current="page"><a
                                                    href="/farmers">Farmers</a></li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-md-4 col-4 text-right">
                                <a
                                    href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=personalEdit">
                                    <span class="badge pencil-box mr-1">
                                        <i class="fa fa-pencil-alt" aria-hidden="true"></i>
                                    </span>
                                </a>
                            </div>
                        </div>

                        <div class="deatails-box">
                            <div class="row">
                                <div class="col-md-3 mb-2 mb-sm-0">
                                    <div class="details-users">
                                        {{-- <img src="/assets/img/user-deatilaimg.png" alt=""> --}}
                                        <img src="{{ $farmers->photo}}" onerror="this.src='/assets/img/user-default.jpg'">
                                    </div>
                                </div>
                                <div class="col-md-9 pl-sm-0">
                                    <div class="row">
                                       
                                        <div class="col-md-12 text-right">
                                            @if(@$farmers->rag_rating == 'satisfactory')
                                            <img src="{{asset('assets/img/satisfactory.svg')}}" alt="" style="margin: -10px 0;">
                                            @elseif(@$farmers->rag_rating == 'average')
                                            <img src="{{asset('assets/img/average.svg')}}" alt="" style="margin: -10px 0;">
                                            @else
                                            <img src="{{asset('assets/img/critical.svg')}}" alt="" style="margin: -10px 0;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">
										<div class="col-md-9">
											@if($farmers->kyc_status == 'pending')
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><img class="mr-1" src="{{asset('assets/img/timer.svg')}}" alt=""> KYC Pending</span></h1>
											@elseif($farmers->kyc_status == 'applied')
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><img class="mr-1" src="{{asset('assets/img/kyc-not-verified.svg')}}" alt="">KYC not verified</span>
                                                </h1>
											@elseif($farmers->kyc_status == 'verified')
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><img class="mr-1" src="{{asset('assets/img/geen-check.svg')}}" alt="">KYC Verified</span>
													</h1>
											@elseif($farmers->kyc_status == 'expired')
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><img class="mr-1" src="{{asset('assets/img/expired-icon.svg')}}" alt="">KYC Expired</span>
												</h1>
											@elseif($farmers->kyc_status == 'rejected')
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><img class="mr-1" src="{{asset('assets/img/rejected-icon.svg')}}" alt="">KYC Rejected</span>
												</h1>
											@else
                                                <h1>{{ @$farmers->name }}<span class="ml-3" data-toggle="modal" data-target="#farmer-kyc-approve"><i class="fa fa-check"
													aria-hidden="true"></i>{{$farmers->kyc_status}}</span>
												</h1>
											@endif
										</div>
										
                                        <div class="col-md-3 text-sm-right text-left">
                                            <p>{{ucfirst(@$farmers->rag_rating)}}</p>
                                        </div>
                                    </div>

                                    @php
                                    $birthdate = new DateTime($farmers->date_of_birth);
                                    $currentDate = new DateTime();
                                    $age = $currentDate->diff($birthdate)->y;
                                    $farmingExperience = new DateTime($farmers->farming_experience);
                                    $currentDate = new DateTime();
                                    $experience = $currentDate->diff($farmingExperience)->y;

                                    @endphp
                                    <h6>+256 {{ @$farmers->phone }} <i class="fa fa-circle" aria-hidden="true"></i>
                                        {{ @$farmers->email }}
                                    @if (!empty(@$farmers->supplier_id))
                                    <i class="fa fa-circle" aria-hidden="true"></i> Farmer Id : {{ @$farmers->supplier_id }}</h6>
                                    @endif
                                    <h6>
                                        @if (!empty($age) && $age != 0)
                                        {{ $age . ' years old' }}
                                        @endif

                                        @if (!empty($experience) && $experience != 0)
                                        <i class="fa fa-circle" aria-hidden="true"></i>
                                        {{ $experience . ' year exp.' }}
                                        @endif

                                        @if (isset($farmers->address))
                                        <i class="fa fa-circle" aria-hidden="true"></i>
                                        {{ @$farmers->address->full_address }}
                                        @endif
                                    </h6>

                                    <div class="row">
                                        <div class="col-md-10">
                                            <div class="d-flex justify-content-between">
                                                @if (!empty($farmers->farm_size) && $farmers->farm_size != 0)
                                                <h5>Farm Size: <span> {{ @$farmers->farm_size }} Acres</span> </h5>
                                                @endif
                                                <h5>Dairy Area: <span>
                                                        {{ @$farmers->dairy_area }} Acres</span>
                                                </h5>
                                                <h5>Members: <span> {{ @$farmers->staff_quantity }}</span> </h5>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt-4 align-items-center">
                                        <div class="col-md-8">
                                            <div class="manage-box">
                                                @if (!empty($farmers->manager_name))
                                                <h4> <span>Managed by: </span> {{ @$farmers->manager_name }}
                                                    @if (!empty($farmers->manager_phone))
                                                    <i class="fa fa-circle" aria-hidden="true"></i>
                                                    {{ '+256 ' . @$farmers->manager_phone }}
                                                    @endif
                                                </h4>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-4 text-right pl-sm-0">
                                            @php
                                                $rating = App\Helpers\CommonHelper::getUserRating('farmer',@$farmers->id); 
                                            @endphp
                                        
                                            <h4>
                                                @if($rating->count > 0)
                                                    <img class="rating-star" src="{{asset('assets/img/full-yellowstar.svg')}}"  alt="">
                                                    <span style="font-size: small;">({{$rating->count}})</span>
                                                    <span class="badge view-ratingsbadge-farmer cursor-pointer" data-toggle="modal" data-target="#ratingDetailModal" onclick="userRatingDetail({{$farmers->id}},'farmer')">View Ratings</span>
                                                @endif
                                            </h4>
                                        
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        @if (!$farmers->mcc_id)
                        <div class="row mt-3 justify-content-center">
                            <div class="col-md-4 ">
                                <a
                                    href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=mcc">
                                    <button type="button" class="btn  btn-danger login-btn">Assign MCC and
                                        DDE</button>
                                </a>
                            </div>
                        </div>
                        @else
                        <div class="row mt-3">
                            <div class="col-md-6 mb-3 mb-sm-0">
                                <div class="cow-farmsbox">
                                    <div class="row align-items-center">
                                        <div class="col-md-8 col-8">
                                            <h4 class="card-title float-none">MCC</h4>
                                        </div>
                                        <div class="col-md-4 col-4 text-right">
                                            <span class="badge pencil-box">
                                                <a href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=mcc"">
                                                            <img src=" /assets/img/role-edit.svg" alt="">
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="account-statmentbox">
                                        <div class="row mt-3">
                                            <div class="col-md-3 col-3">
                                                <div class="statement-users">
                                                    <img src="{{ isset($farmers->mcc->user->profile_pic) ? $farmers->mcc->user->profile_pic : '' }}"
                                                        onerror="this.src='/assets/img/user-default.jpg'"
                                                        alt="{{ isset($farmers->mcc->user->profile_pic) ? $farmers->mcc->user->profile_pic : '' }}"
                                                        width="40px" height="40px">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-9">
                                                <h3>{{ @$farmers->mcc->name }}</h3>
                                                <div class="d-flex align-items-center mb-2 mt-2">
                                                    <div class="mr-2"><img src="/assets/img/call.svg" alt=""></div>
                                                    <div>
                                                        <h4>+256 {{ @$farmers->mcc->phone }}</h4>
                                                    </div>
                                                </div>
                                                <div class="d-flex ">
                                                    <div class="mr-2"><img src="/assets/img/loaction.svg" alt=""></div>
                                                    <div>
                                                        <h4>{{ @$farmers->mcc->address->address }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>


                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="cow-farmsbox">
                                    <div class="row align-items-center">
                                        <div class="col-md-8 col-8">
                                            <h4 class="card-title float-none">DDE</h4>
                                        </div>
                                        <div class="col-md-4 col-4 text-right">
                                            <span class="badge pencil-box">
                                                <a href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=mcc"">
                                                            <img src=" /assets/img/role-edit.svg" alt="">
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="account-statmentbox">
                                        <div class="row mt-3">
                                            <div class="col-md-3 col-3">
                                                <div class="statement-users">
                                                    <img src="{{ isset($farmers->dde->user->profile_pic) ? $farmers->dde->user->profile_pic : '' }}"
                                                        onerror="this.src='/assets/img/user-default.jpg'"
                                                        alt="{{ isset($farmers->dde->user->profile_pic) ? $farmers->dde->user->profile_pic : '' }}"
                                                        width="40px" height="40px">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-9">
                                                <h3>{{ @$farmers->dde->name }}</h3>
                                                <div class="d-flex align-items-center mb-2 mt-2">
                                                    <div class="mr-2"><img src="/assets/img/call.svg" alt=""></div>
                                                    <div>
                                                        <h4>+256 {{ @$farmers->dde->phone }}</h4>
                                                    </div>
                                                </div>
                                                <div class="d-flex ">
                                                    <div class="mr-2"><img src="/assets/img/loaction.svg" alt=""></div>
                                                    <div>
                                                        <h4>{{ @$farmers->dde->address->address }}</h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="supply-box mt-4 cursor-pointer" data-toggle="modal" data-target="#Supplied-menu">
                            <div class="row">
                                <div class="col-md-7 col-10">
                                    <h2>Milk production and supply (last 6 months)</h2>
                                </div>
                                <div class="col-md-5 col-2 text-right">
                                    <i class="fa fa-ellipsis-v more-icon" aria-hidden="true"></i>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-2 col-6 mb-3 mb-sm-0 border-dashhed">
                                    <h5>{{ @$farmerTotalMilkProduction->total_milk_production }} Ltr.</h5>
                                    <h6>Production</h6>
                                </div>
                                <div class="col-md-3 col-6 mb-3 mb-sm-0 border-dashhed pl-sm-4">
                                    <h5>{{ @$farmerTotalMilkProduction->supplied_to_pdfl }} Ltr.</h5>
                                    <h6>Supplied to PDFl</h6>
                                </div>
                                <div class="col-md-3 col-6 border-dashhed pl-sm-4">
                                    <h5>{{ @$farmerTotalMilkProduction->supplied_to_others }} Ltr.</h5>
                                    <h6>Supplied to Others</h6>
                                </div>
                                <div class="col-md-2 col-6 pl-sm-4  border-dashhed">
                                    <h5>{{ @$farmerTotalMilkProduction->self_use }} Ltr.</h5>
                                    <h6>Self Use</h6>
                                </div>
                                <div class="col-md-2 col-6  pl-sm-4">
                                    <h5>{{ App\Helpers\CommonHelper::amountConversion(@$farmerTotalMilkProduction->worth )}}</h5>
                                    <h6>Worth</h6>
                                </div>
                            </div>
                        </div>

                        <div class="cow-farmsbox mt-4">
                            <div class="row align-items-center">
                                <div class="col-md-8 col-8">
                                    <h4 class="card-title float-none">Cows in the farm</h4>
                                </div>
                                <div class="col-md-4 col-4 text-right">
                                    <span class="badge pencil-box mr-1">
                                        <a
                                            href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=cow-details">
                                            <i class="fa fa-pencil-alt" aria-hidden="true"></i>
                                        </a>
                                    </span>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-9 mb-3 mb-sm-0">

                                    <div class="row">
                                        <div class="col-md-12">
                                            <a href="/farmers/farmer-assigned-details/{{ base64_encode($farmers->id) }}"
                                                class="btn  new-savebtn mr-2 @if (!$type) save-btn @endif">Overall</a>
                                            @foreach ($farmerCows as $cow)
                                            <a href="/farmers/farmer-assigned-details/{{ base64_encode($farmers->id) }}?type={{ $cow->id }}"
                                                class="btn  new-savebtn mr-2 @if ($type == $cow->id) save-btn @endif" style="display: none">{{
                                                $cow->name }}</a>
                                            @endforeach

                                        </div>
                                    </div>

                                    <div class="row mt-4">
                                        <div class="col-md-10">
                                            <div class="d-flex justify-content-between">
                                                <div>
                                                    <img src="/assets/img/cow1.svg" alt="">
                                                    <h3>Herd Size <br>
                                                        <span>{{ @$farmers->cowDetail->herd_size }}</span>
                                                    </h3>
                                                </div>
                                                <div>
                                                    <img src="/assets/img/cow-2.svg" alt="">
                                                    <h3>Dry Cows <br>
                                                        <span>{{ @$farmers->cowDetail->dry_cows }}</span>
                                                    </h3>
                                                </div>
                                                <div>
                                                    <img src="/assets/img/cow3.svg" alt="">
                                                    <h3>Hiefer <br>
                                                        <span>{{ @$farmers->cowDetail->heifer_cows }}</span>
                                                    </h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <h2>7-12 month: <span>
                                            {{ @$farmers->cowDetail->seven_to_twelve_month_cows }}</span> <i
                                            class="fa fa-circle" aria-hidden="true"></i>
                                        6 month: <span>{{ @$farmers->cowDetail->six_month_cow }}</span> <i
                                            class="fa fa-circle" aria-hidden="true"></i>
                                        Bull calf: <span>{{ @$farmers->cowDetail->bull_calfs }}</span>
                                    </h2>

                                </div>

                                <div class="col-md-3 text-center">
                                    <div class="milking-cowsbox">
                                        <h5>{{ @$farmers->cowDetail->milking_cows }}</h5>
                                        <h6>Milking Cows</h6>
                                        <div class="dotted-borderbottom my-2"></div>
                                        <h5>{{ @$currentYield}} Ltr.</h5>
                                        <h6>Current Yield/Cow</h6>
                                        <div class="dotted-borderbottom my-2"></div>
                                        <h5>{{ @$farmers->ideal_yield }} Ltr.</h5>
                                        <h6>Ideal Yield/Cow</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Map section -->
                        <div class="position-relative">
                            <div class="cow-map" id="map"></div>
                            <div class="cow-addressbox">
                                <div class="cow-imgbox">
                                    <img src="/assets/img/cow-4.png" alt="">
                                </div>

                                <h6>Address
                                    <a
                                        href="/farmers/farmer-assigned-edit/{{ base64_encode($farmers->id) }}?tabaccordian=addressEdit">
                                        <span class="badge pencil-box mr-1" style="margin-left:71px;padding: 7px 8px!important;">
                                            <i class="fa fa-pencil-alt" aria-hidden="true"></i>
                                        </span>
                                    </a>
                                </h6>
                                <p style="padding-top: 16px !important;">{{ @$farmers->address->full_address }}</p>

                            </div>
                        </div>
                        <!-- Map section -->

                        <div class="row mt-3">
                            <div class="col-md-12">
                                <h4 class="card-title float-none">Facilities in the Farm</h4>
                            </div>
                        </div>

                        <div class="mt-4">

                            @if(!empty($farmersImprovementArea))
                            @foreach($farmersImprovementArea as $imp_area)

                            <div class="water-box water-boxcursor improvementArea" data-id="{{@$imp_area['id']}}"
                                data-toggle="modal" data-target="#resume-menu">
                                <div class="water-img">
                                    {{-- <img src="{{@$imp_area['image']}}" alt=""> --}}
                                    <img src="{{$imp_area['image']}}" alt="">
                                </div>
                                <h6>{{@$imp_area['name']}}</h6>
                            </div>
                            @endforeach
                            @endif

                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="col-md-4 pt-3">
                <div class="px-sm-4 projects-scroll">
                    <div class="top-head">
                        <h1>Projects</h1>
                    </div>
                    
                    @if(count($farmerActiveProject) > 0)
                    <div class="inner-head mt-3">
                        <p>Ongoing</p>
                    </div>
                    @foreach($farmerActiveProject as $projects)
                    <a href="{{url('/farmers/suggested-project-details')}}/{{base64_encode($projects->farmer_id)}}/{{$projects->id}}">
                        <div class="card mt-3">
                            <div class="card-body">
                                <div class="ongoing-projects">
                                    <div class="row">
                                        @if($projects->project_status == 'active' || $projects->project_status == 'hold')
                                        <div class="col-md-8">
                                            <h4>{{substr(@$projects->name,0,15)}}... <span class="badge suggested-btn">{{str_replace("_"," ",ucwords(@$projects->project_status))}}</span></h4>
                                        @else
                                        <div class="col-md-10">
                                            <h4>{{App\Helpers\CommonHelper::limitTextWithDots(@$projects->name,25)}} <span class="badge suggested-btn">{{str_replace("_"," ",ucwords(@$projects->project_status))}}</span></h4>
                                        @endif
                                            <p>{{@$projects->improvementArea->name}}</p>
                                        </div>
                                        @if($projects->project_status == 'active' || $projects->project_status == 'hold')
                                        <div class="col-md-4">
                                            <div class="progress-circle newchanges-progress progress-{{$projects->completion_percent}} float-sm-right">
                                                <h6 class="progress-txt">{{round($projects->completion_percent,2)}}% </h6>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                    
                                    <div class="dam-constructionbox mt-3">
                                    @php
                                        $investmentAmount = App\Helpers\CommonHelper::amountConversion(@$projects->investment_amount);
                                        $revenue = App\Helpers\CommonHelper::amountConversion(@$projects->revenue_per_year);
                                        $loanAmount = App\Helpers\CommonHelper::amountConversion(@$projects->loan_amount);
                                        $emiAmount = App\Helpers\CommonHelper::amountConversion(@$projects->emi_amount);
                                    @endphp
                                        <div class="d-flex  justify-content-between mt-3">
                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$investmentAmount ? $investmentAmount : 0}}</h2>
                                                <h3>Investment</h3>
                                            </div>

                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$revenue ? $revenue : 0}}</h2>
                                                <h3>Revenue</h3>
                                            </div>
                                            <div class="mb-2 mb-sm-0">
                                                <h2>{{@$projects->roi_per_year}} %</h2>
                                                <h3>ROI</h3>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-between mt-3">
                                        <div>
                                            <h5>UGX {{$loanAmount ? $loanAmount : 0}}</h5>
                                            <h6>Loan</h6>
                                        </div>
                                        <div>
                                            <h5>{{@$projects->repayment_months}} Months</h5>
                                            <h6>Repayment</h6>
                                        </div>
                                        <div>
                                            <h5>UGX {{@$emiAmount ? $emiAmount : 0}} </h5>
                                            <h6>EMI</h6>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                    @endforeach
                    @endif

                    @if(count($farmerCompletedProject) > 0)
                    <div class="inner-head mt-3">
                        <p>Completed</p>
                    </div>
                    @foreach($farmerCompletedProject as $projects)
                    <a href="{{url('/farmers/suggested-project-details')}}/{{base64_encode(@$projects->farmer_id)}}/{{$projects->id}}">
                        <div class="card mt-3">
                            <div class="card-body">
                                <div class="ongoing-projects">
                                    
                                    <h4>{{substr(@$projects->name,0,22)}}... <span class="badge suggested-btn">{{str_replace("_"," ",ucwords(@$projects->project_status))}}</span></h4>
                                    <p>{{@$projects->improvementArea->name}}</p>
                                    <div class="dam-constructionbox mt-3">
                                    @php
                                        $investmentAmount = App\Helpers\CommonHelper::amountConversion(@$projects->investment_amount);
                                        $revenue = App\Helpers\CommonHelper::amountConversion(@$projects->revenue_per_year);
                                        $loanAmount = App\Helpers\CommonHelper::amountConversion(@$projects->loan_amount);
                                        $emiAmount = App\Helpers\CommonHelper::amountConversion(@$projects->emi_amount);
                                    @endphp
                                        <div class="d-flex  justify-content-between mt-3">
                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$investmentAmount ? $investmentAmount : 0}}</h2>
                                                <h3>Investment</h3>
                                            </div>

                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$revenue ? $revenue : 0}}</h2>
                                                <h3>Revenue</h3>
                                            </div>
                                            <div class="mb-2 mb-sm-0">
                                                <h2>{{@$projects->roi_per_year}} %</h2>
                                                <h3>ROI</h3>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-between mt-3">
                                        <div>
                                            <h5>UGX {{$loanAmount ? $loanAmount : 0}}</h5>
                                            <h6>Loan</h6>
                                        </div>
                                        <div>
                                            <h5>{{@$projects->repayment_months}} Months</h5>
                                            <h6>Repayment</h6>
                                        </div>
                                        <div>
                                            <h5>UGX {{@$emiAmount ? $emiAmount : 0}} </h5>
                                            <h6>EMI</h6>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                    @endforeach
                    @endif
                    
                    @if(count($farmerSuggestedProject) > 0)
                    <div class="inner-head mt-3">
                        <p>Suggested</p>
                    </div>
                    @foreach($farmerSuggestedProject as $projects)
                    <a href="{{url('/farmers/suggested-project-details')}}/{{base64_encode(@$projects->farmer_id)}}/{{$projects->id}}">
                        <div class="card mt-3">
                            <div class="card-body">
                                <div class="ongoing-projects">
                                    <div class="corner-text">{{$projects->suggestion_rank}}</div>
                                    <h4>{{App\Helpers\CommonHelper::limitTextWithDots(@$projects->name,25)}} 
                                        @if($projects->reject_status == 1)
                                        <span class="badge suggested-btn">Rejected</span></h4>
                                        @else
                                        <span class="badge suggested-btn">{{str_replace("_"," ",ucwords(@$projects->project_status))}}</span></h4>
                                        @endif
                                    <p>{{@$projects->improvementArea->name}}</p>
                                    <div class="dam-constructionbox mt-3">
                                    @php
                                        $investmentAmount = App\Helpers\CommonHelper::amountConversion(@$projects->investment_amount);
                                        $revenue = App\Helpers\CommonHelper::amountConversion(@$projects->revenue_per_year);
                                        $loanAmount = App\Helpers\CommonHelper::amountConversion(@$projects->loan_amount);
                                        $emiAmount = App\Helpers\CommonHelper::amountConversion(@$projects->emi_amount);
                                    @endphp
                                        <div class="d-flex  justify-content-between mt-3">
                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$investmentAmount ? $investmentAmount : 0}}</h2>
                                                <h3>Investment</h3>
                                            </div>

                                            <div class="mb-2 mb-sm-0">
                                                <h2>UGX {{$revenue ? $revenue : 0}}</h2>
                                                <h3>Revenue</h3>
                                            </div>
                                            <div class="mb-2 mb-sm-0">
                                                <h2>{{@$projects->roi_per_year}} %</h2>
                                                <h3>ROI</h3>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-between mt-3">
                                        <div>
                                            <h5>UGX {{$loanAmount ? $loanAmount : 0}}</h5>
                                            <h6>Loan</h6>
                                        </div>
                                        <div>
                                            <h5>{{@$projects->repayment_months}} Months</h5>
                                            <h6>Repayment</h6>
                                        </div>
                                        <div>
                                            <h5>UGX {{@$emiAmount ? $emiAmount : 0}} </h5>
                                            <h6>EMI</h6>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </a>
                    @endforeach
                    @endif
                    
                </div>
            </div>
        </div>

    </div>
</section>
<section>
    <div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="Supplied-menu" tabindex="-1"
        role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content border-0">
                <div class="supplied-popbox">
                    <div class="modal-header pb-0 mobile-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                <!-- &times; -->
                                <img src="/assets/img/white-closepop.svg" class="cross-dash" alt="">
                            </span>
                        </button>
                        <div class="pop-headred">
                            <h5>Milk supplied to PDFL</h5>
                            <h6>Last 6 months</h6>
                        </div>
                    </div>
                    <div class="modal-body pt-0">
                        <div class="row mt-3 pb-4">
                            <div class="col-md-12">
                                <canvas id="myChart" style="width:100%; height: 200px;"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-body pt-0">

                    <div class="row mt-sm-5 mt-3">
                        <div class="col-md-12">
                            <ul class="nav nav-tabs project-tab new-poptab" id="myTab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                                        aria-controls="home" aria-selected="true">Yesterday</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                                        aria-controls="profile" aria-selected="false">Last week</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab"
                                        aria-controls="contact" aria-selected="false">Last month</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="months-tab" data-toggle="tab" href="#months" role="tab"
                                        aria-controls="contact" aria-selected="false">Last 6
                                        months</a>
                                </li>
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="home" role="tabpanel"
                                    aria-labelledby="home-tab">
                                    <div class="production-box mt-sm-4 mt-3">
                                        <div class="produtcion-innerbox">
                                            <div class="row">
                                                <div class="col-md-6 col-6 border-dashhed">
                                                    <h4>45K Ltr</h4>
                                                    <h3>Total production</h3>
                                                </div>
                                                <div class="col-md-6 col-6 pl-sm-5">
                                                    <h4>UGX 22.5M</h4>
                                                    <h3>Worth</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="supplied-popcontent mt-sm-4 mt-2 mb-5">
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                    </div>

                                </div>
                                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="production-box mt-sm-4 mt-3">
                                        <div class="produtcion-innerbox">
                                            <div class="row">
                                                <div class="col-md-6 col-6 border-dashhed">
                                                    <h4>45K Ltr</h4>
                                                    <h3>Total production</h3>
                                                </div>
                                                <div class="col-md-6 col-6 pl-sm-5">
                                                    <h4>UGX 22.5M</h4>
                                                    <h3>Worth</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="supplied-popcontent mt-sm-4 mt-2 mb-5">
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                    <div class="production-box mt-sm-4 mt-3">
                                        <div class="produtcion-innerbox">
                                            <div class="row">
                                                <div class="col-md-6 col-6 border-dashhed">
                                                    <h4>45K Ltr</h4>
                                                    <h3>Total production</h3>
                                                </div>
                                                <div class="col-md-6 col-6 pl-sm-5">
                                                    <h4>UGX 22.5M</h4>
                                                    <h3>Worth</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="supplied-popcontent mt-sm-4 mt-2 mb-5">
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="months" role="tabpanel" aria-labelledby="months-tab">
                                    <div class="production-box mt-sm-4 mt-3">
                                        <div class="produtcion-innerbox">
                                            <div class="row">
                                                <div class="col-md-6 col-6 border-dashhed">
                                                    <h4>45K Ltr</h4>
                                                    <h3>Total production</h3>
                                                </div>
                                                <div class="col-md-6 col-6 pl-sm-5">
                                                    <h4>UGX 22.5M</h4>
                                                    <h3>Worth</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="supplied-popcontent mt-sm-4 mt-2 mb-5">
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center box-content">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                        <div
                                            class="d-flex justify-content-between align-items-center box-content bg-box">
                                            <h3>5580 Litre</h3>
                                            <h4>Apr, 2023</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
</section>
<!-- start facilities-->
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="resume-menu" 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">
                        <!-- &times; -->
                        <img src="{{asset('assets/img/dash-cross.svg')}}" class="cross-dash" alt="">
                    </span>
                </button>
            </div>
            <div class="modal-body pt-0">

                <div class="row">
                    <div class="col-md-11">
                        <div class="row align-items-center mt-2">
                            <div class="col-md-9 col-9">
                                <div class="pop-head">
                                    <h2 id="imp-area-name"></h2>
                                </div>
                            </div>
                            <div class="col-md-3 col-3 text-right">
                                <span class="badge pencil-box">
                                    <a id="improvement-area-edit-btn">
                                        <i class="fa fa-pencil-alt" aria-hidden="true"></i>
                                    </a>
                                </span>
                            </div>
                        </div>
                        
                        <div class="row mt-sm-4 mt-3">
                            <div class="col-md-12">
                                <div class="water-mangeimgbox">
                                    <div class="water-mangeimgboxinnerbox">
                                        <img src="" alt="" id="imp-area-image">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="survey-detailscontent mt-3">
                            <h2>Survey details</h2>
                            <p>Details captured by dairy development expert (DDE) during the survey of the farm</p>
                        </div>

                        <div class="survey-detailsbox mt-sm-4 mt-3">
                            <div class="d-flex align-items-center">
                                <div class="mr-3">
                                    <img src="{{asset('assets/img/water-drop.svg')}}" alt="">
                                </div>
                                <div>
                                    <p id="param-1">Source of Water Availability:</p>
                                    <h6 id="value-1">Dam with Water Tank</h6>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-3 mb-5">
                            <div class="col-md-10 col-10">
                                <div class="water-timeline" id="timelinecontent-section">
                                    <div class="water-timelinecontent">
                                        <h3 id="param-2">Distance to the Source: <span id="value-2"> 04 km</span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3 id="param-3">Frequency of rounds: <span id="value-3"> 02</span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3 id="param-4">Water cost (monthly): <span id="value-4"> UGX 1,000 </span>
                                        </h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3 id="param-5">Nature of pasture land: <span id="value-5"> Steep </span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3 id="param-6">Total Distance Travelled: <span id="value-7"> 16 km </span>
                                        </h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3>Loss of Milk Yield /cow /day: <span> 8 Ltr. </span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3> Expected yield /cow /day: <span> 18 Ltr. </span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3>Expected incremental production:</h3>
                                        <h3 class="mt-1"> Per day: <span> 180 Ltr. </span></h3>
                                        <h3> Per month: <span> 5.4K Ltr. </span></h3>
                                        <h3> Per year: <span> 65K Ltr. </span></h3>
                                    </div>
                                    <div class="water-timelinecontent">
                                        <h3>Expected incremental production:</h3>
                                        <h3 class="mt-1"> Per day: <span> 180 Ltr. </span></h3>
                                        <h3> Per month: <span> 5.4K Ltr. </span></h3>
                                        <h3> Per year: <span> 65K Ltr. </span></h3>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!--  end facilities -->
@include('farmer.project-modal-partials.approve-kyc')
<!-- Project Rating Detail Side Modal -->


@include('farmer.project-modal-partials.project-rating')
<!-- Project Rating Detail Side Modal -->
@endsection
<!-- Farmer Reject Kyc -->
@include('farmer.project-modal-partials.farmer-reject-kyc')
<!-- Farmer Reject Kyc -->

<!-- Farmer Reject Kyc Thank You  -->
@include('farmer.project-modal-partials.kyc-reject-thankyou-modal')
<!-- Farmer Reject KycThank You  -->
<!-- =========================Pre-Approve KYC Modal Start======================== -->
<!-- =========================Pre-Approve KYC Modal CLose======================== -->

@section('scripts')
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<!-- AIzaSyAZHiJY-h95-Cm_PmRPUbwkPaDhZPNLC3U -->
<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>

    // Chart 2

    var s = document.getElementById('zoneChart').getContext('2d');
    var zoneChart = new Chart(s, {
        type: 'doughnut',
        data: {
            labels: ['Completed', 'Active', 'Hold',],
            datasets: [{
                data: [200, 150, 50],
                backgroundColor: [
                    '#6A0030',
                    '#F6B51D',
                    '#FC5E60',

                ],
                crosshair: true
            }],
            yAxis: {
                min: 0,
                title: {
                    text: 'Total Students'
                }
            },
            credits: {
                enabled: false
            },
            exporting: {
                enabled: false
            },
            tooltip: {
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                },
                series: {
                    borderRadius: 8,
                    pointPadding: .3
                },
            },


            series: [{
                name: 'Quarterly',
                data: [129.2, 144.0, 176.0, 135.6, 129.2, 144.0],
                color: '#25DAE6',
                borderWidth: 0
            }]
        },
        options: {
            plugins: {
                legend: {
                    display: false
                }
            }
        }
    });

    // Chart 3

    var a = document.getElementById('deliveryChart').getContext('2d');
    var deliveryChart = new Chart(a, {
        type: 'doughnut',
        data: {
            labels: ['Applied', 'Pre-approved', 'Surveyed', 'Verified', 'Approved'],
            datasets: [{
                data: [100, 200, 150, 50],
                backgroundColor: [

                    '#6A0030',
                    '#910042',
                    '#C10057',
                    '#D8327D',
                    '#E35A99'
                ],
                hoverOffset: 1,

                borderWidth: 0
            }]
        },
        options: {
            plugins: {
                legend: {
                    display: false
                }
            }
        }
    });



</script>


<script>
    const ctx = document.getElementById('myChart');

    new Chart(ctx, {
        scaleFontColor: "white",
        type: 'line',
        data: {
            labels: ['Nov,22', 'Dec, 22', 'Jan, 23', 'Feb, 23', 'Mar, 23', 'Apr,23'],
            datasets: [{
                // label: '# of Votes',
                data: [20, 40, 30, 50, 55, 45, 50, 60, 70, 80],
                borderWidth: 2,
                borderColor: "#FC5E60",
                fontColor: "#fff",
                backgroundColor: "#fc5e6029",
                fill: true,
                pointBorderColor: '#fff'
            }]
        },
        options: {
            scales: {
                x: {
                    ticks: {
                        color: '#fff'
                    }
                },
                y: {
                    ticks: {
                        color: '#fff'
                    }
                }
            }
        }
    });

    function allCows() {
        $_token = "{{ csrf_token() }}";

    }

    function friesianCows() {
        console.log('dfgh');
        $_token = "{{ csrf_token() }}";

    }

    var lat = '';
    var lng = '';

    $(document).ready(function () {
        initMap(lat, lng);
    });

    // Farmer's address google map script
    let map;
    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
        });
    }

    // Improvement Area side modal details script
    var farmerId = ;
    console.log(farmerId);

    $('.improvementArea').on('click', function () {

        var impAreaId = $(this).attr('data-id');
        $('#improvement-area-edit-btn').attr('href', '{{ url("/")}}/farmers/farmer-assigned-edit/' + btoa(farmerId) + '?tabaccordian=improvement-area && impAreaId=' + impAreaId);

        $.ajax({
            url: "{{url('farmers/improvement-area-details')}}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                farmerId: farmerId,
                impAreaId: impAreaId
            },
            success: function (response) {
                console.log("response:", response);

                // dynamically creating improvement area section
                $('#timelinecontent-section').html('');
                var html = '';
                var html2 = '';
                var html3 = '';
                var html4 = '';
                var html5 = '';
                $('#imp-area-name').text(response?.improvement_area?.name);
                $('#imp-area-image').attr('src',response?.improvement_area?.image);
                $.each(response, (key, data) => {
                    
                    if (key == 0) {
                        $('#param-1').text(data.parameter);
                        $('#value-1').text(data.value);
                        return true;
                    }
                    if (key == 6) {
                        html2 += '<div class="water-timelinecontent"><h3>Loss of Milk Yield /cow /day: <span>' + response.lossOfMilkPerCow + ' Ltr.</span></h3></div>'
                        return false;
                    }
                    var uom = '';
                    
                    if (data.uom != null ) {
                        uom = data.uom;
                    }
                    if(data.parameter && data.value){
                        html += '<div class="water-timelinecontent"><h3>' + data.parameter + ': <span>' + data.value + uom + '</span></h3></div>'
                    }
                    console.log('inside loop: ', data.parameter, data.value);
                });

                html3 += '<div class="water-timelinecontent"><h3>Expected yield /cow /day: <span>' + response.expectedYieldPerCow + ' Ltr.</span></h3></div>'
                html4 += '<div class="water-timelinecontent"><h3>Expected incremental production:</h3><h3 class="mt-1">Per day: <span>' + response.incrementalProduction + ' Ltr.</span></h3><h3>Per month:<span>' + response.incrementalProduction * 30 + 'K Ltr.</span></h3><h3>Per year: <span>' + response.incrementalProduction * 365 + 'K Ltr.</span></h3></div>'
                html5 += '<div class="water-timelinecontent"><h3>Expected incremental earning:</h3><h3 class="mt-1">Per day: <span>' + response.incrementalEarning + '</span></h3><h3>Per month:<span>' + response.incrementalEarning * 30 + '</span></h3><h3>Per year: <span>' + response.incrementalEarning * 365 + '</span></h3></div>'

                $('#timelinecontent-section').html(html);
                $('#timelinecontent-section').append(html2);
                $('#timelinecontent-section').append(html3);
                $('#timelinecontent-section').append(html4);
                $('#timelinecontent-section').append(html5);

            }
        })
    })

    // Improvement Area side modal details script

    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 showKycRejectModal(farmerId){
		$('#farmerKycModalDismiss').click();
		$('#rejectKycfarmerId').val(farmerId);
		$('#farmerKycReject').modal('show');
	}

	function rejectFarmerKyc(){
		let farmerId = $('#rejectKycfarmerId').val();
		let remark = $('#remarkForRejectKyc').val();
		$.ajax({
			url: "{{ url('/farmers/reject-farmer-kyc') }}",
			type: "POST",
			data: {
				_token: "{{ csrf_token() }}",
				farmerId: farmerId,
				remark: remark
			},
			success: function(response) {
				if (response.status == 200) {
					$('#remark-modal-revert').click();
					$('#financial-thank-you-modal').modal('show');
					$('#financial-thank-you-modal').on('hidden.bs.modal', function(){
						window.location.reload();
					});
					
				}
				if (response.status == 422) {
					Swal.fire(
						'Error', 'Remark is mandatory to fill!', 'warning'
					)
				}
			}
		});

	}
</script>
@endsection