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

<div class="page-header">
    <h1>{{ __('admin.clients.title') }}</h1>
    <div style="display:flex;gap:8px;align-items:center;">
        <a href="{{ route("admin.clients.export", request()->only("search", "status", "group_id")) }}" class="btn btn-default btn-sm">
            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>{{ __('common.actions.export_csv') }}</a>
        <a href="{{ route("admin.clients.create") }}" class="btn btn-primary">
            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
            {{ __('admin.clients.add_new') }}
        </a>
    </div>
</div>

<!-- Status tabs, counted with the other filters kept -->
<div style="margin-bottom:16px;border-bottom:1px solid #ddd;display:flex;gap:0;flex-wrap:wrap;">
    @foreach(['' => __('admin.bulk_bar.all'), 'active' => __('admin.clients.active'), 'inactive' => __('admin.clients.inactive'), 'closed' => __('admin.clients.closed')] as $val => $label)
    @php $isActive = (string) 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.clients.index')])

@php $canEdit = auth('admin')->user()?->hasPermission('edit_clients'); @endphp
<x-admin-bulk-bar id="client-bulk" :action="route('admin.clients.bulk')"
    :actions="array_merge($canEdit ? ['status' => __('admin.bulk_bar.set_status'), 'group' => __('admin.bulk_bar.move_group')] : [], ['email' => __('admin.bulk_bar.email'), 'export' => __('admin.bulk_bar.export')])"
    :confirms="['status' => __('admin.bulk_bar.confirm_status'), 'group' => __('admin.bulk_bar.confirm_group')]"
    :hints="['email' => __('admin.bulk_bar.hint_email')]">
    @if($canEdit)
    <span class="bulk-fields" data-for="status" style="display:none;align-items:center;">
        <select name="bulk_status" class="form-control input-sm" style="width:auto;" aria-label="{{ __('admin.clients.status_label') }}">
            <option value="active">{{ __('admin.clients.active') }}</option>
            <option value="inactive">{{ __('admin.clients.inactive') }}</option>
            <option value="closed">{{ __('admin.clients.closed') }}</option>
        </select>
    </span>
    <span class="bulk-fields" data-for="group" style="display:none;align-items:center;">
        <select name="bulk_group_id" class="form-control input-sm" style="width:auto;" aria-label="{{ __('admin.clients.group_label') }}">
            <option value="">{{ __('admin.bulk_bar.no_group') }}</option>
            @foreach($groups as $group)<option value="{{ $group->id }}">{{ $group->name }}</option>@endforeach
        </select>
    </span>
    @endif
</x-admin-bulk-bar>

<!-- Table -->
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                <th style="width:28px;"><input type="checkbox" id="client-bulk-all" aria-label="{{ __('admin.bulk_bar.select_all') }}"></th>
                <th>{!! $filters->sortLink('id', __('common.table.id')) !!}</th>
                <th>{!! $filters->sortLink('name', __('common.table.name')) !!}</th>
                <th>{!! $filters->sortLink('email', __('common.table.email')) !!}</th>
                <th>{!! $filters->sortLink('company', __('common.table.company')) !!}</th>
                <th>{{ __('admin.bulk_bar.services_col') }}</th>
                <th>{{ __('admin.bulk_bar.domains_col') }}</th>
                <th>{{ __('admin.bulk_bar.unpaid_col') }}</th>
                <th>{{ __('common.table.status') }}</th>
                <th>{!! $filters->sortLink('created', __('common.table.created')) !!}</th>
                <th>{{ __('common.table.actions') }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($clients as $client)
            @php
            $statusVal = is_object($client->status) ? $client->status->value : $client->status;
            $badgeClass = match(strtolower($statusVal)) {
                "active"   => "badge-active",
                "inactive" => "badge-cancelled",
                "closed"   => "badge-terminated",
                default    => "badge-cancelled",
            };
            @endphp
            <tr>
                <td><input type="checkbox" name="client_ids[]" value="{{ $client->id }}" form="client-bulk" class="bulk-row" aria-label="{{ $client->full_name }}"></td>
                <td style="color:#666;font-family:monospace;font-size:12px;">{{ $client->id }}</td>
                <td>
                    <a href="{{ route("admin.clients.show", $client) }}" style="color:#337ab7;text-decoration:none;font-weight:500;">{{ $client->full_name }}</a>
                    @if($client->group)<div style="font-size:11px;color:#999;">{{ $client->group->name }}</div>@endif
                </td>
                <td>{{ $client->email }}@if($client->phone_number)<div style="font-size:11px;color:#999;">{{ $client->phone_number }}</div>@endif</td>
                <td>{{ $client->company_name ?? "-" }}</td>
                <td>
                    @if($client->services_count)
                    <a href="{{ route('admin.services.index', ['q' => $client->email]) }}" style="text-decoration:none;" title="{{ __('admin.bulk_bar.active_of', ['active' => $client->active_services_count, 'total' => $client->services_count]) }}">{{ $client->active_services_count }}<span style="color:#999;">/{{ $client->services_count }}</span></a>
                    @else <span style="color:#bbb;">0</span> @endif
                </td>
                <td>{!! $client->domains_count ? e($client->domains_count) : '<span style="color:#bbb;">0</span>' !!}</td>
                <td>
                    @if($client->unpaid_invoices_count)
                    <a href="{{ route('admin.invoices.index', ['search' => $client->email, 'status' => 'unpaid']) }}" class="badge badge-terminated" style="text-decoration:none;">{{ $client->unpaid_invoices_count }}</a>
                    @else <span style="color:#bbb;">0</span> @endif
                </td>
                <td><span class="badge {{ $badgeClass }}">{{ ucfirst($statusVal) }}</span></td>
                <td style="color:#666;">{{ $client->created_at->format(date_fmt()) }}</td>
                <td>
                    <a href="{{ route("admin.clients.show", $client) }}" class="btn btn-default btn-xs">{{ __('common.actions.view') }}</a>
                    <a href="{{ route("admin.clients.edit", $client) }}" class="btn btn-default btn-xs">{{ __('common.actions.edit') }}</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="11" style="text-align:center;padding:32px;color:#999;">{{ __('admin.clients.no_clients') }}</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div style="padding:10px 16px;border-top:1px solid #e5e7eb;">
        {{ $clients->withQueryString()->links() }}
    </div>
</div>

@endsection