{% extends 'admin/layouts/base.html.twig' %}
{% set active = 'app_admin_subscription' %}

{% set actions = [
    {
        'link': path('app_admin_subscription_new'),
        'title': 'Add New Subscription Duration'|trans,
    }
] %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Product Management',
    },
    {
        'title': 'Subscription Duration',
    }
]%}

{% 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_subscription') }}" 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 / Duration Month / Discount" 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_subscription') }}">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(subscriptiondurations, 'Id', 'sd.id') }}</th>
                    <th>{{ knp_pagination_sortable(subscriptiondurations, 'Name', 'product.name') }}</th>
                    <th>{{ knp_pagination_sortable(subscriptiondurations, 'Duration Month', 'sd.duration_month') }}</th>
                    <th>{{ knp_pagination_sortable(subscriptiondurations, 'Discount', 'sd.discount') }}</th>
                    <th>{{ knp_pagination_sortable(subscriptiondurations, 'Note', 'sd.note') }}</th>
                    <th>Wordpress Subscription Duration</th>
                    <th class="table-actions">Actions</th>
                </tr>
                </thead>
                <tbody>
            {% for subscriptionduration  in subscriptiondurations %}
                    {% include 'admin/subscription_duration/row.html.twig' with {'subscriptionduration': subscriptionduration} %}
                {% else %}
                    <tr class="w-100 text-center">
                        <td class="border-none" colspan="7">No Records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {{ include('helper/pagination_card_footer.html.twig', {'knp_result_set': subscriptiondurations}) }}
    </div>

    <div id="delete_subscription_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 Subscription Duration</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 Subscription duration?</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 currentProductId; 

            $('.delete-user-email').click(function() {
                currentProductId = $(this).data('id'); // Store the product ID when the delete button is clicked
                $('#delete_subscription_popup').modal('show');
            });

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

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

{#                var deleteUrl = `/admin/subscription/${currentProductId}/delete`;#}
                
                let deleteUrl = "{{ path('app_admin_subscription_delete', {id: '_currentProductId'}) }}";
                deleteUrl = deleteUrl.replace('_currentProductId', currentProductId);

                $.ajax({
                    type: "POST",
                    url: deleteUrl,
                    data: {
                        product_id: currentProductId,
                        csrf: '{{ csrf_token('usercsrf') }}'
                    },
                    beforeSend: function() {
                        // Show a loading modal before sending the request
                        Swal.fire({
                            title: 'Processing...',
                            allowOutsideClick: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });
                    },
                    success: function(response) {
                        $('#delete_subscription_popup').modal('hide');
                        Swal.close();
                        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 {
                            new Noty({
                                text: response.errorMessage,
                                type: 'error'
                            }).show();
                        }
                    },
                    error: function(xhr, status, error) {
                        Swal.close();
                        // Handle AJAX request error
                        console.log("AJAX request failed: ", error);
                        new Noty({
                            text: response.errorMessage,
                            type: 'error',
                        }).show();
                    }
                });
            });

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