@extends("admin.layouts.app")
@section("title", __("admin.products.title"))
@section("content")

<div class="page-header">
    <h1>{{ __('admin.services.title') }}</h1>
    @if(auth('admin')->user()?->hasPermission('manage_services'))
    <a href="{{ route('admin.services.price-update') }}" class="btn btn-default btn-sm">{{ __('admin.price_update.title') }}</a>
    @endif
</div>

<!-- Status Filter Tabs -->
<div style="margin-bottom:16px;border-bottom:1px solid #ddd;display:flex;gap:0;flex-wrap:wrap;">
    @foreach(["" => "All", "active" => "Active", "suspended" => "Suspended", "terminated" => "Terminated", "pending" => "Pending", "cancelled" => "Cancelled"] as $val => $label)
    @php $isActive = (request("status","") == $val); @endphp
    <a href="{{ $filters->withQuery(["status" => $val ?: null]) }}"
       style="display:inline-block;padding:8px 16px;font-size:13px;text-decoration:none;color:{{ $isActive ? "#1a4d80" : "#666" }};font-weight:{{ $isActive ? "700" : "400" }};border-bottom:{{ $isActive ? "3px solid #1a4d80" : "3px solid transparent" }};margin-bottom:-1px;">
        {{ $label }} <span style="font-size:11px;color:#999;font-weight:400;">{{ $val === '' ? array_sum($statusCounts) : ($statusCounts[$val] ?? 0) }}</span>
    </a>
    @endforeach
</div>

@include('admin.partials.list-filters', ['filters' => $filters, 'action' => route('admin.services.index'), 'keep' => ['status' => request('status')]])

@php $canBulk = auth('admin')->user()?->hasPermission('manage_services'); $max = \App\Http\Controllers\Admin\ServiceController::BULK_LIMIT; @endphp
@if($canBulk)
<x-admin-bulk-bar id="service-bulk" :action="route('admin.services.bulk')"
    :actions="['suspend' => __('admin.bulk_bar.suspend'), 'unsuspend' => __('admin.bulk_bar.unsuspend'), 'terminate' => __('admin.bulk_bar.terminate'), 'cancel' => __('admin.bulk_bar.cancel'), 'email' => __('admin.bulk_bar.email_clients')]"
    :confirms="['suspend' => __('admin.bulk_bar.confirm_suspend'), 'unsuspend' => __('admin.bulk_bar.confirm_unsuspend'), 'terminate' => __('admin.bulk_bar.confirm_terminate'), 'cancel' => __('admin.bulk_bar.confirm_cancel')]"
    :hints="['suspend' => __('admin.bulk_bar.hint_server', ['max' => $max]), 'unsuspend' => __('admin.bulk_bar.hint_server', ['max' => $max]), 'terminate' => __('admin.bulk_bar.hint_server', ['max' => $max]), 'cancel' => __('admin.bulk_bar.hint_server', ['max' => $max]), 'email' => __('admin.bulk_bar.hint_email')]"
    :dangers="['terminate']">
    <span class="bulk-fields" data-for="terminate" style="display:none;align-items:center;">
        <label style="font-size:12px;font-weight:normal;display:flex;gap:4px;align-items:center;margin:0;"><input type="checkbox" name="confirm_terminate" value="1" required> {{ __('admin.bulk_bar.terminate_ack') }}</label>
    </span>
</x-admin-bulk-bar>
@endif

<!-- Table -->
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                @if($canBulk)<th style="width:28px;"><input type="checkbox" id="service-bulk-all" aria-label="{{ __('admin.bulk_bar.select_all') }}"></th>@endif
                <th>{!! $filters->sortLink('id', __('common.table.id')) !!}</th>
                <th>{{ __('common.table.product') }}</th>
                <th>{{ __('common.table.client') }}</th>
                <th>{!! $filters->sortLink('domain', __('common.table.domain')) !!}</th>
                <th>{{ __('common.table.billing_cycle') }}</th>
                <th style="text-align:right;">{!! $filters->sortLink('amount', __('common.table.amount')) !!}</th>
                <th>{!! $filters->sortLink('next_due', __('admin.services.next_due')) !!}</th>
                <th>{{ __('common.table.status') }}</th>
                <th>{{ __('common.table.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($services as $service)
            @php
            $badgeClass = match(strtolower($service->status ?? "")) {
                "active"     => "badge-active",
                "pending"    => "badge-pending",
                "suspended"  => "badge-suspended",
                "terminated" => "badge-terminated",
                "cancelled"  => "badge-cancelled",
                default      => "badge-cancelled",
            };
            @endphp
            @php $overdue = $service->next_due_date && $service->next_due_date->isPast() && strtolower((string) $service->status) === 'active'; @endphp
            <tr>
                @if($canBulk)<td><input type="checkbox" name="service_ids[]" value="{{ $service->id }}" form="service-bulk" class="bulk-row" aria-label="#{{ $service->id }}"></td>@endif
                <td style="color:#666;font-family:monospace;font-size:12px;">{{ $service->id }}</td>
                <td style="font-weight:500;">
                    <a href="{{ route("admin.services.show", $service) }}" style="color:inherit;text-decoration:none;">{{ $service->product?->name ?? "N/A" }}</a>
                    @if($service->server)<div style="font-size:11px;color:#999;font-weight:400;">{{ $service->server->name }}</div>@endif
                </td>
                <td>
                    @if($service->client)
                    <a href="{{ route("admin.clients.show", $service->client_id) }}" style="color:#337ab7;text-decoration:none;">{{ $service->client->full_name }}</a>
                    <div style="font-size:11px;color:#999;">{{ $service->client->email }}</div>
                    @else N/A @endif
                </td>
                <td style="font-family:monospace;font-size:12px;color:#666;">{{ $service->domain ?? "-" }}</td>
                <td style="color:#666;">{{ ucfirst($service->billing_cycle ?? "-") }}</td>
                <td style="text-align:right;font-weight:500;">{{ money_fmt($service->amount) }}</td>
                <td style="{{ $overdue ? 'color:#c43c35;font-weight:600;' : 'color:#666;' }}">{{ $service->next_due_date?->format(date_fmt()) ?? "-" }}</td>
                <td><span class="badge {{ $badgeClass }}">{{ ucfirst($service->status ?? "") }}</span></td>
                <td>
                    <a href="{{ route("admin.services.show", $service) }}" class="btn btn-default btn-xs">{{ __('common.actions.view') }}</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="{{ $canBulk ? 10 : 9 }}" style="text-align:center;padding:32px;color:#999;">{{ __('admin.services.no_services') }}</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div style="padding:10px 16px;border-top:1px solid #e5e7eb;">
        {{ $services->withQueryString()->links() }}
    </div>
</div>

@endsection