@extends('client.layouts.main')

@section('title', 'My Services')

@section('content')
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Recurring Services</span></div>
    </div>
    <div class="portlet-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Service</th>
                    <th>Billing Cycle</th>
                    <th>Status</th>
                    <th>Next Due</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($services as $service)
                <tr>
                    <td>
                        {{ $service->product?->name ?? 'N/A' }}
                        @if($service->domain)
                            <br><small class="font-grey-mint"><i class="fa fa-globe"></i> {{ $service->domain }}</small>
                        @endif
                    </td>
                    <td>{{ $service->billingCycle?->name ?? 'N/A' }}</td>
                    <td>
                        @php
                            $statusColors = [
                                'active' => 'success', 'pending' => 'warning', 'suspended' => 'danger',
                                'terminated' => 'default', 'cancelled' => 'default',
                            ];
                        @endphp
                        <span class="label label-sm label-{{ $statusColors[$service->status] ?? 'info' }}">{{ ucfirst($service->status) }}</span>
                    </td>
                    <td>{{ $service->next_due_date?->format('M d, Y') ?? '-' }}</td>
                    <td>
                        <a href="{{ route('client.services.show', $service) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i> View</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center font-grey-mint">No services found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($services->hasPages())
    <div class="panel-footer clearfix">
        {{ $services->links() }}
    </div>
    @endif
</div>
@endsection