@extends('layouts.pdf')

@section('title')
    {{ $extra['module_name'] }}
@endsection
@section('content')

        <style type="text/css" media="all">
        div[size="A4"] {
            font-family: Verdana, Geneva, sans-serif !important;
            line-height: 18px
        }

        h5,
        h6,
        p {
            font-family: Verdana, Geneva, sans-serif;
        }

        table td,
        table th,
        h6,
        p {
            font-size: 11px !important;
        }

        h5 {
            font-size: 12px !important;
            font-weight: 600;
        }

        .table td {
            border-top: 0px;
        }

        table th,
        table td {
            padding: 5px !important;
        }

        .table-sm td {
            padding: 0px !important;
        }

        body {
            font-size: 1rem;
        }

        table {
            font-size: 1rem;
            position: relative !important;
        }

        /* .table th {
            background: #000 !important;
        } */

        .table th {
            position: sticky !important z-index: 1 !important;
        }

        .g-total {
            font-size: 12px !important;
        }

        .gray {
            background: rgb(207, 204, 204) !important;
        }

        .font-bold {
            font-weight: bold;
        }

        .text-center {
            text-align: center;
        }
        
        @if ($action == 'pdf')
            .chart-color {
                display: block;
                width: 651px;
                height: 325px;

            }
        @else
            .chart-color {
                display: block !important;
                width: 500px !important;
                height: 230px !important;

            }
        @endif
    </style>

    {{-- <p>Printing Date & Time: {{ $extra['current_date_time']  }}</p> --}}
    <script type="text/php">
        if (isset($pdf)) {
            $x = 400;
            $y = 10;
            $text = "Page {PAGE_NUM} of {PAGE_COUNT}";
            $font = null;
            $size = 8;
            $color = array(0,0,0);
            $word_space = 0.0;  //  default
            $char_space = 0.0;  //  default
            $angle = 0.0;   //  default
            $pdf->page_text($x, $y, $text, $font, $size, $color, $word_space, $char_space, $angle);
        }
    </script>

    <div size="A4" @if ($action == 'Show') style="margin: 30px 50px auto;" @endif>
        @include('admin.partials.header', ['extra' => $extra])
        <table class="table table-bordered">
            <thead>
                <tr>


                    <th colspan="1" class="text-center"></th>
                    <th colspan="3" class="text-center">{{__('lang.total_units')}}</th>
                    <th colspan="7" class="text-center">{{__('lang.sold')}}</th>
                    <th colspan="3" class="text-center">{{__('lang.vacant')}}</th>
                    <th colspan="3" class="text-center">{{__('lang.reserved')}}</th>
                    <th class="text-center"></th>

                </tr>
                <tr>
                    <th scope="col" class="text-center">{{__('lang.type')}}s</th>

                    <th scope="col" class="text-center">{{__('lang.units')}}</th>
                    <th scope="col" class="text-center">{{__('lang.size')}}</th>
                    <th scope="col" class="text-center">{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>

                    <th scope="col" class="text-center">{{__('lang.units')}}</th>
                    <th scope="col" class="text-center">{{__('lang.size')}}</th>
                    <th scope="col" class="text-center">{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>
                    <th scope="col" class="text-center">{{__('lang.discount')}}</th>
                    <th scope="col" class="text-center">{{__('lang.receivable')}}</th>
                    <th scope="col" class="text-center">{{__('lang.received')}}</th>
                    <th scope="col" class="text-center">{{__('lang.balance')}}</th>


                    <th scope="col" class="text-center">{{__('lang.units')}}</th>
                    <th scope="col" class="text-center">{{__('lang.size')}}</th>
                    <th scope="col" class="text-center">{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>

                    <th scope="col" class="text-center">{{__('lang.units')}}</th>
                    <th scope="col" class="text-center">{{__('lang.size')}}</th>
                    <th scope="col" class="text-center">{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>

                    <th scope="col" class="text-center">{{__('lang.project_balance')}}</th>

                </tr>
            </thead>
            <tbody>
                @php
                    $balance = $total_units = $total_product_amount = $total_units_sold = $total_product_amount_sold = $total_discount_amount_sold = $total_receivable_amount_sold = $total_received_amount_sold = $total_balance = $total_units_vacant = $total_product_amount_vacant = $total_units_hold = $total_product_amount_hold = $total_size_all = $total_size_sold = $total_size_aviable = $total_size_hold = $project_balance = $total_project_balance =  0;

                    $total_size_in = "";
                @endphp
                @if (count($type) > 0)
                    @foreach ($type as $key => $item)
                        <tr>


                            <td>{{ $item->name }}</td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['size']) ? $product_total_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['product_amount']) ? number_format($product_total_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units += isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount += isset($product_total_quantity[$item->id][0]['product_amount']) ? $product_total_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_all += $product_total_quantity[$item->id][0]['total_size'];

                                if($product_total_quantity[$item->id][0]['size_in'] != ""){

                                    $total_size_in = $product_total_quantity[$item->id][0]['size_in'];
                                }
                                
                            @endphp


                            <td>{{ isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['size']) ? $product_sold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['product_amount']) ? number_format($product_sold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['discount_amount']) ? number_format($product_sold_quantity[$item->id][0]['discount_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? number_format($product_sold_quantity[$item->id][0]['receivable_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_received_amount[$item->id][0]['received_amount']) ? number_format($product_received_amount[$item->id][0]['received_amount'], 2) : 0 }}
                            </td>


                            @php
                                $balance = (isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0) - (isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0);
                            @endphp
                            <td>{{ number_format($balance, 2) }}</td>


                            @php
                                $total_units_sold += isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0;
                                
                                $total_product_amount_sold += isset($product_sold_quantity[$item->id][0]['product_amount']) ? $product_sold_quantity[$item->id][0]['product_amount'] : 0;
                                
                                $total_discount_amount_sold += isset($product_sold_quantity[$item->id][0]['discount_amount']) ? $product_sold_quantity[$item->id][0]['discount_amount'] : 0;
                                
                                $total_receivable_amount_sold += isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0;
                                
                                $total_received_amount_sold += isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0;
                                
                                $total_balance += $balance;
                                $total_size_sold += $product_sold_quantity[$item->id][0]['total_size'];
                                
                            @endphp



                            <td>{{ isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['size']) ? $product_available_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['product_amount']) ? number_format($product_available_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>


                            @php
                                $total_units_vacant += isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_vacant += isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_aviable += $product_available_quantity[$item->id][0]['total_size'];
                                
                            @endphp


                            <td>{{ isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['size']) ? $product_hold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['product_amount']) ? number_format($product_hold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units_hold += isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_hold += isset($product_hold_quantity[$item->id][0]['product_amount']) ? $product_hold_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_hold += $product_hold_quantity[$item->id][0]['total_size'];

                                $project_balance = (isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0) + $balance;

                                $total_project_balance += $project_balance;
                                
                            @endphp
                            <td>{{ number_format($project_balance,2) }}</td>
                        </tr>
                    @endforeach
                @elseif (count($block) > 0)
                    @foreach ($block as $key => $item)
                        <tr>


                            <td>{{ $item->name }}</td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['size']) ? $product_total_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['product_amount']) ? number_format($product_total_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units += isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount += isset($product_total_quantity[$item->id][0]['product_amount']) ? $product_total_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_all += $product_total_quantity[$item->id][0]['total_size'];

                                if($product_total_quantity[$item->id][0]['size_in'] != ""){

                                    $total_size_in = $product_total_quantity[$item->id][0]['size_in'];
                                }
                                
                            @endphp


                            <td>{{ isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['size']) ? $product_sold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['product_amount']) ? number_format($product_sold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['discount_amount']) ? number_format($product_sold_quantity[$item->id][0]['discount_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? number_format($product_sold_quantity[$item->id][0]['receivable_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_received_amount[$item->id][0]['received_amount']) ? number_format($product_received_amount[$item->id][0]['received_amount'], 2) : 0 }}
                            </td>


                            @php
                                $balance = (isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0) - (isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0);
                            @endphp
                            <td>{{ number_format($balance, 2) }}</td>


                            @php
                                $total_units_sold += isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0;
                                
                                $total_product_amount_sold += isset($product_sold_quantity[$item->id][0]['product_amount']) ? $product_sold_quantity[$item->id][0]['product_amount'] : 0;
                                
                                $total_discount_amount_sold += isset($product_sold_quantity[$item->id][0]['discount_amount']) ? $product_sold_quantity[$item->id][0]['discount_amount'] : 0;
                                
                                $total_receivable_amount_sold += isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0;
                                
                                $total_received_amount_sold += isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0;
                                
                                $total_balance += $balance;
                                $total_size_sold += $product_sold_quantity[$item->id][0]['total_size'];
                                
                            @endphp



                            <td>{{ isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['size']) ? $product_available_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['product_amount']) ? number_format($product_available_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>


                            @php
                                $total_units_vacant += isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_vacant += isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_aviable += $product_available_quantity[$item->id][0]['total_size'];
                                
                            @endphp


                            <td>{{ isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['size']) ? $product_hold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['product_amount']) ? number_format($product_hold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units_hold += isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_hold += isset($product_hold_quantity[$item->id][0]['product_amount']) ? $product_hold_quantity[$item->id][0]['product_amount'] : 0;
                                $total_size_hold += $product_hold_quantity[$item->id][0]['total_size'];

                                $project_balance = (isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0) + $balance;

                                $total_project_balance += $project_balance;
                                
                            @endphp
                            <td>{{ number_format($project_balance,2) }}</td>
                        </tr>
                    @endforeach
                    
                @else
                    @foreach ($category as $key => $item)
                        <tr>


                            <td>{{ $item->name }}</td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['size']) ? $product_total_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_total_quantity[$item->id][0]['product_amount']) ? number_format($product_total_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units += isset($product_total_quantity[$item->id][0]['total_units']) ? $product_total_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount += isset($product_total_quantity[$item->id][0]['product_amount']) ? $product_total_quantity[$item->id][0]['product_amount'] : 0;

                                $total_size_all += $product_total_quantity[$item->id][0]['total_size'];

                                if($product_total_quantity[$item->id][0]['size_in'] != ""){

                                    $total_size_in = $product_total_quantity[$item->id][0]['size_in'];
                                }
                                
                            @endphp


                            <td>{{ isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['size']) ? $product_sold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['product_amount']) ? number_format($product_sold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['discount_amount']) ? number_format($product_sold_quantity[$item->id][0]['discount_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? number_format($product_sold_quantity[$item->id][0]['receivable_amount'], 2) : 0 }}
                            </td>
                            <td>{{ isset($product_received_amount[$item->id][0]['received_amount']) ? number_format($product_received_amount[$item->id][0]['received_amount'], 2) : 0 }}
                            </td>


                            @php
                                $balance = (isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0) - (isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0);


                            @endphp
                            <td>{{ number_format($balance, 2) }}</td>


                            @php
                                $total_units_sold += isset($product_sold_quantity[$item->id][0]['total_units']) ? $product_sold_quantity[$item->id][0]['total_units'] : 0;
                                
                                $total_product_amount_sold += isset($product_sold_quantity[$item->id][0]['product_amount']) ? $product_sold_quantity[$item->id][0]['product_amount'] : 0;
                                
                                $total_discount_amount_sold += isset($product_sold_quantity[$item->id][0]['discount_amount']) ? $product_sold_quantity[$item->id][0]['discount_amount'] : 0;
                                
                                $total_receivable_amount_sold += isset($product_sold_quantity[$item->id][0]['receivable_amount']) ? $product_sold_quantity[$item->id][0]['receivable_amount'] : 0;
                                
                                $total_received_amount_sold += isset($product_received_amount[$item->id][0]['received_amount']) ? $product_received_amount[$item->id][0]['received_amount'] : 0;
                                
                                $total_balance += $balance;

                                $total_size_sold += $product_sold_quantity[$item->id][0]['total_size'];
                                
                            @endphp



                            <td>{{ isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['size']) ? $product_available_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_available_quantity[$item->id][0]['product_amount']) ? number_format($product_available_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>


                            @php
                                $total_units_vacant += isset($product_available_quantity[$item->id][0]['total_units']) ? $product_available_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_vacant += isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0;

                                $total_size_aviable += $product_available_quantity[$item->id][0]['total_size'];
                                
                            @endphp


                            <td>{{ isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0 }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['size']) ? $product_hold_quantity[$item->id][0]['size'] : '-' }}
                            </td>
                            <td>{{ isset($product_hold_quantity[$item->id][0]['product_amount']) ? number_format($product_hold_quantity[$item->id][0]['product_amount'], 2) : 0 }}
                            </td>

                            @php
                                $total_units_hold += isset($product_hold_quantity[$item->id][0]['total_units']) ? $product_hold_quantity[$item->id][0]['total_units'] : 0;
                                $total_product_amount_hold += isset($product_hold_quantity[$item->id][0]['product_amount']) ? $product_hold_quantity[$item->id][0]['product_amount'] : 0;

                                $total_size_hold += $product_hold_quantity[$item->id][0]['total_size'];
                                
                                $project_balance = (isset($product_available_quantity[$item->id][0]['product_amount']) ? $product_available_quantity[$item->id][0]['product_amount'] : 0) + $balance;

                                $total_project_balance += $project_balance;
                                
                            @endphp
                            <td>{{ number_format($project_balance,2) }}</td>
                        </tr>
                    @endforeach
                   
                @endif

            </tbody>
            <tfoot>
                <tr>
                    <th scope="col"></th>

                    <th scope="col">{{ number_format($total_units, 2) }}</th>
                    <th scope="col">{{ number_format($total_size_all, 2) }}  {{ $total_size_in }}</th>
                    <th scope="col">{{ number_format($total_product_amount, 2) }}</th>

                    <th scope="col">{{ number_format($total_units_sold, 2) }}</th>
                    <th scope="col">{{ number_format($total_size_sold, 2) }}  {{ $total_size_in }}</th>
                    <th scope="col">{{ number_format($total_product_amount_sold, 2) }}</th>
                    <th scope="col">{{ number_format($total_discount_amount_sold, 2) }}</th>
                    <th scope="col">{{ number_format($total_receivable_amount_sold, 2) }}</th>
                    <th scope="col">{{ number_format($total_received_amount_sold, 2) }}</th>
                    <th scope="col">{{ number_format($total_balance, 2) }}</th>


                    <th scope="col">{{ number_format($total_units_vacant, 2) }}</th>
                    <th scope="col">{{ number_format($total_size_aviable, 2) }}  {{ $total_size_in }}</th>
                    <th scope="col">{{ number_format($total_product_amount_vacant, 2) }}</th>

                    <th scope="col">{{ number_format($total_units_hold, 2) }}</th>
                    <th scope="col">{{ number_format($total_size_hold, 2) }}  {{ $total_size_in }}</th>
                    <th scope="col">{{ number_format($total_product_amount_hold, 2) }}</th>

                    <th scope="col" >{{ number_format($total_project_balance,2) }}</th>

                </tr>
            </tfoot>
        </table>
        <br>
        <br>
        <br>
        @if ($action == 'Show')
        <table class="table table-bordered">
            <thead>
                <th>{{__('lang.booked_vacant')}}</th>
                <th>{{__('lang.received_receivable')}}</th>
                <th>{{__('lang.project_received_receivable')}}</th>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <canvas id="payment-recvd-chart" class="chart-color"></canvas>
                    </td>
                    <td>
                        <canvas id="payment-recvd-chart1" class="chart-color"></canvas>
                    </td>
                    <td>
                        <canvas id="payment-recvd-chart2" class="chart-color"></canvas>
                    </td>
                </tr>
            </tbody>
        </table>
        @endif


    </div>
    <script src="{{ loadAsset('asset/dashboard/chart.min.js') }}"></script>
    <script src="{{ loadAsset('asset/dashboard/utils.js') }}"></script>
    <script type="text/javascript">
        var randonColors = [

            /*'#33c9dd',*/
            "#4c7df7",
            /*'#ed4b82',*/
            "#2de530",
            /*window.chartColors.red,*/
            "#4fc3f7",
            /*window.chartColors.orange,*/
            "#81d4fa",
            /*"#FF00FF",*/
            "#4ec2f7",
            /*"#800000",*/
            "#1cb1f5",
            /*"#FF0000",*/
            "#47c4fd",
            /* "#008000",*/
            "#35baf6",
            /*"#00FFFF",*/
            "#2ebcfc",
            /* "#FF00FF"*/
            "#70b1e5"


        ];

        var pieOptions = {
            events: false,
            animation: {
                duration: 500,
                easing: "easeOutQuart",
                onComplete: function() {
                    var ctx = this.chart.ctx;
                    ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart
                        .defaults.global.defaultFontFamily);
                    ctx.textAlign = 'center';
                    ctx.textBaseline = 'bottom';

                    this.data.datasets.forEach(function(dataset) {

                        for (var i = 0; i < dataset.data.length; i++) {
                            var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,
                                total = dataset._meta[Object.keys(dataset._meta)[0]].total,
                                mid_radius = model.innerRadius + (model.outerRadius - model.innerRadius) /
                                2,
                                start_angle = model.startAngle,
                                end_angle = model.endAngle,
                                mid_angle = start_angle + (end_angle - start_angle) / 2;

                            var x = mid_radius * Math.cos(mid_angle);
                            var y = mid_radius * Math.sin(mid_angle);

                            ctx.fillStyle = '#444';
                            if (i == 3) { // Darker text color for lighter background
                                ctx.fillStyle = '#444';
                            }
                            var percent = String(Math.round(dataset.data[i] / total * 100)) + "%";
                            ctx.fillText(convertAmount(dataset.data[i]), model.x + x, model.y + y);
                            // Display percent in another line, line break doesn't work for fillText
                            ctx.fillText(percent, model.x + x, model.y + y + 15);
                        }
                    });
                }
            }
        };
        var pieConfig = {
            type: 'pie',
            data: {
                datasets: [{
                    data: [
                        "{{ $booked ?? 0 }}",
                        "{{ $vacant ?? 0 }}",
                    ],
                    backgroundColor: fillColor(),
                    label: ["Booked", "Vacant"]
                }],
                labels: [
                    'Booked',
                    'Vacant',
                ],
                display: true
            },
            options: pieOptions
        };


        var pieConfig1 = {
            type: 'pie',
            data: {
                datasets: [{
                    data: [
                        "{{ $total_received_per ?? 0 }}",
                        "{{ $total_receivable_per ?? 0 }}",
                    ],
                    backgroundColor: fillColor(),
                    label: ["Received", "Recivable"]
                }],
                labels: [
                    'Received',
                    'Recivable',
                ],
                display: true
            },
            options: pieOptions
        };

        var pieConfig2 = {
            type: 'pie',
            data: {
                datasets: [{
                    data: [
                        "{{ $project_recived_per ?? 0  }}",
                        "{{ $project_receivable_per ?? 0 }}",
                    ],
                    backgroundColor: fillColor(),
                    label: ["Received", "Recivable"]
                }],
                labels: [
                    'Received',
                    'Recivable',
                ],
                display: true
            },
            options: pieOptions
        };

        function convertAmount(labelValue) {

            // Nine Zeroes for Billions
            return Math.abs(Number(labelValue)) >= 1.0e+9

                ?
                Math.abs(Number(labelValue)) / 1.0e+9 + " B"
                // Six Zeroes for Millions 
                :
                Math.abs(Number(labelValue)) >= 1.0e+6

                ?
                Math.abs(Number(labelValue)) / 1.0e+6 + " M"
                // Three Zeroes for Thousands
                :
                Math.abs(Number(labelValue)) >= 1.0e+3

                ?
                Math.abs(Number(labelValue)) / 1.0e+3 + " K"

                :
                Math.abs(Number(labelValue));

        }

        function fillColor() {
            var color = [];

            for (var i = 0; i < 10; i++) {
                color.push(randonColors[i]);
            }
            return color;
        }




        window.onload = function() {

            var ctx = document.getElementById('payment-recvd-chart').getContext('2d');
            var ctx1 = document.getElementById('payment-recvd-chart1').getContext('2d');
            var ctx2 = document.getElementById('payment-recvd-chart2').getContext('2d');
            window.myPie = new Chart(ctx, pieConfig);
            window.myPie1 = new Chart(ctx1, pieConfig1);
            window.myPie2 = new Chart(ctx2, pieConfig2);

        };
    </script>

@stop