@extends('layouts.admin.base')

@section('page-title')
    Users
@endsection

@section('content')

<div class="modal fade" role="dialog" tabindex="-1" id="add-user">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h4 class="modal-title">Add User</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="sendmessageform" method="POST" action="{{ route('admin_add_user') }}">
                    @csrf
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="name">Full Name</label>
                                <input class="form-control" type="text" id="name" autofocus="" name="name" required>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="email">Email</label>
                                <input class="form-control" type="email" id="email" name="email" required>
                            </div>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Account Type</label>
                        </div>
                        <div class="col-6 col-sm-6 col-md-6 col-lg-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <label for="user" style="width:100%;">
                                <div class="p-method d-flex">
                                    <input checked id="user" type="radio" name="type" value="{{ \App\Models\User::user }}" required />
                                    <span class="form-label ms-2 mt-2">User</span>
                                </div>
                            </label>
                        </div>
                        <div class="col-6 col-sm-6 col-md-6 col-lg-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <label for="administrator" style="width:100%;">
                                <div class="p-method d-flex">
                                    <input id="administrator" type="radio" name="type" value="{{ \App\Models\User::admin }}" required />
                                    <span class="form-label ms-2 mt-2">Administrator</span>
                                </div>
                            </label>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="password">Password</label>
                                <input class="form-control" name="password" type="password" id="password" required="" minlength="6" maxlength="20">
                            </div>
                        </div>
                        {{-- <div class="col" x-show="addUser.accType == 1">
                            <div class="form-group mb-3">
                                <label class="form-label" for="admin-password">Admin Access Password</label>
                                <input class="form-control" type="password" id="admin-password" required="" minlength="6" maxlength="20" value="">
                            </div>
                        </div> --}}
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <button class="btn btn-primary" type="submit">Add User</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-md-12 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="mb-3 d-flex justify-content-between align-items-center">
            <a class="text-decoration-none alt-btn" href="#" data-bs-target="#add-user" data-bs-toggle="modal">Add User<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1 mt-n1">
                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                </svg></a>
            
            <!-- Search Form -->
            <form method="GET" action="{{ route('admin_users') }}" class="d-flex align-items-center gap-2">
                <div class="input-group" style="max-width: 300px;">
                    <input type="text" 
                           name="search" 
                           class="form-control" 
                           placeholder="Search by name, email, or referral code..." 
                           value="{{ $search ?? '' }}"
                           autocomplete="off">
                    <button class="btn btn-primary" type="submit">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                        </svg>
                    </button>
                    @if(!empty($search))
                        <a href="{{ route('admin_users') }}" class="btn btn-secondary" type="button" title="Clear search">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
                            </svg>
                        </a>
                    @endif
                </div>
            </form>
        </div>
        <div class="card card-bg border-0">
            <div class="card-body">
                <div class="table-responsive mt-4">
                    <table class="table table-borderless table-bordered table-spacing2" id="table1" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>User</th>
                                <th>Total Received</th>
                                <th>Invetment(s)</th>
                                <th>Referrer</th>
                                <th>Referred</th>
                                <th>Team Volume</th>
                                <th>Black Friday Team Volume</th>
                                <th>Referral Code</th>
                                <th>KYC</th>
                                <th>Date Joined</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($users as $user)
                                <tr class="table-row">
                                    <td><a href="{{ route('admin_view_user', $user->id) }}">{{ $user->name }} <br> {{ $user->email }} </a></td>
                                    <td>
                                        <p class="text-nowrap table-p">{{ formatMoney($user->wallets->sum('balance')) }}</p>
                                    </td>
                                    <td>
                                        <p class="text-nowrap table-p">{{ $user->investments->count() }}</p>
                                    </td>
                                    <td>{{ $user->bringer->name ?? NOT_AVAILABLE }}</td>
                                    <td>
                                        <p class="text-nowrap table-p">{{ $user->referrals->count() }}</p>
                                    </td>
                                    <td>
                                        <p class="text-nowrap table-p">
                                            {{ $team_volumes[$user->id]['downline_count'] ?? 0 }} downlines | {{ formatMoney($team_volumes[$user->id]['volume'] ?? 0) }}
                                        </p>
                                    </td>
                                    <td>
                                        @php
                                            $bf_volume = $blackfriday_team_volumes[$user->id] ?? ['total' => 0, 'level_1' => 0, 'level_2' => 0];
                                            $settings = \App\Models\BlackFridaySetting::getSettings();
                                        @endphp
                                        @if($settings->isActive())
                                            <p class="text-nowrap table-p">
                                                <small class="text-muted d-block">Total: {{ formatMoney($bf_volume['total'] ?? 0) }}</small>
                                                <small class="text-muted d-block">L1: {{ formatMoney($bf_volume['level_1'] ?? 0) }}</small>
                                                <small class="text-muted d-block">L2: {{ formatMoney($bf_volume['level_2'] ?? 0) }}</small>
                                            </p>
                                        @else
                                            <p class="text-nowrap table-p text-muted">N/A</p>
                                        @endif
                                    </td>
                                    <td>
                                        <p class="text-nowrap table-p">{{ $user->referral_code }}</p>
                                    </td>
                                    <td>
                                        @if($user->active_kyc)
                                            <a href="{{ $user->active_kyc->document_path() }}" target="_blank">View Document</a>
                                        @else
                                            {{ NOT_AVAILABLE }}
                                        @endif
                                    </td>
                                    <td>
                                        <p class="text-nowrap table-p">{{ formatDateTime($user->created_at) }}</p>
                                    </td>
                                    <td><span class="{{ $user->status_data()->color }}">{{ $user->status_data()->message }}</span></td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn text-end" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="outside" type="button">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-three-dots">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
                                                </svg>
                                            </button>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" href="{{ route('admin_view_user', $user->id) }}">View</a>
                                                @if(!$user->isAdmin())
                                                    @php
                                                        $settings = $user->settings;
                                                    @endphp
                                                    @if($settings)
                                                        @canImpersonate($guard = null)
                                                            @if($settings->google2fa)
                                                                <a class="dropdown-item text-red" href="#">Disable 2FA First to Take Over</a>
                                                            @else
                                                                <a onclick="return confirm('Make sure to enble 2FA Back if you disabled it')" class="dropdown-item" href="{{ route('impersonate', $user->id) }}">Take Over</a>
                                                            @endif
                                                        @endCanImpersonate
                                                    @else
                                                        <a class="dropdown-item text-red" href="#">User Data is incomplete</a>
                                                    @endif
                                                @endif
                                                <form action="{{ route('admin_update_user') }}" method="post">
                                                    @csrf
                                                    <input type="hidden" name="user_id" value="{{ $user->id }}">
                                                    @if($user->isActive())
                                                        <input type="hidden" name="action" value="status_update">
                                                        <input type="hidden" name="status" value="{{ \App\Models\User::inactive }}">
                                                        <button type="submit" class="dropdown-item">Deactivate</button>
                                                    @else
                                                        <input type="hidden" name="action" value="status_update">
                                                        <input type="hidden" name="status" value="{{ \App\Models\User::active }}">
                                                        <button type="submit" class="dropdown-item">Activate</button>
                                                    @endif
                                                </form>
                                                <a class="dropdown-item text-red" href="#" data-bs-target="#delete_user{{ $user->id }}" data-bs-toggle="modal">Delete User</a>
                                                <a class="dropdown-item text-red" href="#" data-bs-target="#changeUserType{{ $user->id }}" data-bs-toggle="modal">Toggle User Type</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                                <div class="modal fade" role="dialog" tabindex="-1" id="changeUserType{{ $user->id }}">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <form action="{{ route('admin_update_user') }}" method="post">
                                                @csrf
                                                <input type="hidden" name="user_id" value="{{ $user->id }}">
                                                <input type="hidden" name="action" value="user_type_toggle">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Confirm</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <p>Are you sure you want to change {{ $user->name }} from {!! $user->isCompany() ? '<b>Company</b> to <b>Regular</b>' : "<b>Regular</b> to <b>Company</b>" !!}?</p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
                                                    <button class="btn btn-danger" type="submit">Change</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal fade" role="dialog" tabindex="-1" id="delete_user{{ $user->id }}">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <form action="{{ route('admin_update_user') }}" method="post">
                                                @csrf
                                                <input type="hidden" name="user_id" value="{{ $user->id }}">
                                                <input type="hidden" name="action" value="delete">
                                                <div class="modal-header">
                                                    <h4 class="modal-title">Confirm</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <p>Are you sure you want to delete {{ $user->name }} with {{ $user->investments->count() }} Investment(s)?</p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
                                                    <button class="btn btn-danger" type="submit">Delete</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <tr>
                                    <td colspan="12" class="text-center">No users found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                
                <!-- Pagination Links -->
                <div class="d-flex justify-content-between align-items-center mt-4">
                    <div>
                        <p class="mb-0">
                            Showing {{ $users->firstItem() ?? 0 }} to {{ $users->lastItem() ?? 0 }} of {{ $users->total() }} users
                            @if(!empty($search))
                                <span class="text-muted">(filtered by: "{{ $search }}")</span>
                            @endif
                        </p>
                    </div>
                    <div>
                        {{ $users->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
    <script>
        // Auto-submit search form on Enter key
        document.addEventListener('DOMContentLoaded', function() {
            const searchInput = document.querySelector('input[name="search"]');
            if (searchInput) {
                searchInput.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter') {
                        e.preventDefault();
                        this.closest('form').submit();
                    }
                });
            }
        });
    </script>
@endsection