{{-- Modal: Create/Edit Product Line (Shared Partial) --}}
<div class="modal fade" id="lineModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="lineModalTitle">{{ __('brands.new_product_line') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form id="lineForm" onsubmit="return false;">
                @csrf
                <div class="modal-body">
                    <input type="hidden" id="line_id" name="line_id">

                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('brands.line_name') }} *</label>
                        <input type="text" class="form-control form-control-sm lowercase-input" id="line_name" name="name" required
                               autocomplete="new-password">
                        <small class="text-muted">{{ __('brands.line_name_example') }}</small>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ __('brands.line_description') }}</label>
                        <textarea class="form-control form-control-sm" id="line_description" name="description" rows="2"></textarea>
                    </div>

                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="line_active" name="active" checked>
                            <label class="form-check-label" for="line_active">
                                {{ __('brands.active') }}
                            </label>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('brands.close') }}</button>
                    <button type="button" class="btn btn-success btn-sm" onclick="saveProductLine()">{{ __('brands.save') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
// Open line modal (Global function)
function openLineModal() {
    $('#line_id').val('');
    $('#lineModalTitle').text('{{ __('brands.new_product_line') }}');
    $('#lineForm')[0].reset();
    $('#line_active').prop('checked', true);
    $('#lineModal').modal('show');
}

// Save product line (Global function)
function saveProductLine() {
    const name = $('#line_name').val().trim();
    if (!name) {
        alert('{{ __('brands.name_required') }}');
        return;
    }
    
    const id = $('#line_id').val();
    const url = id ? `/products/product-lines/${id}` : '/products/product-lines';
    const method = id ? 'PUT' : 'POST';
    
    $.ajax({
        url: url,
        method: method,
        data: {
            _token: $('meta[name="csrf-token"]').attr('content') || '{{ csrf_token() }}',
            name: name,
            description: $('#line_description').val(),
            active: $('#line_active').is(':checked') ? 1 : 0
        },
        success: function(response) {
            $('#lineModal').modal('hide');
            
            // Callback for product-lines page
            if (typeof loadLines === 'function') {
                loadLines();
            }
            
            // Callback for brands page (reload product lines and auto-select)
            if (typeof onProductLineSaved === 'function') {
                onProductLineSaved(response.product_line);
            }
            
            if (typeof showNotification === 'function') {
                showNotification(response.message, 'success');
            } else {
                alert(response.message);
            }
        },
        error: function(xhr) {
            const errors = xhr.responseJSON?.errors;
            let errorMsg = '';
            if (errors) {
                for (let field in errors) {
                    errorMsg += errors[field][0] + '\n';
                }
            } else {
                errorMsg = xhr.responseJSON?.message || 'An error occurred';
            }
            
            if (typeof showNotification === 'function') {
                showNotification(errorMsg, 'error', '{{ __('brands.validation_error') }}');
            } else {
                alert(errorMsg);
            }
        }
    });
}

// Edit line (Global function)
function editLine(id) {
    $.get(`/products/product-lines/${id}`, function(data) {
        $('#line_id').val(data.id);
        $('#line_name').val(data.name);
        $('#line_description').val(data.description);
        $('#line_active').prop('checked', data.active);

        $('#lineModalTitle').text('{{ __('brands.edit_product_line') }}');
        $('#lineModal').modal('show');
    });
}

// Delete line (Global function)
function deleteLine(id) {
    if (!confirm('{{ __('brands.delete_line_confirm') }}')) return;
    
    $.ajax({
        url: `/products/product-lines/${id}`,
        method: 'DELETE',
        data: { _token: $('meta[name="csrf-token"]').attr('content') || '{{ csrf_token() }}' },
        success: function(response) {
            if (typeof loadLines === 'function') {
                loadLines();
            }
            if (typeof showNotification === 'function') {
                showNotification(response.message, 'success');
            } else {
                alert(response.message);
            }
        },
        error: function(xhr) {
            const msg = xhr.responseJSON?.message || 'An error occurred';
            if (typeof showNotification === 'function') {
                showNotification(msg, 'error');
            } else {
                alert(msg);
            }
        }
    });
}
</script>