@extends('layouts.master')
@section('title') @lang('translation.admin-structure') @endsection

@section('css')
<!--Datatable CSS-->
<link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
<!--Datatable Responsive CSS -->
<link href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://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.admin-structure')
@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">
                <h1 class="card-title mb-0" style="width:50%;float:left">Admin Structure</h1>

                <!-- Add Button -->
                @can('Add User')
                <a href="{{ route('user.add', 'admin') }}" class="btn btn-primary btn-sm" style="float:right;">Add Admin</a>
                @endcan
            </div>
            <div class="card-body">
                <table id="example" 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">Username</th>
                            <th class="text-center">Name</th>
                            <th class="text-center">Cash (USD)</th>
                            <th class="text-center">Register Date</th>
                            <th class="text-center">Approved By</th>
                            <th class="text-center">Max RTP</th>
                            <th class="text-center">Send Gift</th>
                            <th class="text-center">Online Activity</th>
                            <th class="text-center">Last Login</th>
                            <th class="text-center">Login Count</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($users as $user)
                        <tr>
                            <td class="text-center">{{ '110'.$user->id }}</td>
                            <td class="text-center">{{ $user->username ?? 'N/A' }}</td>
                            <td class="text-center">{{ $user->first_name.' '.$user->last_name }}</td>
                            <td class="text-center">{{ $user->balance != 0 ? (float)$user->balance : '0.00' }}</td>
                            <td class="text-center">{{ \Carbon\Carbon::parse($user->email_verified_at)->format('d-M-Y') }}</td>
                            <td class="text-center">  @if($user->approvedBy)
                                    {{ $user->approvedBy->first_name }} {{ $user->approvedBy->last_name }}<br>
                                    ({{ $user->approvedBy->email }})
                                @endif</td>
                            <td class="text-center">
                                @if($user->max_rtp_bool)
                                    <span class="badge bg-success">Enabled</span>
                                @else
                                    <span class="badge bg-danger">Disabled</span>
                                @endif
                            </td>
                            <td class="text-center">
                                @if($user->can_send_gift)
                                    <span class="badge bg-success">Enabled</span>
                                @else
                                    <span class="badge bg-danger">Disabled</span>
                                @endif
                            </td>
                            <td>
                                @if ($user->is_online)
                                <span class="text-success">Online</span>
                                @else
                                <span class="text-secondary">Offline</span>
                                @endif
                            </td>
                            <td class="text-center">{{ \Carbon\Carbon::parse($user->last_login)->format('d-M-Y h:i A') }}</td>
                            <td class="text-center">{{ $user->login_count}}</td>
                            <td class="text-center">{{ $user->account_verification }}</td>
                            <!-- Action Button -->
                            <td style="white-space: normal !important;" class="text-center">
                                <div class="dropdown d-inline-block">
                                    <button class="btn btn-soft-secondary btn-sm dropdown" 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">
                                        <!-- Admin Recharge -->
                                        @can('Admin Balance')
                                        <li>
                                            <a type="button" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#BalanceModal{{ $user->id }}"><i class="ri-wallet-3-line align-bottom me-2 text-muted"></i> Balance</a>
                                        </li>
                                        @endcan
                                        <li>
                                            <a type="button" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#CashModal{{ $user->id }}">
                                                <i class="ri-money-dollar-circle-line align-bottom me-2 text-muted"></i> Cash
                                            </a>
                                        </li>
                                        @can('Edit User')
                                        <li>
                                            <a href="{{ url('/user/edit/'.encrypt($user->id).'/'.'admin') }}" class="dropdown-item edit-item-btn"><i class="ri-pencil-fill align-bottom me-2 text-muted"></i> Edit</a>
                                        </li>
                                        @endcan
                                        @can('Delete User')
                                        <li>
                                            <a type="button" class="dropdown-item remove-item-btn" onclick="ShowDeleteModal('{{encrypt($user->id)}}')"><i class="ri-delete-bin-fill align-bottom me-2 text-muted"></i> Delete</a>
                                        </li>
                                        @endcan
                                        @if(Auth::user()->hasRole('Super Admin'))
                                            <li>
                                                <a href="{{ route('users.loginAs', $user->id) }}" class="dropdown-item edit-item-btn"><i class="ri-search-eye-fill align-bottom me-2 text-muted"></i> LoginAs</a>
                                            </li>
                                        @endif
                                        @if(Auth::user()->hasRole('Super Admin') && ($user->roles[0]->name === \App\Models\User::Administrator || count($user->alternativeCredentials) > 0))
                                            <li>
                                                <a href="{{ route('users.addAlternativeLogin', encrypt($user->id)) }}" class="dropdown-item edit-item-btn"><i class="ri-search-eye-fill align-bottom me-2 text-muted"></i>Alternative Login</a>
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>

                        <div id="CashModal{{ $user->id }}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="CashModalLabel{{ $user->id }}" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-body">
                                        <form method="POST" action="{{ route('admin.update.cash') }}">
                                            @csrf
                                            <input type="hidden" name="user_id" value="{{ $user->id }}">

                                            <div class="mb-3">
                                                <label for="cashAmount" class="form-label">Enter Cash Amount</label>
                                                <input type="number" step="any" class="form-control" id="cashAmount" name="cash_amount" placeholder="Enter amount" required>
                                            </div>

                                            <div class="hstack pt-4 gap-2 justify-content-end">
                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Update Cash</button>
                                            </div>
                                        </form>
                                    </div>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div>

                        <!-- Balance Modal for each user -->
                        <div id="BalanceModal{{ $user->id }}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-body">
                                        <form method="POST" action="{{ route('change.balance') }}">
                                            @csrf
                                            <input type="hidden" name="user_id" value="{{ $user->id }}">

                                            <div class="row">
                                                <div class="col-4">
                                                    <h4 class="mb-3">Name</h4>
                                                </div>
                                                <div class="col-4">
                                                    <h4 class="mb-3">Quantity</h4>
                                                </div>
                                                <div class="col-4">
                                                    <h4 class="mb-3">Add/Sub</h4>
                                                </div>
                                            </div>

                                            @foreach($digitalAssets as $digitalAsset)
                                            <div class="row">
                                                <div class="col-3 p-1">{{ $digitalAsset->name }}</div>
                                                <div class="col-4 p-1">
                                                    @php
                                                    $assetBalance = $user->wallet->firstWhere('digital_asset_id', $digitalAsset->id)->quantity ?? 0;
                                                    @endphp
                                                    <h4 style="color: orangered; text-align: center;" class="asset_balance">{{ $assetBalance }}</h4>
                                                </div>
                                                <div class="col-4">
                                                    <input type="number" class="form-control" name="{{ $digitalAsset->id }}">
                                                </div>
                                            </div>
                                            @endforeach
                                            <div class="hstack pt-4 gap-2 justify-content-end">
                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-danger">Confirm</button>
                                            </div>
                                        </form>
                                    </div>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- Delete Modal -->
<div id="DeleteModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body text-center p-5">
                <lord-icon src="https://cdn.lordicon.com/hrqwmuhr.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
                </lord-icon>
                <div class="mt-4">
                    <h4 class="mb-3">Confirm your action!</h4>
                    <p class="text-muted mb-4"><strong>Are you sure you want to delete this user?</strong></p>
                    <div class="hstack gap-2 justify-content-center">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                        <a id="DeleteModalHref" href="{{ url('https://google.com') }}" class="btn btn-danger">Confirm</a>
                    </div>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

@endsection

@section('script')
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<!-- Data Table JS -->
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
<script src="{{ URL::asset('assets/js/pages/datatables.init.js') }}"></script>
<!-- Modal JS -->
<script src="{{ URL::asset('assets/js/pages/modal.init.js') }}"></script>
<!-- App JS -->
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
<script>
    function ShowDeleteModal(id) {
        $('#DeleteModalHref').attr('href', '/user/delete/' + id + '/' + 'admin');
        $('#DeleteModal').modal('show');
    }

</script>

@endsection