@extends('admin.layouts.main')
@section('title', 'Recurring Services')
@section('menu', 'Services')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-8">
                <form action="{{ route('admin.services.index') }}" method="GET" class="form-inline">
                    <select name="status" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
                        <option value="">All Statuses</option>
                        @foreach(['active', 'pending', 'suspended', 'terminated', 'cancelled'] as $status)
                            <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>{{ ucfirst($status) }}</option>
                        @endforeach
                    </select>
                    <div class="input-group input-group-sm" style="width: 250px;">
                        <input type="text" name="search" class="form-control" placeholder="Search domain..." value="{{ request('search') }}">
                        <div class="input-group-btn">
                            <button class="btn default" type="submit"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-4 text-right">
                <a href="{{ route('admin.services.create') }}" class="btn btn-sm green"><i class="fa fa-plus"></i> Add Service</a>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Domain / Name</th>
                    <th>Client</th>
                    <th>Product</th>
                    <th class="tc">Billing Cycle</th>
                    <th class="tc">Status</th>
                    <th class="tc">Next Due</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($services as $service)
                <tr>
                    <td>{{ $service->domain ?: ($service->product?->name ?? 'N/A') }}</td>
                    <td>
                        @if($service->user)
                            <a href="{{ route('admin.customers.show', $service->user) }}">{{ $service->user->first_name }} {{ $service->user->last_name }}</a>
                        @else
                            <span class="font-grey-mint">N/A</span>
                        @endif
                    </td>
                    <td>{{ $service->product?->name ?? 'N/A' }}</td>
                    <td class="tc">{{ $service->billingCycle?->name ?? 'N/A' }}</td>
                    <td class="tc">
                        @php
                            $badgeClass = match($service->status) {
                                'active' => 'success',
                                'pending' => 'warning',
                                'suspended' => 'danger',
                                'terminated' => 'dark',
                                'cancelled' => 'secondary',
                                default => 'secondary',
                            };
                        @endphp
                        <span class="label label-sm label-{{ $badgeClass }}">{{ ucfirst($service->status) }}</span>
                    </td>
                    <td class="tc">{{ $service->next_due_date?->format('M d, Y') ?? 'N/A' }}</td>
                    <td>
                        <a href="{{ route('admin.services.show', $service) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i></a>
                        <a href="{{ route('admin.services.edit', $service) }}" class="btn btn-sm green"><i class="fa fa-pencil"></i></a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center font-grey-mint">No recurring services found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($services->hasPages())
    <div class="panel-footer clearfix">
        {{ $services->links() }}
    </div>
    @endif
</div>
@endsection