@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>Project Summary</h2>
                        <div class="location">
                            <div class="capinfo">
                                <span class="name">Project:</span>
                                <span class="data">{{$property_cap_table->project_name}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="infobar">
                        <div class="items">
                            <span class="data">{{$property_cap_table->tokens_held}}</span>
                            <span class="title">Tokens Held</span>
                        </div>
                        {{--
                        @if ($property_cap_table->property_type != 1)
                        <div class="items">
                            <span class="data">{{number_format($property_cap_table->total_ownership, 1)}}%</span>
                            <span class="title">Token Ownership</span>
                        </div>
                        @endif
                        --}}
                    </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="align-middle">
                        <div class="dash-info-bar">
                            <div class="icon">
                                <span>$</span>
                            </div>
                            <div class="info">
                                <span class="head">{{number_format($property_cap_table->amount_invested, 2)}}</span>
                                @if($property_cap_table->property_type == 3)
                                <span class="data">Amount Donated ($)</span>
                                @else
                                <span class="data">Amount Invested ($)</span>
                                @endif
                            </div>
                        </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="align-middle">
                        <div class="dash-info-bar">
                            <div class="icon">
                                <span>$</span>
                            </div>
                            <div class="info">
                                {{-- <span class="head">{{number_format($property_cap_table->current_value_of_amount_invested, 2)}}</span> --}}
                                <span class="head">TBA</span>
                                <span class="data">Current Value($)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            @if ($property_cap_table->property_type == 1)
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="ucard p-3">
                        <div class="dash-title">Coupon Info</div>
                        <div class="row">
                            <div class="col-md-6 col-sm-12 col-12">
                                <table class="data-mod">
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Annual (%):</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data blue">{{number_format($property_cap_table->expectedIrr, 1)}}%</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Annual ($):</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data green">${{number_format($property_cap_table->debt_coupon_info_annual_dollar, 2)}}</span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6 col-sm-12 col-12">
                                <table class="data-mod">
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Total Coupon Paid:</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data blue">$0.00</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Next Coupon Date:</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data green">{{$property_cap_table->debt_next_coupon_date}}</span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>

            @elseif($property_cap_table->property_type == 2)
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="ucard p-3">
                        <div class="dash-title">Profit Share (%)</div>
                        <table class="data-mod">
                            <tr>
                                <td width="40%">
                                    <span class="title">Profit Share (%):</span>
                                </td>
                                <td width="60%">
                                    <span class="data blue">{{number_format($property_cap_table->total_ownership, 1)}}%</span>
                                </td>
                            </tr>

                            <tr>
                                <td width="40%">
                                    <span class="title">Next Dividend Date:</span>
                                </td>
                                <td width="60%">
                                    <span class="data blue">{{$property_cap_table->debt_next_coupon_date}}</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            @else
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="ucard p-3">
                        <div class="dash-title">Coupon Info</div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-12">
                                <table class="data-mod">
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Annual (%):</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data blue">{{number_format($property_cap_table->expectedIrr, 1)}}%</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Annual ($):</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data green">${{number_format($property_cap_table->issue_size, 2)}}</span>
                                        </td>
                                    </tr>
                                </table>
                            </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-title">Dividend Info</div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-12">
                                <table class="data-mod">
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Last Date:</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data blue">-</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="40%">
                                            <span class="title">Next Date:</span>
                                        </td>
                                        <td width="60%">
                                            <span class="data blue">-</span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            @endif




            {{--
                       @if($property_cap_table->property_type == 1)
                       @if(!empty($property_cap_table->investorDebtDetails['issue_dates']))
                     <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                           <div class="ucard p-3">
                               <div class="dash-title mb-4">Debt Summary</div>
                               <form class="udash">
                                   <div class="table-responsive">
                                       <table id="debtsummary" class="table-full">
                                           <thead>
                                           <tr>
                                               <th>Issue Date</th>
                                               <th class="text-center">Term (Years)</th>
                                               <th class="text-center">Coupons Paid</th>
                                               <th class="text-center">Future Coupons</th>
                                               <th class="text-end">Total Coupons Paid</th>
                                               <th class="text-end">Total Future Coupons</th>
                                           </tr>
                                           </thead>
                                           <tbody>

                                               @for($i=0; $i < count($property_cap_table->investorDebtDetails['issue_dates']); $i++)
                                           <tr>
                                               <td>{{$property_cap_table->investorDebtDetails['issue_dates'][$i]}}</td>
                                               <td class="text-center">{{$property_cap_table->terms}}</td>
                                               <td class="text-center">{{$property_cap_table->investorDebtDetails['coupon_paid'][$i]}}</td>
                                               <td class="text-center">{{$property_cap_table->investorDebtDetails['future_coupon'][$i]}}</td>
                                               <td class="text-end">${{number_format($property_cap_table->investorDebtDetails['total_coupon_paid'][$i], 2)}}</td>
                                               <td class="text-end">${{number_format($property_cap_table->investorDebtDetails['total_future_coupon'][$i], 2)}}</td>
                                           </tr>
                                               @endfor

                                           </tbody>
                                       </table>

                                   </div>
                               </form>
                           </div>
                       </div>
                       @endif
                       @endif
           --}}

            <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">My Holding</span>
                        <span data-id="2" class="">Public Summary</span>
                    </div>
                    <div class="dash-tab-data" id="1">
                        <form class="udash">
                            <div class="table-responsive">

                                @if(count($property_cap_table->myHoldings) > 0)
                                <table id="myholding" class="table-full">
                                    <thead>
                                    <tr>
                                        <th>Shareholders</th>
                                        <th>Category</th>
                                        <th class="text-end">Capital ($)</th>
                                        <th class="text-end">Token Price</th>
                                        <th class="text-end">Common Tokens</th>
                                        <th class="text-end">Preference Tokens</th>
                                        <th class="text-end">Total Tokens</th>
                                        <th class="text-end">Ownership (%)</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    @foreach($property_cap_table->myHoldings as $k => $v)
                                    <tr>
                                        <td>{{ucwords($v['shareholdername'])}}</td>
                                        <td>{{$v['category']}}</td>
                                        <td class="text-end">${{number_format($v['capital'], 2)}}</td>
                                        <td class="text-end">${{number_format($v['token_price'], 2)}}</td>
                                        <td class="text-end">{{$v['common_token']}}</td>
                                        <td class="text-end">{{$v['pref_token']}}</td>
                                        <td class="text-end">{{$v['total_token']}}</td>
                                        <td class="text-end">{{number_format($v['ownership_perc'], 1)}}%</td>
                                    </tr>
                                    @endforeach

                                    </tbody>
                                    @if(!empty($property_cap_table->myHoldingTotals))
                                    <tfoot>
                                    <tr>
                                        <th colspan="2">Total</th>
                                        <th class="text-end">${{number_format($property_cap_table->myHoldingTotals['capital'], 2)}}</th>
                                        <th class="text-end"></th>
                                        <th></th>
                                        <th class="text-end">{{($property_cap_table->myHoldingTotals['pref_token'])}}</th>
                                        <th class="text-end">{{($property_cap_table->myHoldingTotals['total_token'])}}</th>
                                        <th class="text-end">{{number_format($property_cap_table->myHoldingTotals['ownership_perc'], 1)}}%</th>
                                    </tr>
                                    </tfoot>
                                    @endif
                                </table>
                                @else
                                    My holding is not available.
                                @endif

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



                    <div class="dash-tab-data d-none" id="2">
                        <form class="udash">
                            <div class="table-responsive">

                                @if(count($property_cap_table->shareholders) > 0)
                                <table id="publicsummary" class="table-full">
                                    <thead>
                                    <tr>
                                        <th>Shareholders</th>
                                        <th>Category</th>
                                        <th class="text-end">Capital ($)</th>
                                        <th class="text-end">Token Price</th>
                                        <th class="text-end">Common Tokens</th>
                                        <th class="text-end">Preference Tokens</th>
                                        <th class="text-end">Total Tokens</th>
                                        <th class="text-end">Ownership (%)</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($property_cap_table->shareholders as $k => $v)
                                    <tr>
                                        <td>{{ucwords($v['shareholdername'])}}</td>
                                        <td>{{$v['category']}}</td>
                                        <td class="text-end">${{number_format($v['capital'], 2)}}</td>
                                        <td class="text-end">${{number_format($v['token_price'], 2)}}</td>
                                        <td class="text-end">{{$v['common_token']}}</td>
                                        <td class="text-end">{{$v['pref_token']}}</td>
                                        <td class="text-end">{{$v['total_token']}}</td>
                                        <td class="text-end">{{number_format($v['ownership_perc']), 1}}%</td>
                                    </tr>
                                    @endforeach

                                    </tbody>

                                    @if(!empty($property_cap_table->shareholdersTotals))
                                    <tfoot>
                                    <tr>
                                        <th colspan="2">Total</th>
                                        <th class="text-end">${{number_format($property_cap_table->shareholdersTotals['capital'], 2)}}</th>
                                        <th class="text-end"></th>
                                        <th></th>
                                        <th class="text-end">{{($property_cap_table->shareholdersTotals['pref_token'])}}</th>
                                        <th class="text-end">{{($property_cap_table->shareholdersTotals['total_token'])}}</th>
                                        <th class="text-end">{{number_format($property_cap_table->shareholdersTotals['ownership_perc']), 1}}%</th>
                                    </tr>
                                    </tfoot>
                                    @endif
                                </table>
                                @else
                                Public summary is not available.
                                @endif

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

                </div>
            </div>

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


@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>
$(document).ready(function () {
    calltables();

    var width1 = $(window).width();
    if (width1 < 992) {
        var table3 = $('#debtsummary').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'Debt Summary'
                }
            ]
        });
    }else{
        var table3 = $('#debtsummary').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'Debt Summary'
                }
            ]
        });
    }

    table3.buttons().container().appendTo( '#debtsummary_wrapper .col-md-6:eq(0)' );

});

function calltables(){
    var width = $(window).width();
    if (width < 1200) {
        var table1 = $('#myholding').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'My Holding'
                }
            ],
            destroy: true
        });
        var table2 = $('#publicsummary').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'Public Summary'
                }
            ],
            destroy: true
        });
    }else{
        var table1 = $('#myholding').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'My Holding'
                }
            ],
            destroy: true
        });
        var table2 = $('#publicsummary').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel',
                {
                    extend: 'pdfHtml5',
                    title: 'Public Summary'
                }
            ],
            destroy: true
        });
    }
    table1.buttons().container().appendTo( '#myholding_wrapper .col-md-6:eq(0)' );
    table2.buttons().container().appendTo( '#publicsummary_wrapper .col-md-6:eq(0)' );
}

$(document).on('click', '.dash-tab-menu span', function () {
    calltables();
});
</script>
@endsection