@forelse($subscriptions as $subscription)
    <div class="subscription-card d-flex align-items-center">
        <div class="subscription-info">
            <div class="subscription-name">{{ $subscription->customer_name }}</div>
            <div class="d-flex flex-wrap">
                <span class="subscription-detail" title="{{ __('subscriptions.phone') }}">
                    <i class="bi bi-telephone"></i> {{ $subscription->phone }}
                </span>
                <span class="subscription-detail" title="{{ __('subscriptions.whatsapp') }}">
                    <i class="bi bi-whatsapp"></i> {{ $subscription->whatsapp }}
                </span>
                <span class="subscription-detail" title="{{ __('subscriptions.business_name') }}">
                    <i class="bi bi-briefcase"></i> {{ $subscription->business_name }}
                </span>
                <span class="subscription-detail" title="{{ __('subscriptions.payment_method') }}">
                    <span class="payment-badge">{{ __('subscriptions.payment_methods.' . $subscription->payment_method) ?? $subscription->payment_method }}</span>
                </span>
                <span class="subscription-detail" title="{{ __('subscriptions.invoice_number') }}">
                    <i class="bi bi-receipt"></i> {{ $subscription->invoice_number }}
                </span>
                <span class="subscription-detail" title="{{ __('subscriptions.sales_employee') }}">
                    <i class="bi bi-person-badge"></i> {{ $subscription->salesEmployee?->full_name ?? ($subscription->creator?->name ?? 'N/A') }}
                </span>
                <span class="subscription-detail" title="عدد الجلسات">
                    <i class="bi bi-layers"></i> {{ (int) ($subscription->consultations_count ?? 1) }} جلسات
                </span>
            </div>
        </div>
        
        <div class="subscription-price">
            {{ number_format($subscription->price, 0) }}
        </div>
        
        <div class="subscription-actions">
            <button type="button" class="btn-action btn-edit" 
                    data-id="{{ $subscription->id }}"
                    data-customer_name="{{ $subscription->customer_name }}"
                    data-phone="{{ $subscription->phone }}"
                    data-whatsapp="{{ $subscription->whatsapp }}"
                    data-address="{{ $subscription->address }}"
                    data-business_name="{{ $subscription->business_name }}"
                    data-business_url="{{ $subscription->business_url }}"
                    data-consultations_count="{{ (int) ($subscription->consultations_count ?? 1) }}"
                    data-price="{{ number_format($subscription->price, 0, '', '') }}"
                    data-payment_method="{{ $subscription->payment_method }}"
                    data-sales_employee_id="{{ $subscription->sales_employee_id }}"
                    onclick="openEditModal(this)"
                    title="{{ __('subscriptions.edit_subscriber') }}">
                <i class="bi bi-pencil"></i>
            </button>
            
            <a href="{{ route('services.one_time_service.invoice', $subscription->id) }}" 
               target="_blank"
               class="btn-action btn-print" 
               title="{{ __('subscriptions.print_invoice') }}">
                <i class="bi bi-printer"></i>
            </a>

            <button type="button" class="btn-action btn-delete" 
                    onclick="openDeleteModal('{{ $subscription->id }}')"
                    title="{{ __('delete') }}">
                <i class="bi bi-trash"></i>
            </button>
        </div>
    </div>
@empty
    <div class="text-center py-5 text-muted bg-white rounded shadow-sm">
        <i class="bi bi-people fs-1 mb-3 d-block"></i>
        {{ __('no_results_found') ?? 'No subscriptions found' }}
    </div>
@endforelse

<div class="d-flex justify-content-center mt-4">
    {{ $subscriptions->links() }}
</div>