@php $statusColors = \App\Livewire\Crm\Agreements\Show::STATUS_COLORS; @endphp

<div class="space-y-4">
    <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
        <div>
            <h3 class="text-base font-semibold text-slate-900">{{ __('Agreements') }}</h3>
            <p class="text-xs text-slate-400">{{ trans_choice('{0} None in force|{1} :count in force|[2,*] :count in force', $inForce, ['count' => $inForce]) }} · {{ __('earlier and renewed agreements are kept below') }}</p>
        </div>
        @if ($canCreate)
            <a href="{{ route('crm.agreements.index', ['customer' => $organisation->id]) }}" wire:navigate>
                <x-button type="button"><x-icon name="plus" class="mr-1.5 h-4 w-4" /> {{ __('Record an agreement') }}</x-button>
            </a>
        @endif
    </div>

    <div class="overflow-hidden rounded-2xl border border-slate-200 bg-white">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-slate-100">
                <thead>
                    <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                        <th class="px-3 py-3.5 lg:px-4">{{ __('Agreement') }}</th>
                        <th class="px-3 py-3.5 lg:px-4">{{ __('Term') }}</th>
                        <th class="px-3 py-3.5 lg:px-4">{{ __('Renewal') }}</th>
                        <th class="px-3 py-3.5 lg:px-4">{{ __('Status') }}</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100 bg-white">
                    @forelse ($agreements as $agreement)
                        @php $left = $daysLeft($agreement); @endphp
                        <tr wire:key="org-agreement-{{ $agreement->id }}" class="transition hover:bg-slate-50/70">
                            <td class="px-3 py-4 text-sm lg:px-4">
                                <a href="{{ route('crm.agreements.show', $agreement) }}" wire:navigate class="font-medium text-slate-900 hover:text-indigo-600">{{ $agreement->title }}</a>
                                <p class="text-xs text-slate-400">
                                    {{ $agreement->type ? __(\App\Models\Crm\Agreement::TYPES[$agreement->type] ?? $agreement->type) : __('Kind not set') }}
                                    @if ($agreement->partnership) · {{ __('through :name', ['name' => $agreement->partnership->name]) }} @endif
                                    · {{ $agreement->owner?->name ?? __('nobody') }}
                                </p>
                            </td>
                            <td class="whitespace-nowrap px-3 py-4 text-sm text-slate-500 lg:px-4">
                                {{ $agreement->starts_on?->format('j M Y') ?? __('Not set') }} &ndash; {{ $agreement->ends_on?->format('j M Y') ?? __('open-ended') }}
                            </td>
                            <td class="whitespace-nowrap px-3 py-4 text-sm lg:px-4">
                                @if ($left === null)
                                    <span class="text-slate-400">{{ __('Not applicable') }}</span>
                                @elseif ($left <= 30)
                                    <x-badge color="rose">{{ trans_choice('{0} Ends today|{1} :count day left|[2,*] :count days left', $left, ['count' => $left]) }}</x-badge>
                                @elseif ($left <= 60)
                                    <x-badge color="amber">{{ __(':count days left', ['count' => $left]) }}</x-badge>
                                @else
                                    <span class="text-slate-500">{{ __(':count days left', ['count' => number_format($left)]) }}</span>
                                @endif
                            </td>
                            <td class="whitespace-nowrap px-3 py-4 text-sm lg:px-4">
                                <x-badge :color="$statusColors[$agreement->status] ?? 'slate'">{{ __(\App\Models\Crm\Agreement::STATUSES[$agreement->status] ?? $agreement->status) }}</x-badge>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="px-6 py-10">
                                <x-empty-state icon="document-duplicate" :title="__('No agreements yet')"
                                    :message="__('MOUs, supply and framework agreements with this organisation are kept here, with their renewal dates.')"
                                    class="border-0 bg-transparent py-0" />
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($agreements->hasPages())
            <div class="border-t border-slate-100 px-4 py-3 sm:px-6">
                {{ $agreements->onEachSide(1)->links() }}
            </div>
        @endif
    </div>
</div>