@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>Crypto Wallet</h2>
                    </div>
                    <div class="infobar">
                        <div class="items">
                            <div class="admin-cryptowrap">
                                <div id="cryptowallet-slider" class="owl-carousel">

                                    @php
                                    $index = 0;
                                    @endphp
                                    @foreach($coins as $k => $v)
                                        @php
                                        $token_id = $v['coingecko_id'];
                                        $token_price = $currency_prices->$token_id;
                                        @endphp

                                        <div class="crypto-coin" data-slide-index={{@$index}}>
                                            <div class="icon">
                                                <img src="{{$v['image']}}">
                                            </div>
                                            <div class="text">
                                                <span class="title">1{{strtoupper($v['symbol'])}}=</span>
                                                <span class="value" id="{{$v['coingecko_id']}}_html">${{@$token_price}}</span>
                                            </div>
                                        </div>

                                        @php
                                        $index++;
                                        @endphp
                                    @endforeach

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

                        <div class="items">
                            <div class="currency-convert">
                                <select name="currency" id="crypto_currency">
                                    <option value="usd">USD</option>
                                    <option value="gbp">GBP</option>
                                    <option value="eur">EUR</option>
                                    <option value="inr">INR</option>
                                </select>
                            </div>
                        </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-title">Wallet Details</div>
                    <div class="stat-total resbrk">Total Value: $0.00</div>
                    <form class="udash">
                        <div class="table-responsive">
                            <table id="cryptowallet" class="table-full">
                                <thead>
                                    <tr>
                                        <th class="text-center">Symbol</th>
                                        <th>Currency</th>
                                        <th>Name</th>
                                        <th>Balance</th>
                                        <th>Assets (USD)</th>
                                        <th class="text-center">Property Distribution</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($crypto_currency_list as $k => $v)
                                        <tr>
                                            <td class="text-center"><img src="{{asset($v->image_path)}}"></td>
                                            <td>{{$v->asset}}</td>
                                            <td>
                                                {{$v->name}}
                                                {{--<span class="tip tinfo black" data-bs-toggle="tooltip" title="Lorem ipsum dolor sit amet"></span>--}}
                                            </td>
                                            <td>0</td>
                                            <td>$0.00</td>
                                            <td class="text-center">
                                                <a class="btn-view-row" href="{{ url('admin/propertyDistribution/' . $v->crypto_currency_id) }}">
                                                    <img src="{{asset('assets/images/admin/view.png')}}" />
                                                </a>
                                            </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 slideid1 = 'cryptowallet-slider';
    callcarousel(slideid1);


    var width = $(window).width();
    if (width < 992) {
        var table = $('#cryptowallet').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 = $('#cryptowallet').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( '#cryptowallet_wrapper .col-md-6:eq(0)' );

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


$("#crypto_currency").change(function(){
    var sel_val=$(this).val();
    getPriceByCurrency(sel_val);
});

function getPriceByCurrency(currency){
    $.ajax({
        url: "{{url('/admin/getPriceByCurrency')}}",
        type: "POST",
        dataType: "json",
        data: {"_token": "{{ csrf_token() }}", currency:currency},
        success: function( data ){
            //console.log(data);
            if(data!=0){
                var sign='$';
                if(currency=='gbp'){var sign='£';}
                else if(currency=='eur'){var sign='€';}
                else if(currency=='inr'){var sign='INR ';}

                $.each(data, function(k, v){
                    $('#'+k+'_html').html(sign+v);
                });
            }
        }
    })
}

</script>
    
@endsection

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