@extends('layout.appHome')

@section('styles')
<link rel='stylesheet' href="{{asset('assets/css/dataTables.bootstrap5.min.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href="{{asset('assets/css/dashboard.css')}}" type='text/css' media='all' />
<link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
@endsection


@section('content')

<section class="section buynow-banner"></section>

<section class="section bg-white">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header-bar">
                    <div class="title d-flex-toggle">
                        <h2>Investment Dashboard</h2>
                        <!--<div class="location">
                            <div class="quickswitch">
                                Do you want to be Anonymous?
                                <div class="switch-wrap">
                                    <div class="switcher">
                                        <span class="options left">No</span>
                                        <label class="switchbar">
                                            <input type="checkbox" name="anonymous" value="1">
                                            <span class="slider round"></span>
                                        </label>
                                        <span class="options right">Yes</span>
                                    </div>
                                </div>

                            </div>
                        </div>-->
                    </div>
                    <div class="infobar">
                        <!--<div class="items">
                            <span class="data">${{ number_format(@$total_usd_value, 2, '.', '') }}</span>
                            <span class="title">Investment Value</span>
                        </div> -->
                        <!--
                        <div class="items">
                            <span class="data">$120.00</span>
                            <span class="title">Wallet Balance</span>
                        </div> -->
                        <!--<div class="items">
                            <span class="data">{{ number_format(@$umoney_balance, 2, '.', '') }}</span>
                            <span class="title">UMoney Balance</span>
                        </div> -->
                        @php
                        $str = "Investment";
                        if(@count($trans) > 1 ) {
                        $str = "Investments";
                        }
                        @endphp
                        <div class="items">
                            <span class="data">{{ @count($trans)}}</span>
                            <span class="title">No. of {{$str}}</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">
                    <div class="dash-tab-menu">
                        <span class="active" data-id="1">Investment Summary</span>
                        <span data-id="2">Order Book</span>
                        <span data-id="3">Wallet Summary</span>
                    </div>

                    <div class="dash-tab-data" id="1">
                        <div class="row">
                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-info-bar">
                                        <div class="icon">
                                            <span>{{$user_sh_name}}</span>
                                        </div>
                                        <div class="info">
                                            <span class="text">Investor Name</span>
                                            <span class="data">{{ucwords($user->name)}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-info-bar">
                                        <div class="icon">
                                            @if(isset($property_cap_table->total_number_of_projects))
                                            <span>{{$property_cap_table->total_number_of_projects}}</span>
                                            @else
                                                <span>0</span>
                                            @endif
                                        </div>
                                        <div class="info">
                                            <span class="text">Number of</span>
                                            <span class="data">Projects</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-info-bar">
                                        <div class="icon">
                                            <span>$</span>
                                        </div>
                                        <div class="info">
                                            @if(empty($property_cap_table->investorLandingTotal))
                                            <span class="head">0.00</span>
                                            @else
                                            <span class="head">{{number_format($property_cap_table->investorLandingTotal['investment_value'], 2)}}</span>
                                            @endif
                                            <span class="data">Amount Invested ($)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-info-bar">
                                        <div class="icon">
                                            <span>$</span>
                                        </div>
                                        <div class="info">
{{--
                                            @if(empty($property_cap_table->investorLandingTotal))
                                                <span class="head">0.00</span>
                                            @else
                                                @if ($property_cap_table->investorLandingTotal['current_value'] == "TBA")
                                                    <span class="head">TBA</span>
                                                @else
                                                    <span class="head">{{number_format($property_cap_table->investorLandingTotal['current_value'], 2)}}</span>
                                                @endif
                                            @endif
--}}
                                            @if(empty($property_cap_table->investorLandingTotal))
                                            <span class="head">0.00</span>
                                            @else
                                            <span class="head">{{number_format($property_cap_table->investorLandingTotal['donation_value'], 2)}}</span>
                                            @endif

                                            <span class="data">Amount Donated ($)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>



                            @if(isset($property_cap_table->investorLandingInvestSectorValueForPieChart))
                            <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-title">Investment Sector Summary</div>
                                    <!--
                                    <div class="switch-wrap">
                                        <div class="switcher">
                                            <span class="options left">Graph</span>
                                            <label class="switchbar">
                                                <input type="checkbox" name="graphtableswitch1" value="1">
                                                <span class="slider round"></span>
                                            </label>
                                            <span class="options right">Table</span>
                                        </div>
                                    </div>
                                    -->
                                        <div class="text-center toggle-col" id="investsecsumgraph">
                                            <div class="graph-container">
                                            <canvas id="investSecChart"></canvas>
                                            </div>
                                        </div>


                                    @if(!empty($property_cap_table->investorLandingInvestSectorData))
                                    <div class="align-middle d-none" id="investsecsumgraphtable">
                                        <table class="data-mod">
                                            @foreach($property_cap_table->investorLandingInvestSectorData as $k => $v)
                                            <tr>
                                                <td>
                                                    <span class="title">{{$k}}:</span>
                                                </td>
                                                <td>
                                                    <span class="data blue">{{number_format($v)}}%</span>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </table>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endif


                            @if(isset($property_cap_table->investorLandingGeographSectorValueForPieChart))
                            <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-title">Geographical Sector Summary</div>
                                    <!--
                                    <div class="switch-wrap">
                                        <div class="switcher">
                                            <span class="options left">Graph</span>
                                            <label class="switchbar">
                                                <input type="checkbox" name="graphtableswitch2" value="1">
                                                <span class="slider round"></span>
                                            </label>
                                            <span class="options right">Table</span>
                                        </div>
                                    </div>
                                    -->

                                        <div class="text-center toggle-col" id="geosecsumgraph">
                                            <div class="graph-container">
                                            <canvas id="geoSecChart"></canvas>
                                        </div>
                                        </div>



                                    @if(!empty($property_cap_table->investorLandingGeographSectorData))
                                    <div class="align-middle d-none" id="geosecsumgraphtable">
                                        <table class="data-mod">
                                            @foreach($property_cap_table->investorLandingGeographSectorData as $k => $v)
                                                <tr>
                                                    <td>
                                                        <span class="title">{{$k}}:</span>
                                                    </td>
                                                    <td>
                                                        <span class="data blue">{{number_format($v)}}%</span>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </table>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endif

                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="ucard p-3">
                                    <div class="dash-title">Holding Summary</div>
                                    <form class="udash">
                                        <div class="table-responsive">

                                            @if(count($property_cap_table->investorLandingDetails) > 0)
                                            <table id="trxhistory" class="table-full">
                                                <thead>
                                                <tr>
                                                    <th>Project</th>
                                                    <th>Ownership</th>
                                                    <th>Investment Sector</th>
                                                    <th>Investment Geo Sector</th>
                                                    <th class="text-end">Tokens Held</th>
                                                    <th class="text-end">Investment Value ($)</th>
                                                    <th class="text-end">Donation Value ($)</th>
                                                    <th class="text-end">Capital Growth ($)</th>
                                                    <th class="text-end">Coupon</th>
                                                    <th class="text-end">Profit Share</th>
                                                    <!--<th class="text-end">Coupon to Date</th>
                                                    <th class="text-end">Dividends to Date</th>-->
                                                    <th>Make Me Anonymous</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                @foreach ($property_cap_table->investorLandingDetails as $k => $v)
                                                    <tr>
                                                    <td>{{$v['property_name']}}</td>
                                                    <td>
                                                        <a href="{{ url('issuer/investorprojectsummary') .'/'. $v['property_slug'] }}" target="_blank">
                                                            <img src="{{asset('assets/images/dashboard/pie.png')}}" />
                                                        </a>
                                                    </td>
                                                    <td>{{$v['investment_sector']}}</td>
                                                    <td>{{$v['geographical_sector']}}</td>
                                                    <td class="text-end">{{$v['tokens_held']}}</td>
                                                    <td class="text-end">${{number_format($v['investment_value'], 2)}}</td>
                                                    <td class="text-end">${{number_format($v['donation_value'], 2)}}</td>
                                                    
                                                    <td class="text-end">
                                                    @if($v['capital_growth'] == "TBA")
                                                    TBA
                                                    @else
                                                    ${{number_format($v['capital_growth'], 2)}}
                                                    @endif
                                                    </td>

                                                    <td class="text-end">
                                                    @if($v['coupon'] != '')
                                                        {{number_format($v['coupon'], 1)}}%
                                                    @endif
                                                    </td>

                                                    <td class="text-end">
                                                    @if ($v['profit_share'] > 0)
                                                        {{number_format($v['profit_share'], 1)}}%
                                                    @else

                                                    @endif
                                                    </td>
                                                    <!--<td class="text-end">{{($v['coupon_to_date'])}}</td>
                                                    <td class="text-end">{{($v['dividends_to_date'])}}</td>-->
                                                    <td >
                                                        <input type="hidden" name="userContractId" value="{{$v['user_contract_id']}}" />

                                                        <div class="quickswitch">
                                                            <div class="switch-wrap">

                                                                @if($v['is_anonymous'] == 1)
                                                                <div class="switcher active" id="apprSwitch_{{$v['user_contract_id']}}">
                                                                    <span class="options left">No</span>
                                                                    <label class="switchbar">
                                                                        <input type="checkbox" name="anonymous" id="anonymous_{{$v['user_contract_id']}}" value="1" checked >
                                                                        <span class="slider round"></span>
                                                                    </label>
                                                                    <span class="options right">Yes</span>
                                                                </div>
                                                                @else
                                                                    <div class="switcher " id="apprSwitch_{{$v['user_contract_id']}}">
                                                                        <span class="options left">No</span>
                                                                        <label class="switchbar">
                                                                            <input type="checkbox" name="anonymous" id="anonymous_{{$v['user_contract_id']}}" value="1" >
                                                                            <span class="slider round"></span>
                                                                        </label>
                                                                        <span class="options right">Yes</span>
                                                                    </div>
                                                                @endif

                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endforeach



                                                </tbody>

                                                @if($property_cap_table->investorLandingTotal['tokens_held'] > 0)
                                                <tfoot>
                                                <tr>
                                                    <th colspan="5">Total</th>
                                                    <th class="text-end">${{number_format($property_cap_table->investorLandingTotal['investment_value'], 2)}}</th>
                                                    <th class="text-end">${{number_format($property_cap_table->investorLandingTotal['donation_value'], 2)}}</th>

                                                    {{--<th class="text-end">
                                                        @if ($property_cap_table->investorLandingTotal['current_value'] == "TBA")

                                                        @else
                                                            ${{number_format($property_cap_table->investorLandingTotal['current_value'], 2)}}
                                                        @endif
                                                    </th>--}}
                                                    <th class="text-end">
                                                        @if ($property_cap_table->investorLandingTotal['capital_growth'] == "TBA")

                                                        @else
                                                            ${{number_format($property_cap_table->investorLandingTotal['capital_growth'], 2)}}
                                                        @endif
                                                    </th>
                                                    <th class="text-end"></th>
                                                    <th class="text-end"></th>
                                                    <!--<th class="text-end">${{number_format($property_cap_table->investorLandingTotal['coupon_to_date'])}}</th>
                                                    <th class="text-end"></th>-->
                                                    <th></th>
                                                </tr>
                                                </tfoot>
                                                @endif

                                            </table>
                                            @else
                                                Transaction history is not available.
                                            @endif

                                        </div>
                                    </form>

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

                    <div class="dash-tab-data d-none" id="2">
                        <div class="table-responsive">
                            <table id="investsummary_11" class="table-full">
                                <thead>
                                <tr>
                                    <th>Project</th>
                                    <th>Purchase Date</th>
                                    <th>Token Price</th>
                                    <th>No. of Token</th>
                                    <th>Type</th>
                                    <th>Amount Paid</th>
                                    <th>From Address</th>
                                    <!--<th>Amount</th>
                                    <th>Fees</th>-->
                                    <th>Status<span class="tinfo" data-bs-toggle="tooltip" title="Click on Status to view details"></span></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($trans as $token)
                                    <tr>
                                        <td>{{ @$token->usercontract->property->propertyName }}</td>
                                        <td data-search="{{ @date('d M, Y H:i', strtotime($token->created_at))}}" data-order="{{strtotime($token->created_at)}}">{{ @date('d M, Y H:i', strtotime($token->created_at))}}</td>
                                        <td>${{ @$token->usercontract->tokenvalue }}</td>
                                        <td>{{ @$token->number_of_token }} {{ @$token->usercontract->tokensymbol }}</td>
                                        <td>{{ $token->payment_type }}</td>
                                        <td>{!! $token->payment_amount !!}</td>
                                        <td><span class="tip lesschar"  data-bs-toggle="tooltip" title="{{ @$token->from_address }}">{{ @$token->from_address }}</span></td>
                                        <td>
                                            @if(strtolower($token->payment_type) == 'matic')
                                                <a target="_blank"
                                                   href="https://polygonscan.com/tx/{{ $token->txn_hash }} "><span
                                                            class="btn-status success">PAID</span>
                                                </a>
                                            @elseif((strtolower($token->payment_type) == 'eth') || (strtolower($token->payment_type) == 'maticerc-20') || (strtolower($token->payment_type) == 'usdc') )
                                                <a target="_blank"
                                                   href="https://etherscan.io/tx/{{ $token->txn_hash }} "><span
                                                            class="btn-status success">PAID</span>
                                                </a>
                                            @elseif(strtolower($token->payment_type) == 'bitcoin')
                                                @if($token->txn_hash == '')
                                                    <a href="javascript:;" class="btn-status pending">Pending</a>
                                                @else
                                                <a target="_blank"
                                                   href="https://mempool.space/tx/{{ $token->txn_hash }} "><span
                                                            class="btn-status success">PAID</span>
                                                </a>
                                                @endif
                                            @endif
                                        </td>
                                        <!--
                                            <td>3.15E-5</td>
                                            <td align="right">
                                                <a href="javascript:;" class="btn-status pending">Pending</a>
                                            </td>
                                        -->

                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="dash-tab-data d-none" id="3">
                        <div class="table-responsive">
                            <table id="walletsummary_11" class="table-full">
                                <thead>
                                <tr>
                                    <th>Token</th>
                                    <th>Txn Date</th>
                                    <th>Amount</th>
                                    <th>Trn. Id</th>
                                    <th>Order Id</th>
                                    <th>Wallet Address</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($tokenTransferTran as $tokenTran)
                                    <tr>
                                        <td>{{ @$tokenTran->tokenname }} ({{ @$tokenTran->tokensymbol }})</td>
                                        <td>{{ @date('d M, Y H:i', strtotime($tokenTran->created_at))}}</td>
                                        <td>{{ @$tokenTran->amount }}</td>
                                        <td align="right">
                                            @if(strtolower($tokenTran->wallet_type) == 'matic')
                                                <a target="_blank"
                                                   href="https://polygonscan.com/tx/{{ @$tokenTran->txnid }}"><span
                                                            class="btn-status success">View Transaction</span>
                                                </a>
                                            @elseif(strtolower($tokenTran->wallet_type) == 'eth')
                                                <a target="_blank"
                                                   href="https://etherscan.io/tx/{{ @$tokenTran->txnid }}"><span
                                                            class="btn-status success">View Transaction</span>
                                                </a>
                                            @endif
                                        </td>
                                        <td>{{ @$tokenTran->cybavo_order_id }}</td>

                                        <td>{{ @$tokenTran->wallet_address }} ({{ @$tokenTran->wallet_type }})</td>
                                    </tr>
                                @endforeach


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

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

<input type="hidden" name="init_action" id="init_action" value="" />
<input type="hidden" name="checkedPropId" id="checkedPropId" value="" />
<input type="hidden" name="user_action" id="user_action" value="" />



<div class="dash-modal" id="notifymodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <span class="text" >Update Successful!</span>
            <div class="btn-wrap">
                <button type="button" class="btn btn-transparentRed close-dash-modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Status modal -->
<div class="dash-modal" id="confirmmodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <span class="text" id="appr_title"></span>
            <div class="btn-wrap">
                <button type="button" id="approvestatus" class="btn btn-transparentBlue me-3 close-dash-modal">Yes</button>
                <button type="button" id="cancelstatus"  class="btn btn-transparentRed close-dash-modal">No</button>
            </div>
        </div>
    </div>
</div>

@endsection


@section('scripts')
<script src="{{asset('assets/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('assets/js/dataTables.bootstrap5.min.js')}}"></script>

<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.13.1/sorting/datetime-moment.js"></script>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
$(document).ready(function () {
    calldatatables();
 /*   $.fn.dataTable.moment('DD MMM, YYYY HH:mm');
    $('#investsummary_11').DataTable({
        order: [[1, 'desc']],
        dom: 'Bfrtip',
        responsive: true,
        lengthChange: true,
        pageLength: 10,
        lengthMenu: [10, 20, 50, 100, 200, 500],
        scrollX: '100%',
        buttons: [
            'copy', 'csv','excel', 'pdf'
        ],
        destroy: true
    });

    $('#walletsummary_11').DataTable({
        order: [[2, 'desc']]
    });
*/

    $('[data-bs-toggle="tooltip"]').tooltip();



    // datatable
    var table3 = $('#trxhistory').DataTable({
        dom: 'Bfrtip',
        responsive: true,
        lengthChange: true,
        pageLength: 10,
        lengthMenu: [10, 20, 50, 100, 200, 500],
        scrollX: '100%',
        buttons: [
            'copy', 'csv','excel', 'pdf'
        ]
    });
    table3.buttons().container().appendTo( '#trxhistory_wrapper .col-md-6:eq(0)' );

    // Graph switch
    $(document).on('click', '.switcher input[name="graphtableswitch1"]', function(){
        if($(this).prop('checked')==true){
            $(this).parents('.switcher').addClass('active');
            $('#investsecsumgraphtable').removeClass('d-none');
            $('#investsecsumgraph').addClass('d-none');
        }else{
            $(this).parents('.switcher').removeClass('active');
            $('#investsecsumgraphtable').addClass('d-none');
            $('#investsecsumgraph').removeClass('d-none');
        }
    });

    $(document).on('click', '.switcher input[name="graphtableswitch2"]', function(){
        if($(this).prop('checked')==true){
            $(this).parents('.switcher').addClass('active');
            $('#geosecsumgraphtable').removeClass('d-none');
            $('#geosecsumgraph').addClass('d-none');
        }else{
            $(this).parents('.switcher').removeClass('active');
            $('#geosecsumgraphtable').addClass('d-none');
            $('#geosecsumgraph').removeClass('d-none');
        }
    });
    
});

function calldatatables(){
    $.fn.dataTable.moment('DD MMM, YYYY HH:mm');
    var width = $(window).width();
    if (width < 1200) {
        var table1 = $('#investsummary_11').DataTable({
            order: [[1, 'desc']],
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: '100%',
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ],
            destroy: true
        });
        var table2 = $('#walletsummary_11').DataTable({
            order: [[1, 'desc']],
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: '100%',
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ],
            destroy: true
        });
    }else{
        var table1 = $('#investsummary_11').DataTable({
            order: [[1, 'desc']],
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ],
            destroy: true
        });
        var table2 = $('#walletsummary_11').DataTable({
            order: [[1, 'desc']],
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ],
            destroy: true
        });
    }

    table1.buttons().container().appendTo( '#investsummary_wrapper .col-md-6:eq(0)' );
    table2.buttons().container().appendTo( '#walletsummary_wrapper .col-md-6:eq(0)' );
}



// switch anonymus
$(document).on('click', '.switcher input[name="anonymous"]', function () {
    var listid=$(this).parents('td').find('input[name="userContractId"]').val();
    $('#checkedPropId').val(listid);

    if($(this).prop('checked') == true) {
        $('#appr_title').html('Do you really want to be anonymous for this project?');
        $(this).parents('.switcher').addClass('active');
        $('#user_action').val('anon_yes');
        $('#init_action').val('0');
    } else {
        $('#appr_title').html('Do you really want to be public for this project?');
        $(this).parents('.switcher').removeClass('active');
        $('#user_action').val('anon_no');
        $('#init_action').val('1');
    }
    $('#confirmmodal').css('display','block');
});

$('#approvestatus').on('click', function(){
    var id=$('#checkedPropId').val();
    if(id>0){
        var act=$('#user_action').val();
        userStatusChange(id, act);
    }
});

$('#cancelstatus').on('click', function(){
    var id=$('#checkedPropId').val();
    var init=$('#init_action').val();
    if(init==0){
        $('#apprSwitch_'+id).removeClass('active');
        $('#anonymous_'+id).prop('checked',false);
    }else if(init==1){
        $('#apprSwitch_'+id).addClass('active');
        $('#anonymous_'+id).prop('checked',true);
    }

    $('#checkedPropId').val('');
    $('#user_action').val('');
    $('#init_action').val('');
});


function userStatusChange(contId, op_type){
    if((contId>0)){
        $.ajax({
            type: 'POST',
            url: "{{url('/makemeanonymous')}}",
            data: {
                'contId': contId,
                'op_type': op_type,
                '_token': '{{csrf_token()}}'
            },
            success: function (data) {
                $('#notifymodal').css('display','block');
            }
        });
    }
}

// pie chart
function generatePie(canvasId,pieData,pieColor,labels){
    const data={
        labels: labels,
        datasets:[
            {
                data:pieData,
                backgroundColor:pieColor
            }
        ]
    };
    var legDisplay=false;

    const config={
        type: 'pie',
        data: data,
        options: {
            responsive: true,
            cutout: '35%',
            plugins:{
                legend:{position:'right', display: true},
                title:{display: true}
            }
        }
    };
    const ctx=document.getElementById(canvasId);
    new Chart(ctx, config);
}
</script>

@php
if(isset($property_cap_table->investorLandingInvestSectorValueForPieChart)){
@endphp

<script>
var availData =[{!!($property_cap_table->investorLandingInvestSectorValueForPieChart)!!}];
var availColor=['#ffd400', '#4cacf6', '#97c9e6', '#EEFF55', '#5589FF', '#00E913', '#FFDE2A', '#94D613', '#0576B1', '#4CACF6', '#D1D1D1', '#ffd400', '#4cacf6', '#97c9e6', '#ffd400', '#2EFFEB', '#C9FF9C', '#A1B3FF', '#EB85FF', '#D5BFFF', '#97c9e6', '#EEFF55', '#F0EA02', '#5589FF', '#199119', '#C9C402', '#F07024', '#DD26F0', '#00E913', '#FFDE2A', '#94D613', '#0576B1', '#4CACF6', '#D1D1D1', '#201FF0', '#F0D38E', '#F07179', '#B254F0', '#82C3F0', '#D3F090'];
var avaLabels=[{!!($property_cap_table->investorLandingInvestSectorNameForPieChart)!!}];
generatePie('investSecChart',availData,availColor,avaLabels);
</script>
@php
}

if(isset($property_cap_table->investorLandingGeographSectorValueForPieChart)){
@endphp

<script>
var capData=[{!!($property_cap_table->investorLandingGeographSectorValueForPieChart)!!}];
var capColor=['#06125c', '#2c4c91', '#ff3e3e', '#ffd400', '#4cacf6', '#97c9e6', '#EEFF55', '#5589FF', '#ffd400', '#2EFFEB', '#C9FF9C', '#A1B3FF', '#EB85FF', '#D5BFFF', '#97c9e6', '#EEFF55', '#F0EA02', '#5589FF', '#199119', '#C9C402', '#F07024', '#DD26F0', '#00E913', '#FFDE2A', '#94D613', '#0576B1', '#4CACF6', '#D1D1D1', '#201FF0', '#F0D38E', '#F07179', '#B254F0', '#82C3F0', '#D3F090','#00E913', '#FFDE2A', '#94D613', '#0576B1', '#4CACF6', '#D1D1D1'];
var capLabels=[{!!($property_cap_table->investorLandingGeographSectorNameForPieChart)!!}];
generatePie('geoSecChart',capData,capColor,capLabels);
</script>
@php
}
@endphp

@endsection