@extends('layouts.portal')

@section('title', __('admin_consultants.title') . ' — ' . config('app.name'))
@section('page_title', __('admin_consultants.title'))
@section('page_subtitle', number_format($consultants->total()) . ' · ' . __('admin_consultants.title'))

@section('page_actions')
    <a href="{{ route('portal.admin.consultants.create') }}" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('admin_consultants.new') }}</a>
@endsection

@section('content')
    <form method="GET" class="card-sc mb-5 grid gap-3 md:grid-cols-4">
        <div class="md:col-span-3">
            <label for="q" class="field-label">{{ __('common.search') }}</label>
            <input id="q" name="q" type="search" value="{{ request('q') }}" class="field-input" placeholder="{{ __('admin_consultants.name') }} / {{ __('admin_consultants.email') }} / {{ __('admin_consultants.phone') }}">
        </div>
        <div class="flex items-end gap-2">
            <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('common.filter') }}</button>
            <a href="{{ route('portal.admin.consultants.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.reset') }}</a>
        </div>
    </form>

    <div class="overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-card">
        <div class="overflow-x-auto">
            <table class="table-sc">
                <thead>
                    <tr>
                        <th>{{ __('admin_consultants.name') }}</th>
                        <th>{{ __('admin_consultants.phone') }}</th>
                        <th>{{ __('admin_consultants.role') }}</th>
                        <th>{{ __('admin_consultants.status') }}</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($consultants as $consultant)
                        <tr>
                            <td>
                                <span class="font-semibold text-ink-900">{{ $consultant->name }}</span>
                                <span class="block text-xs text-ink-400">{{ $consultant->email }}</span>
                            </td>
                            <td class="numeric" dir="ltr">+{{ $consultant->phone }}</td>
                            <td>
                                <span class="badge-sc bg-brand-50 text-brand-700">{{ __('admin_consultants.roles.' . $consultant->role) }}</span>
                            </td>
                            <td>
                                <span class="badge-sc {{ $consultant->is_active ? 'bg-emerald-100 text-emerald-800' : 'bg-ink-100 text-ink-600' }}">
                                    {{ $consultant->is_active ? __('admin_consultants.active') : __('admin_consultants.inactive') }}
                                </span>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('portal.admin.consultants.edit', $consultant) }}" class="btn-soft no-underline">{{ __('common.edit') }}</a>
                                @if ($consultant->id !== auth()->id())
                                    <form method="POST" action="{{ route('portal.admin.consultants.destroy', $consultant) }}" class="inline-block" onsubmit="return confirm('{{ __('common.confirm_delete') }}')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn-soft text-red-600">{{ __('common.delete') }}</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="py-12 text-center text-ink-400">{{ __('admin_consultants.empty') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-5">
        {{ $consultants->links() }}
    </div>
@endsection