{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_commission_setting' %}
{% set actions = [
    {
        'link': path('app_admin_commission_new'),
        'title': 'Add New Commission'|trans,
    }
] %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Commission Management',
    },
    {
        'title': 'Commission',
    }
]%}

{% block content %}
<div class="row">
        <!-- Left Section -->
        <div class="col-md-12">
            <div class="card">
                <div class="card-header bg-secondary text-white border-bottom-0">
                    <h6 class="mb-0">Search</h6>
                </div>
                <div class="card-body">
                    <form action="{{ path('app_admin_commission_setting') }}" method="get">
                        <div class="form-row col-12 col-sm-6 col-md-6 col-lg-8 col-xl-6"style="float:right;"  >
                            <div class="form-group mb-2 col-12 col-sm-6 col-md-6 col-lg-8 col-xl-8" style="float:left;margin-right: 5px;">
                                <input type="text" class="form-control" name="search_value" id="search_value" placeholder="Search by Name/Commission Level " value="{{ app.request.query.get('search_value') }}">
                            </div>
                            <button class="btn btn-primary" name="is_filter" type="submit" value="true">Search</button>
                            <a class="btn btn-secondary" href="{{ path('app_admin_commission_setting') }}">Reset</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
</div>
    <div class="card">
        <div class="table-responsive">
            <table class="table table-bordered table-striped text-center">
                <thead>
                <tr>
                    <th>{{ knp_pagination_sortable(commissions, 'Id', 'cs.id') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Name', 'cs.name') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level one', 'cs.commissionLevelOne') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level two', 'cs.commissionLevelTwo') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level three', 'cs.commissionLevelThree') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level four', 'cs.commissionLevelFour') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level five', 'cs.commissionLevelFive') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Commission level six', 'cs.commissionLevelSix') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Multi level', 'cs.multiLevel') }}</th>
                    <th>{{ knp_pagination_sortable(commissions, 'Status', 'cs.status') }}</th>

                    <th class="table-actions">Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for commission in commissions %}
                    {% include 'admin/commission/row.html.twig' %}
                {% else %}
                    <tr class="w-100 text-center">
                        <td class="border-none" colspan="9">No Records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {{ include('helper/pagination_card_footer.html.twig', {'knp_result_set': commissions}) }}
    </div>
    <div id="delete_commission_popup" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-danger">
                    <h6 class="modal-title text-white">Delete Commission</h6>
                    <button aria-label="Close" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <h6 class="font-weight-semibold">Are you sure you want to delete this commission?</h6>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn bg-danger text-white" id="confirm-delete">Approve the Deletion</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script>
        $(document).ready(function() {
            var currentCommissionId; // Temporary storage for the commission ID

            $('.delete-commission-setting').click(function() {
                currentCommissionId = $(this).data('id'); // Store the product ID when the delete button is clicked
                $('#delete_commission_popup').modal('show');
            });

            $('#confirm-delete').click(function() {
                if (!currentCommissionId) return; // Exit if no product ID is set

                // Adjust the URL path to your actual deletion route
                // If using Symfony, you might generate this URL in your Twig template using the path() function
{#                var deleteUrl = `/admin/commission/${currentCommissionId}/delete`;#}
                
                let deleteUrl = "{{ path('app_admin_commission_delete', {id: '_currentCommissionId'}) }}";
                deleteUrl = deleteUrl.replace('_currentCommissionId', currentCommissionId);
                
                $.ajax({
                    type: "POST",
                    url: deleteUrl, // Your endpoint for deletion
                    data: {
                        product_id: currentCommissionId,
                        csrf: '{{ csrf_token('usercsrf') }}' // Assuming you're passing CSRF token for security
                    },
                    success: function(response) {
                        $('#delete_commission_popup').modal('hide');
                        if (response.status) { // Assuming the response object has a status property
                            // Handle successful deletion, e.g., remove the product element or refresh
                            location.reload(); // or $(`#product-${currentProductId}`).remove(); to remove the product from the list without reloading
                        } else {
                            // Handle failure
                            console.log("Commission could not be deleted. ");
                        }
                    },
                });
            });

            // Reset currentProductId when the modal is closed or dismissed
            $('#delete_commission_popup').on('hidden.bs.modal', function () {
                currentCommissionId = null;
            });
        });
    </script>


{% endblock  %}