// Kauno Events Frontend JavaScript

jQuery(document).ready(function($) {
    
    // Event sorting
    $('.event-sort-select').on('change', function() {
        var sortBy = $(this).val();
        var $eventsTable = $('.events-table');
        var $eventRows = $eventsTable.find('.event-row').detach();
        
        $eventRows.sort(function(a, b) {
            var aVal, bVal;
            
            switch(sortBy) {
                case 'date_asc':
                    aVal = new Date($(a).find('.event-date-col').text());
                    bVal = new Date($(b).find('.event-date-col').text());
                    return aVal - bVal;
                    
                case 'date_desc':
                    aVal = new Date($(a).find('.event-date-col').text());
                    bVal = new Date($(b).find('.event-date-col').text());
                    return bVal - aVal;
                    
                case 'title_asc':
                    aVal = $(a).find('.event-link').text().toLowerCase();
                    bVal = $(b).find('.event-link').text().toLowerCase();
                    return aVal.localeCompare(bVal);
                    
                case 'title_desc':
                    aVal = $(a).find('.event-link').text().toLowerCase();
                    bVal = $(b).find('.event-link').text().toLowerCase();
                    return bVal.localeCompare(aVal);
            }
        });
        
        $eventsTable.append($eventRows);
    });
    
    // Load more events
    $('.btn-load-mored').on('click', function() {
        var $button = $(this);
        var offset = parseInt($button.data('offset'));
        
        $button.text('Loading...').prop('disabled', true);
        
        $.ajax({
            url: kaunoEvents.ajaxurl,
            type: 'POST',
            data: {
                action: 'load_more_events',
                offset: offset,
                nonce: kaunoEvents.nonce
            },
            success: function(response) {
                if (response.success) {
                    $('.events-table').append(response.data.html);
                    
                    if (response.data.has_more) {
                        $button.data('offset', offset + 10);
                        $button.text('Daugiau įvykių').prop('disabled', false);
                    } else {
                        $button.hide();
                    }
                } else {
                    alert('Error loading more events');
                    $button.text('Daugiau įvykių').prop('disabled', false);
                }
            },
            error: function() {
                alert('Error loading more events');
                $button.text('Daugiau įvykių').prop('disabled', false);
            }
        });
    });
    
    // Event form submission (for event detail pages)
    $(document).on('submit', '.event-submission-form', function(e) {
        e.preventDefault();
        
        var $form = $(this);
        var $submitBtn = $form.find('button[type="submit"]');
        var originalText = $submitBtn.text();
        
        $submitBtn.text('Sending...').prop('disabled', true);
        
        $.ajax({
            url: kaunoEvents.ajaxurl,
            type: 'POST',
            data: $form.serialize() + '&action=submit_event_form&nonce=' + kaunoEvents.nonce,
            success: function(response) {
                if (response.success) {
                    alert(response.data);
                    $form[0].reset();
                } else {
                    alert(response.data || 'Error submitting form');
                }
                $submitBtn.text(originalText).prop('disabled', false);
            },
            error: function() {
                alert('Error submitting form');
                $submitBtn.text(originalText).prop('disabled', false);
            }
        });
    });
    
    // Simple carousel navigation (if needed)
    $('.carousel-next').on('click', function() {
        var $slider = $('.events-slider');
        var scrollAmount = $slider.find('.event-card').outerWidth(true);
        $slider.animate({scrollLeft: '+=' + scrollAmount}, 300);
    });
    
    $('.carousel-prev').on('click', function() {
        var $slider = $('.events-slider');
        var scrollAmount = $slider.find('.event-card').outerWidth(true);
        $slider.animate({scrollLeft: '-=' + scrollAmount}, 300);
    });
});