@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' />
@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>Coins</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">List Coins</div>
                    <form class="udash">
                        <div class="table-responsive">
                            <table id="listcoin" class="table-full">
                                <thead>
                                <tr>
                                    <th width="60%">Coin Name</th>
                                    <th width="30%">Symbol</th>
                                    <th width="10%">Coin Image</th>

                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($coin as $k => $v)
                                <tr>
                                    <td>{{$v['name']}}</td>
                                    <td>{{$v['symbol']}}</td>
                                    <td><img class="tableicon" src="{{asset($v['image'])}}"></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>
$(document).ready(function () {
    var width = $(window).width();
    if (width < 992) {
        var table = $('#listcoin').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 = $('#listcoin').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( '#listcoin_wrapper .col-md-6:eq(0)' );

});
</script>
@endsection

@section('nav-adm-coin-class', 'active')