@extends('layouts.app')
@section('content')

@php
$user= auth()->user();
@endphp

    <section class="content">
        <div class="container-fluid">

            <div class="px-sm-4">

                    <!-- New html -->
                    <div class="row mt-2 mt-sm-3 align-items-center">
                        <div class="col-md-10">
                            <div class="d-sm-flex d-block align-items-center">
                                <div class="top-menuhome">
                                    <ul> 
                                        @php
                                        $permission = App\Helpers\CommonHelper::checkPermission($user, 'Home');
                                        @endphp

                                        @if($permission)
                                        <li><a href="{{url('/home')}}">Overview</a></li>
                                        @endif

                                        @php
                                        $permission = App\Helpers\CommonHelper::checkPermission($user, 'Financials');
                                        @endphp

                                        @if($permission)
                                        <li><a href="{{route('financial.home')}}">
                                                <div class="top-head">
                                                    <h1>Financials</h1>
                                                </div>
                                            </a>
                                        </li>
                                        @endif

                                        @php
                                        $permission = App\Helpers\CommonHelper::checkPermission($user, 'Credit Committee');
                                        @endphp

                                        @if($permission)
                                        <li><a href="{{url('/credit-committee')}}">Credit Committee</a></li>
                                        @endif
                                        <li><a href="{{route('investor.dashboard')}}">Investors</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-3 text-right">
                            <a href="{{ route('financial.index') }}" type="button" class="btn save-btn">Show All</a>
                        </div>
                    </div>
                <!-- New HTML-->
                    
                <!-- </div> -->

                <div class="row" style="margin-top:80px;">
                    <div class="col-sm col-6 mb-sm-0 mb-5">
                        <div class="financials-box">
                            <div class="financials-imgboxouter">
                                <div class="financials-imgbox">
                                    <img src="{{asset('assets/img/active.svg')}}" alt="">
                                </div>
                            </div>
                            <h2>Total</h2>
                        </div>
                        <div class="loans-deployedcontentbox">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loans Deployed</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalLoanDeployedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$totalLoanDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Commission Booked</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalCommissionBookedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{round($totalCommissionBookedPercent, 2)}}%</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loan + Commision</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalPlusCommission) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$totalLoanDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm col-6 mb-sm-0 mb-5">
                        <div class="financials-box financials-box2">
                            <div class="financials-imgboxouter financials-imgboxouter2">
                                <div class="financials-imgbox financials-imgbox2">
                                    <img src="{{asset('assets/img/active5.svg')}}" alt="">
                                </div>
                            </div>
                            <h2>Active</h2>
                        </div>

                        <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loans Deployed</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($activeLoanDeployedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$activeLoanDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Commission Recievable</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($activCommissionBookedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{round($activeCommissionBookedPercent,2)}}%</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loan + Commision</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalActivePlusCommission) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$activeLoanDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm col-6 mb-sm-0 mb-5">
                        <div class="financials-box financials-box3">
                            <div class="financials-imgboxouter financials-imgboxouter3">
                                <div class="financials-imgbox financials-imgbox3">
                                    <img src="{{asset('assets/img/active2.svg')}}" alt="">
                                </div>
                            </div>
                            <h2>YTD</h2>
                        </div>

                        <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loans Deployed</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdLoansDeployedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$ytdLoansDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Commission Booked</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdCommissionBookedAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{round($ytdCommissionBookedPercent,2)}}%</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loan + Commision</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdDeployedPlusCommission) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$ytdLoansDeployedCount}}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-sm col-6 mb-sm-0 mb-5">
                        <div class="financials-box financials-box4">
                            <div class="financials-imgboxouter financials-imgboxouter4">
                                <div class="financials-imgbox financials-imgbox4">
                                    <img src="{{asset('assets/img/active4.svg')}}" alt="">
                                </div>
                            </div>
                            <h2>DDE</h2>
                        </div>

                        <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Total Commission</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalDDECommission->totalCommission) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$totalDDECommission->numberOfRecords}}</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Paid Commission</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($ddePaidCommission->totalPaid) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$ddePaidCommission->numberOfRecords}}</h2>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Balance Commission</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($ddeBalanceCommission->totalBalance) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$ddeBalanceCommission->numberOfRecords}}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm col-6">
                        <div class="financials-box financials-box5">
                            <div class="financials-imgboxouter financials-imgboxouter5">
                                <div class="financials-imgbox financials-imgbox5">
                                    <img src="{{asset('assets/img/active3.svg')}}" alt="">
                                </div>
                            </div>
                            <h2>Default</h2>
                        </div>
                        <div class="loans-deployedcontentbox loans-deployedcontentbox5">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Loans</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($defaultProjectDetails->totalLoanAmount) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$defaultProjectDetails->totalDefaultProject}}</h2>
                                </div>
                            </div>
                        </div>
                       <!--  -->
                        <div class="loans-deployedcontentbox loans-deployedcontentbox5">
                            <div class="row align-items-center">
                                <div class="col-md-5 col-6">
                                    <h6>Commission</h6>
                                    <p>UGX {{App\Helpers\CommonHelper::amountConversion($defaultProjectDetails->totalCommission) ?? 0}}</p>
                                </div>
                                <div class="col-md-7 col-6 text-right">
                                    <h2>{{$defaultProjectDetails->totalDefaultProject}}</h2>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- <div class="financials-main-box"> -->
                    <!-- <div class="financials-box">
                        <div class="financials-imgboxouter">
                            <div class="financials-imgbox">
                                <img src="{{asset('assets/img/active.svg')}}" alt="">
                            </div>
                        </div>
                        <h2>Total</h2>
                    </div> -->

                    <!-- <div class="financials-box financials-box2">
                        <div class="financials-imgboxouter financials-imgboxouter2">
                            <div class="financials-imgbox financials-imgbox2">
                                <img src="{{asset('assets/img/active5.svg')}}" alt="">
                            </div>
                        </div>
                        <h2>Active</h2>
                    </div> -->

                    <!-- <div class="financials-box financials-box3">
                        <div class="financials-imgboxouter financials-imgboxouter3">
                            <div class="financials-imgbox financials-imgbox3">
                                <img src="{{asset('assets/img/active2.svg')}}" alt="">
                            </div>
                        </div>
                        <h2>YTD</h2>
                    </div> -->

                    <!-- <div class="financials-box financials-box4">
                        <div class="financials-imgboxouter financials-imgboxouter4">
                            <div class="financials-imgbox financials-imgbox4">
                                <img src="{{asset('assets/img/active4.svg')}}" alt="">
                            </div>
                        </div>
                        <h2>DDE</h2>
                    </div> -->

                    <!-- <div class="financials-box financials-box5">
                        <div class="financials-imgboxouter financials-imgboxouter5">
                            <div class="financials-imgbox financials-imgbox5">
                                <img src="{{asset('assets/img/active3.svg')}}" alt="">
                            </div>
                        </div>
                        <h2>Default</h2>
                    </div> -->
                <!-- </div> -->


               

                <div class="loans-deployedmainbox">
                    <!-- <div class="loans-deployedcontentbox">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loans Deployed</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalLoanDeployedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$totalLoanDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loans Deployed</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($activeLoanDeployedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$activeLoanDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loans Deployed</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdLoansDeployedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$ytdLoansDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Total Commission</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalDDECommission->totalCommission) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$totalDDECommission->numberOfRecords}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox5">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loans</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($defaultProjectDetails->totalLoanAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$defaultProjectDetails->totalDefaultProject}}</h2>
                            </div>
                        </div>
                    </div> -->

                    <!-- <div class="loans-deployedcontentbox">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Commission Booked</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalCommissionBookedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{round($totalCommissionBookedPercent, 2)}}%</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Commission Recievable</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($activCommissionBookedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{round($activeCommissionBookedPercent,2)}}%</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Commission Booked</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdCommissionBookedAmount) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{round($ytdCommissionBookedPercent,2)}}%</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Paid Commission</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($ddePaidCommission->totalPaid) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$ddePaidCommission->numberOfRecords}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox5">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Commission</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($defaultProjectDetails->totalCommission) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$defaultProjectDetails->totalDefaultProject}}</h2>
                            </div>
                        </div>
                    </div> -->

                    <!-- <div class="loans-deployedcontentbox">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loan + Commision</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalPlusCommission) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$totalLoanDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox2">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loan + Commision</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($totalActivePlusCommission) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$activeLoanDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox3">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Loan + Commision</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($ytdDeployedPlusCommission) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$ytdLoansDeployedCount}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="loans-deployedcontentbox loans-deployedcontentbox4">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6>Balance Commission</h6>
                                <p>UGX {{App\Helpers\CommonHelper::amountConversion($ddeBalanceCommission->totalBalance) ?? 0}}</p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2>{{$ddeBalanceCommission->numberOfRecords}}</h2>
                            </div>
                        </div>
                    </div> -->
                    <!-- <div class="loans-deployedcontentbox loans-deployedcontentbox5">
                        <div class="row align-items-center">
                            <div class="col-md-5 col-6">
                                <h6></h6>
                                <p></p>
                            </div>
                            <div class="col-md-7 col-6 text-right">
                                <h2></h2>
                            </div>
                        </div>
                    </div> -->

                </div>

                {{--<div class="row mt-sm-5 mt-4">
                    <div class="col-md-5 mb-3 mb-sm-0">
                        <div class="card mb-0">
                            <div class="row align-items-start">
                                <div class="col-md-8 col-9">
                                    <div class="card-header border-0 pb-0">
                                        <h4 class="card-title float-none">Ongoing Projects</h4>
                                        <p class="card-titleinner">Total projects: 23</p>
                                    </div>
                                </div>
                                <div class="col-md-4 col-3 text-right">
                                    <div class="card-header border-0 pb-0">
                                        <img src="img/more.svg" class="three-dots" alt="">
                                    </div>
                                </div>
                            </div>

                            <div class="card-body pt-0">
                                <div class="row justify-content-between">
                                    <div class="col-md-5 col-8 mb-3 mb-sm-0">
                                        <div class="suppliers-box mt-3">
                                            <span
                                                class="badge target-achieved target-achieved2  d-flex align-items-center">
                                                <span class="active-box active-boxcompleted"></span> Completed:
                                                <span> {{$completedProject}}</span>
                                            </span>
                                            <span
                                                class="badge target-achieved target-achieved3  d-flex align-items-center">
                                                <span class="active-box active-boxcompleted2"></span> Active:
                                                <span> {{$activeProject}}</span>
                                            </span>
                                            <span
                                                class="badge target-achieved target-achieved4  d-flex align-items-center">
                                                <span class="active-box active-boxcompleted3"></span> Hold:
                                                <span> {{$holdProject}}</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <canvas id="finzoneChart" width="213" height="213"
                                            style="display: block; box-sizing: border-box; height: 213px; width: 213px;"></canvas>
                                    </div>
                                </div>

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

                    <div class="col-md-7">
                        <div class="card h-100">
                            <div class="card-body mb-sm-4">
                                <div class="row h-100">
                                    <div class="col-md-4 col-6  text-center border-right">
                                        <div class="row h-100">
                                            <div class="col-md-12">
                                                <h4 class="card-title float-none">DDE ({{$totalDDE}})</h4>
                                                <div class="suppliers-box mt-sm-4 mt-3">
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box"></span>Active: <b>{{$activeDDE}}</b></h6>
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box inactive-box"></span>Inactive: <b>{{$inactiveDDE}}</b>
                                                    </h6>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mt-auto">
                                                 <a href="{{url('/dairy-executives')}}"><button type="button" class="btn compare-btn py-1">show all</button></a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-4 col-6 text-center border-sm-right">
                                        <div class="row h-100">
                                            <div class="col-md-12">
                                                <h4 class="card-title float-none">Farmers ({{$totalFarmers}}) </h4>
                                                <div class="suppliers-box mt-sm-4 mt-3">
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box active-boxcompleted3"></span>Critical:
                                                        <b>{{$criticalFarmers}}</b></h6>
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box active-boxcompleted2"></span>Average:
                                                        <b>{{$averageFarmers}}</b> </h6>
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box"></span>Satisfactory: <b>{{$satisfactoryFarmers}}</b> </h6>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mt-auto">
                                                <a href="{{url('/farmers')}}"><button type="button" class="btn compare-btn py-1">show all</button></a>
                                            </div>
                                        </div>


                                    </div>
                                    <div class="col-md-4 mt-4 mt-sm-0 col-6 text-center">
                                        <div class="row h-100">
                                            <div class="col-md-12">
                                                <h4 class="card-title float-none">Suppliers ({{$totalSupplier}})</h4>
                                                <div class="suppliers-box mt-sm-4 mt-3">
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box"></span>Active: <b>{{$activeSupplier}}</b></h6>
                                                    <h6 class="justify-content-center"><span
                                                            class="active-box inactive-box"></span>Inactive: <b>{{$inactiveSupplier}}</b>
                                                    </h6>
                                                </div>
                                            </div>
                                            <div class="col-md-12 mt-auto">
                                                 <a href="{{url('/suppliers')}}"><button type="button" class="btn compare-btn py-1">show all</button></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>--}}
            </div>

        </div>
    </section>
@endsection

@section('scripts')
<script>
    // Financial Ongoing Chart
    var completedProject = 0;
    var activeProject = 0;
    var holdProject = 0;

    var s = document.getElementById('finzoneChart').getContext('2d');
    var finzoneChart = new Chart(s, {
        type: 'doughnut',
        data: {
            labels: ['Completed', 'Active', 'Hold',],
            datasets: [{
                data: [completedProject, activeProject, holdProject],
                backgroundColor: [
                    '#6A0030',
                    '#F6B51D',
                    '#FC5E60',
                   
                ],
                hoverOffset: 1,
                borderWidth: 0
            }]
        },
        options: { 
              plugins: {
                legend: {
                  display: false
                }
              }
          }
    });
</script>
@endsection