{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_users' %}
{% set actions = [
    {
        'link': path('app_admin_user_new'),
        'title': 'Add New User'|trans,
    }
] %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title': 'User Management',
    },
    {
        'link': path('app_admin_users'),'title': 'Users',
    }
]%}
{% block title %}Users | {{ app_name }} {% endblock %}
{% block stylesheets %}
    <style>
        .table-no-border {
            border-collapse: collapse;
        }
        .table-no-border td,
        .table-no-border th {
            border: none;
        }
       .toggle-details {
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 30%;
        }
        .btn-primary {
            background-color: #007bff;
            color: #fff;
        }
        .btn-danger {
            background-color: #dc3545;
            color: #fff;
        }

        table th, table td {
            font-size: 11px;
        }
        @media screen and (max-width: 1200px) {
            table th, table td {
                font-size: 12px;
                padding: 6px;
            }
        }
        tbody:hover tr {
            background: #000000;
        }

        /* Apply background color to odd tbody elements */
        .table-responsive > .table-no-border > tbody:nth-child(odd) {
            background-color: #33343A;
        }

        /* Apply background color to even tbody elements */
        .table-responsive > .table-no-border > tbody:nth-child(even) {
            background-color: #2C2D33;
        }

        @media screen and (min-width: 1700px) {
            table th, table td {
                font-size: 14px;
            }
        }

        .parentRow {
            border-bottom: 1px solid #444;
        }

        .error{
            color:Red;
        }
    </style>
{% endblock %}
{% block content %}
    <div class="row">
        <div class="col-md-3">
            {% include 'admin/users/filter.html.twig' %}
        </div>
        <div class="col-md-3">
            {% include 'admin/users/search.html.twig' %}
        </div>
        <div class="col-md-3">
            {% include 'admin/users/sendEmail.html.twig' %}
        </div>
        <div class="col-md-3">
            {% include 'admin/users/changeAffiliate.html.twig' %}
        </div>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-no-border">
                {% for user in users %}
                <tbody>
                <tr>
                    <th></th>
                    <th></th>
                    <th>ID</th>
                    <th style="width: 150px">Last Login</th>
                    <th>Name</th>
                    <th>Role</th>
                    <th style="width: 150px">Ticket Status</th>
                    <th>Current Sub</th>
                    <th>Duration Months</th>
                    <th>Purchased</th>
                    <th>Next Payment</th>
                    <th>Method</th>
                </tr>
                    <tr class="parentRow">
                        <td><input type="checkbox" class="user-checkbox" value="{{ user.id }}" data-email="{{ user.email }}"></td>
                        <td><button class="toggle-details btn-primary">+</button></td>
                        <td>{{ user.id }}</td>
                        {% if user.lastLogin is null %}
                            <td>N/A</td>
                        {% else %}
                            <td data-utc-time="{{ user.lastLogin|date('Y-m-d H:i:s') }}">{{ user.lastLogin|date('Y-m-d H:i:s') }}</td>
                        {% endif %}
                        <td>{{ user.firstname ? user.firstname : 'N/A' }} {{ user.lastname ? user.lastname : 'N/A' }}</td>
                        <td>
                            {% if user.roles is not empty %}
                                {% for role in user.rolesName %}
                                    {{ role }}{% if not loop.last %}, {% endif %}
                                {% endfor %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        {% set totalOpenTicket = 0 %}
                        {% set totalClosedTicket = 0 %}

                        {% if user.getTickets is not empty %}
                            {% for ticket in user.getTickets %}
                                {% if ticket.status == "open" %}
                                    {% set totalOpenTicket = totalOpenTicket + 1 %}
                                {% endif %}
                                {% if ticket.status == "closed" %}
                                    {% set totalClosedTicket = totalClosedTicket + 1 %}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                        <td>
                            <span class="badge bg-success mt-3">Open</span>: {{ totalOpenTicket }}
                            <span class="badge bg-danger mt-3">Closed</span>: {{ totalClosedTicket }}
                        </td>
                        <td>
                            {% if user.subscriptions is not empty %}
                                {% set productNames = [] %}
                                {% for subscription in user.subscriptions %}
                                    {% if subscription.status|lower == 'active' %}
                                        {% set productNames = productNames|merge([subscription.getPaymentId.getOrderId.getProductId.name]) %}
                                    {% endif %}
                                {% endfor %}
                                {% if productNames is not empty %}
                                    {{ productNames|join(', ') }}
                                {% else %}
                                    N/A
                                {% endif %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if user.subscriptions is not empty %}
                                {% set durations = [] %}
                                {% for subscription in user.subscriptions %}
                                    {% if subscription.status|lower == 'active' %}
                                        {% set durations = durations|merge([subscription.duration ~ ' Months']) %}
                                    {% endif %}
                                {% endfor %}
                                {% if durations is not empty %}
                                    {{ durations|join(', ') }}
                                {% else %}
                                    N/A
                                {% endif %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if user.payments is not empty %}
                                {% for payment in user.payments %}
                                    {{ payment.paymentdate ? payment.paymentdate|date('Y-m-d') : 'N/A' }}
                                {% endfor %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if user.payments is not empty %}
                                {% for payment in user.payments %}
                                    {% set nextPaymentDate = 'N/A' %}
                                    {% set duration = 0 %}

                                    {% for subscription in user.subscriptions %}
                                        {% set duration = subscription.duration %}
                                    {% endfor %}

                                    {% if duration > 0 %}
                                        {% set nextPaymentDate = payment.paymentdate|date_modify('+' ~ duration ~ ' months')|date('Y-m-d') %}
                                    {% endif %}

                                    {{ nextPaymentDate }}
                                {% endfor %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if user.payments is not empty %}
                                {% for payment in user.payments %}
                                    {{ payment.paymentmethod|upper }}
                                {% endfor %}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                    </tr>
                    <tr class="childRow" style="display:none;">
                        <td colspan="12">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th>Ref</th>
                                    <th>Total Purchase</th>
                                    <th>Last Order</th>
                                    <th>Commission Total</th>
                                    <th>Sales Total</th>
                                    <th>Wallet Status</th>
                                    <th class="table-actions">Actions</th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td>{{ user.refid ? user.refid.id : 'N/A' }}</td>
                                    <td>
                                        {% if user.payments is not empty %}
                                            {% set totalAmount = 0 %}
                                            {% for payment in user.payments %}
                                                {% if payment.paymentstatus == "success" %}
                                                    {% set totalAmount = totalAmount + payment.paymentamount %}
                                                {% endif %}
                                            {% endfor %}
                                            {{ totalAmount is not null ? totalAmount|number_format(2,',','.') : 0 }}€
                                        {% else %}
                                            N/A
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if user.orders is not empty %}
                                            {% set lastOrder = user.orders|last %}
                                            {{ lastOrder.createdat|date('Y-m-d') }}
                                        {% else %}
                                            N/A
                                        {% endif %}
                                    </td>
                                    {% set totalCommission = 0 %}
                                    {% if user.userCommissions is not empty %}
                                        {% for commission in user.userCommissions %}
                                            {% set totalCommission = totalCommission + commission.amount %}
                                        {% endfor %}
                                    {% endif %}
                                    <td>{{totalCommission|number_format(2,',','.')}}</td>
                                    {% set totalSales = userSalesRepository.getSaleTotal(user) %}
                                    <td>{{totalSales ? totalSales|number_format(2,',','.') : 0.00}}</td>
                                    <td>{{ user.wallet ? (user.wallet.amount ? user.wallet.amount|number_format(2, ',', '.') : '0,00') : '0,00' }}</td>
                                    <td style="width: 11.11%">
                                        <div class="row d-flex justify-content-center">
                                            <div class="col-md-3">
                                                <a href="{{ path('app_admin_user_edit', {'id': user.id}) }}" class="list-icons-item" data-bs-popup="tooltip" data-bs-original-title="Edit">
                                                    <i class="ph-note-pencil text-dark"></i>
                                                </a>
                                            </div>
                                            <div class="col-md-3">
                                                <a href="javascript:void(0)" class="list-icons-item delete-user-email" data-id="{{ user.id }}" data-email="{{ user.email }}" data-bs-popup="tooltip" data-bs-original-title="Delete">
                                                    <i class="ph-trash text-danger"></i>
                                                </a>
                                            </div>
                                            <div class="col-md-3">
                                                <a href="{{ path('app_admin_user_view', {'id': user.id}) }}" class="list-icons-item" data-bs-popup="tooltip" data-bs-original-title="View">
                                                    <i class="ph-eye text-info"></i>
                                                </a>
                                            </div>
                                            {# Not Display Switch user button for Admin user #}
                                            {% if 'ROLE_ADMINISTRATOR' not in user.roles %}
                                                <div class="col-md-3">
                                                    <a href="{{ path('app_front_dashboard', { '_switch_user': user.email }) }}" data-bs-popup="tooltip" data-bs-original-title="Switch user">
                                                        <i class="ph ph-user-switch"></i>
                                                    </a>
                                                </div>
                                            {% endif %}
                                          
                                        </div>
                                    </td>
                                     <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                </tr>
                </tr>
                    </tr>


                    </tr>
                    </tr>


                {% endfor %}
                </tbody>
            </table>

        </div>
        {{ include('helper/pagination_card_footer.html.twig', {'knp_result_set': users}) }}
    </div>
    <div id="delete_user_popup" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="" method="post" id="delete_user_form">
                    <div class="modal-header bg-danger">
                        <h6 class="modal-title text-white">Delete user</h6>
                        <button aria-label="Close" class="btn-close btn-close-white" data-bs-dismiss="modal"><span aria-hidden="true"></span></button></div>
                    <div class="modal-body">
                        <p>Are you sure you want to delete the user with the email <strong id="user_delete_modal_user_email"></strong>?</p>
                        <p>If you confirm, the following user details will be permanently deleted:</p>
                        <ul>
                            <li>User commissions</li>
                            <li>Subscription</li>
                            <li>Subscription Cancellation Survey</li>
                            <li>Order history</li>
                            <li>Payment records</li>
                            <li>Wallet balance</li>
                            <li>Support tickets</li>
                        </ul>
                        <hr>
                        <h6 class="font-weight-semibold">Please enter the e-mail of user, which You want to delete.</h6>
                        <input type="email" class="confirm-user-email form-control"/>
                        <span class="validation-invalid-label incorrect_code d-none text-danger">You entered the incorrect Email address</span>
                        <span class="validation-invalid-label generic_error d-none text-danger">Something went wrong</span>
                        <input type="hidden" class="_csrf_token_user_delete" name="_csrf_token_user_delete" id="_csrf_token_user_delete" value="{{ csrf_token("usercsrf") }}">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-link" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn bg-danger approve-the-deletion-for-user text-white" data-style="zoom-in" data-spinner-size="16" data-spinner-color="#fff">Approve the Deletion</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/timezone.js') }}"></script>
    <script>
        var selector_delete_button = document.querySelectorAll('.delete-user-email');
        var selector_delete_user_popup = new bootstrap.Modal(document.getElementById('delete_user_popup'), {});
        var selector_delete_form = document.getElementById("delete_user_form");

        selector_delete_button.forEach((a) => {
            a.addEventListener('click', function (e) {
                e.preventDefault();
                var user_email = this.getAttribute('data-email');
                var user_id = this.getAttribute('data-id');
                var l = Ladda.create(document.querySelector('.approve-the-deletion-for-user'));
                document.getElementById('user_delete_modal_user_email').innerHTML = user_email;
                document.querySelector('.ladda-label').classList.add('text-white');
                document.querySelector('.confirm-user-email').value = '';
                selector_delete_user_popup.show();
                selector_delete_form.addEventListener('submit', function (e) {
                    e.preventDefault();
                    var confirm_user_email = document.querySelector('.confirm-user-email').value;
                    var csrf_token = document.getElementById('_csrf_token_user_delete').value;
                    if (confirm_user_email !== user_email) {
                        document.querySelector('.validation-invalid-label.incorrect_code').classList.remove('d-none');
                        setTimeout(function() {
                            document.querySelector('.validation-invalid-label.incorrect_code').classList.add('d-none')
                        }, 2500);
                    } else {
                        var delete_user_url = "{{path("app_admin_user_delete", {'id': "__user_ID__"})}}";
                        delete_user_url = delete_user_url.replace("__user_ID__", user_id);
                        var formData = new FormData();
                        formData.append('csrf', csrf_token);
                        l.start();
                        fetch(delete_user_url, {
                            method: 'POST',
                            body: formData
                        }).then(function (response) {
                            return response.json();
                        }).then(function (json) {
                            l.stop();
                            if (json.status) {
                                selector_delete_user_popup.hide();
                                window.location.reload();
                            } else {
                                selector_delete_user_popup.hide();
                                window.location.reload();
                                document.querySelector('.generic_error').innerHTML = json.errorMessage;
                                document.querySelector('.generic_error').classList.remove('d-none');
                                setTimeout(function() {
                                    document.querySelector('.generic_error').classList.add('d-none');
                                }, 2500)
                            }
                        });
                    }
                });
            });
        });

        $(document).ready(function() {
            $('.form-control-select2').select2();
            $('.toggle-details').click(function() {
                $(this).closest('tr').next('.childRow').toggle();
                if($(this).text() === '+') {
                    $(this).text('-');
                    $(this).removeClass('btn-primary').addClass('btn-danger');
                } else {
                    $(this).text('+');
                    $(this).removeClass('btn-danger').addClass('btn-primary');
                }
            });

            // Override Noty defaults
            Noty.overrideDefaults({
                theme: 'limitless',
                layout: 'topRight',
                timeout: 3500
            });

            $('#change_affilate_button').on("click", function() {
                var affiliateId = $("#change_affilate").val();
                var selectedUsers = $(".user-checkbox:checked").map(function() {
                    return $(this).val();
                }).get();

                if (selectedUsers.length < 1) {
                    Swal.fire({
                        title: 'Please select at least one User.',
                        icon: 'warning',
                        buttonsStyling: false,
                        customClass: {
                            confirmButton: 'btn btn-success',
                            cancelButton: 'btn btn-danger'
                        }
                    });
                    return;
                }

                if (!affiliateId) {
                    Swal.fire({
                        title: 'Please select an Affiliate.',
                        icon: 'warning',
                        buttonsStyling: false,
                        customClass: {
                            confirmButton: 'btn btn-success',
                            cancelButton: 'btn btn-danger'
                        }
                    });
                    return;
                }

                Swal.fire({
                    title: 'Are you sure you want to change the affiliate of the selected user(s)?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, update it!',
                    cancelButtonText: 'No, cancel!',
                    buttonsStyling: false,
                    customClass: {
                        confirmButton: 'btn btn-success',
                        cancelButton: 'btn btn-danger'
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        Swal.fire({
                            title: 'Processing...',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });

                        $.ajax({
                            url: "{{ path('app_admin_change_affiliate') }}",
                            type: 'POST',
                            data: {
                                affiliate_id: affiliateId,
                                user_ids: JSON.stringify(selectedUsers)
                            },
                            success: function(response) {
                                // Hide loading modal on error
                                Swal.close();
                                if (response.error) {
                                    Swal.fire({
                                        title: 'Failed!',
                                        text: response.error,
                                        icon: 'error',
                                        showConfirmButton: true,
                                        customClass: {
                                            confirmButton: 'btn btn-success',
                                            cancelButton: 'btn btn-danger'
                                        }

                                    });
                                } else {
                                    // Show error notification
                                    new Noty({
                                        text: response.message,
                                        type: 'success'
                                    }).show();

                                    setTimeout(() => {
                                        window.location.href = "{{ path('app_admin_users') }}";
                                    }, 1500); // Give time for the toast to show
                                }
                            },
                            error: function(xhr, status, error) {
                                Swal.fire({
                                    title: 'Failed!',
                                    text: error,
                                    icon: 'error',
                                    showConfirmButton: true,
                                });
                            }
                        });
                    }
                });
            });


            $("#clear_affilate_button").on("click",function(){
                console.log("click");
                 $("#change_affilate").val(null).trigger('change'); 
            })
        });
    </script>
{% endblock %}