@extends('admin.layout.baseNew')

@section('styles')
<link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css' type='text/css' media='all' />
@endsection

@section('content')

<section class="section admin-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">
                        <h2>Property Distribution</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">
                    <div class="dash-title">Distribution List</div>
                    <div class="stat-total resbrk">Currency: <img src="{{asset($crypto_currency->image_path)}}"> {{$crypto_currency->asset}}</div>
                    <form class="udash">
                        <div class="table-responsive">
                            <table id="distributionlist" class="table-full">
                                <thead>
                                <tr>
                                    <th width="40%">Property Name</th>
                                    <th width="30%">Token Symbol</th>
                                    <th width="30%">Amount Received</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($invested_properties_data as $k => $v)
                                <tr>
                                    <td>{{$v['propertyName']}}</td>
                                    <td>{{$v['tokensymbol']}}</td>
                                    <td>{{$crypto_currency->asset}} {{$v['amt_received']}}</td>
                                </tr>
                                @endforeach

                                </tbody>
                            </table>

                        </div>
                    </form>

                </div>
            </div>

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


@endsection


@section('scripts')
<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/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="{{asset('assets/js/multirowslider.js')}}"></script>

<script>
$(document).ready(function () {

    var width = $(window).width();
    if (width < 480) {
        var table = $('#distributionlist').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }else{
        var table = $('#distributionlist').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }
    table.buttons().container().appendTo( '#distributionlist_wrapper .col-md-6:eq(0)' );
});
</script>
    
@endsection

@section('nav-adm-crypto-wallet-class', 'active')