@extends('admin.layout')

@section('content')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">

    <style>
        .table th,
        .table td {
            text-align: center;
            vertical-align: middle;
        }

        .filter-section {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .action-links a {
            margin: 0 5px;
        }
    </style>

    <div class="row mb-3">
        <div class="row d-flex justify-content-between">
            <div class="col">
                <h4 class="page-top-heading">User Management</h4>
            </div>
            {{-- <div class="col d-flex justify-content-end">
                <a href="#" data-bs-toggle="modal" data-bs-target="#fundingModal" class="btn btn-primary">Funding</a>
            </div> --}}
        </div>

        <div class="container my-4">


            <form action="{{ route('user_manage_search') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
                    <div class="d-flex gap-2 flex-wrap">
                        <div class="flex-grow-1">
                            <input type="text" name="user_id" class="form-control" placeholder="User ID">
                        </div>
                        <div class="flex-grow-1">
                            <input type="date" name="from_date" class="form-control" placeholder="From Date">
                        </div>
                        <div class="flex-grow-1">
                            <input type="date" name="to_date" class="form-control" placeholder="To Date">
                        </div>
                    </div>
                    <div class="d-flex gap-2 mt-2 mt-md-0">
                        <button type="submit" class="btn btn-primary">Search</button>
                        <a href="{{ route('admin.user_management') }}" class="btn btn-secondary">Reset</a>
                    </div>
                </div>

            </form>

            <!-- Table Card -->
            <div class="card p-3">
                <div class="table-responsive">
                    <table id="userTable" class="table table-hover table-borderless">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>DOJ</th>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Referral ID</th>
                                <th>Referral Name</th>
                                <th>Email ID</th>
                                <th>Status</th>
                                <th>Position</th>
                                <th>Rank</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        @php
                            $sn = 1;
                        @endphp
                        <tbody>
                            @foreach ($datatables as $data)
                                @php
                                    $userdetails = DB::table('users')->where('user_id', $data->sponsor_id)->first();
                                @endphp
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $data->created_at }}</td>
                                    <td>{{ $data->user_id }}</td>
                                    <td>{{ $data->name }}</td>
                                    <td>{{ $data->sponsor_id }}</td>
                                    <td>{{ $userdetails->name }}</td>
                                    <td>{{ $data->email }}</td>
                                    <td>
                                        @if ($data->is_active == 1)
                                            <span class="btn btn-success">Active</span>
                                        @else
                                            <span class="btn btn-danger">Inactive</span>
                                        @endif
                                    </td>
                                    <td>{{ $data->position }}</td>
                                    <td>{{ $data->rank ?? 'Null' }}</td>
                                    <td>
                                        <div class="d-flex  justify-content-between gap-3">
                                            <a
                                                href="{{ route('admin.edit_profile', ['user_id' => base64_encode($data->user_id)]) }}">
                                                <img src="{{ asset('/assets/images/icons/pages/profile.svg') }}"
                                                    class="pe-2 sidebar-icon">Profile</a>
                                            <a
                                                href="{{ route('admin.edit_bank', ['user_id' => base64_encode($data->user_id)]) }}"><img
                                                    src="{{ asset('/assets/images/icons/pages/bank.svg') }}"
                                                    class="pe-2 sidebar-icon">Bank</a>

                                            <a href="#" data-bs-toggle="modal" data-bs-target="#fundingModal"
                                                data-user-id="{{ $data->user_id }}" onclick="setFundingId(this)"><img
                                                    src="{{ asset('/assets/images/icons/pages/funds.svg') }}"
                                                    class="pe-2 sidebar-icon">Funding</a>
                                            <a href="#" data-bs-toggle="modal" data-bs-target="#pvModal"
                                                data-user-id="{{ $data->user_id }}" onclick="AddpvId(this)"><img
                                                    src="{{ asset('/assets/images/icons/pages/funds.svg') }}"
                                                    class="pe-2 sidebar-icon">Add PV</a>
                                            <a
                                                href="{{ route('admin.admin_retail', ['user_id' => base64_encode($data->user_id)]) }}">
                                                <img src="{{ asset('/assets/images/icons/pages/retail.svg') }}"
                                                    class="pe-2 sidebar-icon">Retail</a>
                                            <a href="#" data-bs-toggle="modal" data-bs-target="#rejectModal"
                                                data-user-id="{{ $data->user_id }}" onclick="setCancelId(this)"><img
                                                    src="{{ asset('/assets/images/icons/pages/id.svg') }}"
                                                    class="pe-2 sidebar-icon">ID&nbsp;Cancel</a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Add PV Modal -->
    <div class="modal fade" id="pvModal" tabindex="-1" aria-labelledby="pvModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pvModalLabel">Add Pv</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('add_pv') }}" method="POST">
                        @csrf
                        <!-- User ID Field -->
                        <div class="mb-3">
                            {{-- <label for="user_id" class="form-label">User ID</label> --}}
                            <input type="hidden" class="form-control" id="user_idd" name="user_id">
                        </div>
                        <!-- Enter Amount Field -->
                        <div class="mb-3">
                            <label for="amount" class="form-label">Enter Pv</label>
                            <input type="number" class="form-control" id="pv" name="pv" step="0.01"
                                required>
                        </div>
                        <!-- Remark Field -->
                        {{-- <div class="mb-3">
                            <label for="remark" class="form-label">Remark</label>
                            <textarea class="form-control" id="remark" name="remark" rows="3" required></textarea>
                        </div> --}}
                        <!-- Pay Button -->
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">Add</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Funding Modal -->
    <div class="modal fade" id="fundingModal" tabindex="-1" aria-labelledby="fundingModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="fundingModalLabel">Funding</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin_deposit') }}" method="POST">
                        @csrf
                        <!-- User ID Field -->
                        <div class="mb-3">
                            <label for="user_id" class="form-label">User ID</label>
                            <input type="hidden" class="form-control" id="user_id" name="user_id">
                        </div>
                        <!-- Enter Amount Field -->
                        <div class="mb-3">
                            <label for="amount" class="form-label">Enter Amount</label>
                            <input type="number" class="form-control" id="amount" name="amount" step="0.01"
                                required>
                        </div>
                        <!-- Remark Field -->
                        <div class="mb-3">
                            <label for="remark" class="form-label">Remark</label>
                            <textarea class="form-control" id="remark" name="remark" rows="3" required></textarea>
                        </div>
                        <!-- Pay Button -->
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">Pay</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Id Cancellation Modal -->
    <div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="rejectModalLabel">Id Cancellation</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p>Do you want to Cancel this Id?</p>
                </div>
                <form action="{{ route('cancel_id') }}" method="POST">
                    @csrf
                    <input type="hidden" id="cancel_id" name="cancel_id">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                        <button type="submit" class="btn btn-danger">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>



    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#userTable').DataTable();
        });
    </script>

    <script>
        function setCancelId(button) {
            var cancelId = button.getAttribute('data-user-id');
            document.getElementById('cancel_id').value = cancelId;
        }
    </script>

    <script>
        function setFundingId(button) {
            var userId = button.getAttribute('data-user-id');
            document.getElementById('user_id').value = userId;
        }
    </script>

<script>
    function AddpvId(button) {
        var userId = button.getAttribute('data-user-id');
        document.getElementById('user_idd').value = userId;
    }
</script>
@endsection