@extends('layouts.master')
@section('title')
    @lang('Crypto Wallets')
@endsection

@section('css')
    <!-- Datatable CSS -->
    <link href="//cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
    <!-- Datatable Responsive CSS -->
    <link href="//cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="//cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    <!-- Breadcrumb Trail -->
    @component('components.breadcrumb')
        @slot('li_1')
            @lang('translation.users')
        @endslot
        @slot('title')
            @lang('translation.list')
        @endslot
    @endcomponent

    <!-- Session Messages -->
    @include('partials.session')

    <!-- Datatable Start -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                </div>
                <div class="card-body">
                    <table id="ads-table" class="table table-bordered dt-responsive nowrap table-striped align-middle"
                        style="width:100%">
                        <thead>
                            <tr>
                                <th class="text-center">ID</th>
                                <th class="text-center">Coin Ticker</th>
                                <th class="text-center">Coin Name</th>
                                <th class="text-center">Coin ID</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($wallets as $wallet)
                                <tr>
                                    <td class="text-center">{{ $wallet->id }}</td>
                                    <td class="text-center">{{ $wallet->coin }}</td>
                                    <td class="text-center">{{ $wallet->label }}</td>
                                    <td class="text-center">
                                        @if ($wallet->wallet_id == null || $wallet->wallet_id == $wallet->coin)
                                            <a href="#" onclick='generate_wallet("{{ route("admin.wallets.generate", $wallet->coin) }}")'>Generate
                                                Wallet ID</a>
                                        @else
                                            {{ $wallet->wallet_id }}
                                        @endif
                                    </td>
                                    <td class="text-center">{{ ucfirst($wallet->status) }}</td>
                                    <td class="text-center">
                                        <div class="dropdown d-inline-block">
                                            <button class="btn btn-soft-secondary btn-sm dropdown-toggle" type="button"
                                                data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="ri-more-fill align-middle"></i>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li>
                                                    <a href="{{ route('admin.wallets.edit', $wallet->coin) }}" class="dropdown-item">
                                                        <i class="ri-pencil-fill align-bottom me-2 text-muted"></i>
                                                        Edit
                                                    </a>
                                                </li>
                                                <li>
                                                    <form action="{{ route('admin.wallets.status', $wallet) }}"
                                                        method="POST" style="display:inline;">
                                                        @csrf @method('PUT')
                                                        <input type="hidden" name="status"
                                                            value="@if ($wallet->status == 'active') disabled @else active @endif">
                                                        <a type="button" class="dropdown-item"
                                                            onclick="event.preventDefault();this.closest('form').submit();">
                                                            <i class="ri-delete-bin-fill align-bottom me-2 text-muted"></i>
                                                            @if ($wallet->status == 'active')
                                                                Disable
                                                            @else
                                                                Enable
                                                            @endif
                                                        </a>
                                                    </form>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <!-- Data Table JS -->
    <script src="//cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script src="//cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
    <script src="//cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
    <script src="//cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
    <script src="{{ URL::asset('assets/js/pages/datatables.init.js') }}"></script>
    <!-- App JS -->
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <!-- DataTable Initialization -->
    <script>
        $(document).ready(function() {
            $('#ads-table').DataTable({
                responsive: true,
                order: [
                    [0, 'desc']
                ]
            });
        });

        function generate_wallet(wallet_id) {
            window.location.href = wallet_id;
        }
    </script>
@endsection