@props([
    'client',
    'showActions' => true,
    'showProductColumns' => true,
    'liveQuantities' => false,
    'gridTemplateColumns' => null,
    'gridMinWidth' => null,
    'logoClass' => 'h-14 w-14',
])

@php
    $products = $client->resolvedProducts();
    $daysUntilRenewal = $client->renewal_date ? $client->daysUntilRenewal() : null;
    $isOverdue = $daysUntilRenewal !== null && $daysUntilRenewal < 0;
    $isDueToday = $daysUntilRenewal === 0;
    $productCount = count($products);

    $clientCol = 'minmax(10rem, 1.5fr)';
    $renewalCol = 'minmax(12rem, 1.55fr)';
    $productCol = 'minmax(6.5rem, 1fr)';
    $actionCol = 'minmax(7.25rem, 8.75rem)';

    if ($gridTemplateColumns !== null) {
        $resolvedGridTemplateColumns = $gridTemplateColumns;
        $resolvedGridMinWidth = $gridMinWidth;
    } else {
        $gridColumns = [$clientCol, $renewalCol];

        if ($showProductColumns) {
            if ($productCount > 0) {
                foreach ($products as $_product) {
                    $gridColumns[] = $productCol;
                    $gridColumns[] = $productCol;
                }
            } else {
                $gridColumns[] = 'minmax(8rem, 1fr)';
            }
        }

        if ($showActions) {
            $gridColumns[] = $actionCol;
        }

        $resolvedGridTemplateColumns = implode(' ', $gridColumns);
        $resolvedGridMinWidth = max($showProductColumns ? 800 : 520, count($gridColumns) * 105);
    }
@endphp

<div
    @class([
        'grid w-full items-stretch bg-white',
        'oah-clients-table-row' => $gridTemplateColumns !== null,
    ])
    style="grid-template-columns: {{ $resolvedGridTemplateColumns }};@if ($gridTemplateColumns === null || $gridMinWidth !== null) min-width: {{ $resolvedGridMinWidth }}px;@endif"
>
    {{-- Client --}}
    <div @class([
        'flex flex-col items-center justify-center border-r border-neutral-200',
        'min-w-0 px-3 py-3' => $gridTemplateColumns !== null,
        'min-w-[10rem] px-4 py-5' => $gridTemplateColumns === null,
    ])>
        @if ($client->logo_path)
            <img src="{{ asset('storage/'.$client->logo_path) }}" alt=""
                @class([$logoClass, 'rounded-lg'])>
        @else
            <div @class(['flex items-center justify-center rounded-lg bg-oah-black font-bold text-white', $logoClass, 'text-sm' => $logoClass === 'h-14 w-14', 'text-base' => $logoClass !== 'h-14 w-14'])>
                {{ strtoupper(substr($client->name, 0, 1)) }}
            </div>
        @endif
        <p @class([
            'w-full text-center font-bold leading-tight',
            'mt-1.5 text-sm' => $gridTemplateColumns !== null,
            'mt-2 text-sm sm:text-base' => $gridTemplateColumns === null,
        ])>{{ $client->name }}</p>
    </div>

    {{-- Renewal --}}
    <div @class([
        'flex items-center justify-center border-r border-neutral-200',
        'min-w-0 px-2 py-3' => $gridTemplateColumns !== null,
        'min-w-[12rem] px-3 py-5' => $gridTemplateColumns === null,
    ])>
        <div @class([
            'oah-renewal-badge shrink-0 self-center oah-renewal-badge--wide oah-renewal-badge--label-nowrap',
            'oah-renewal-badge--unset' => ! $client->renewal_date,
        ])>
            <p class="oah-renewal-badge__label text-[10px] font-bold uppercase leading-tight tracking-wide sm:text-xs">Days until renewal</p>
            <p @class([
                'oah-renewal-badge__value mt-1 text-sm font-extrabold leading-tight',
                'oah-renewal-badge__value--alert' => $isDueToday || $isOverdue,
            ])>
                @if ($client->renewal_date)
                    @if ($daysUntilRenewal > 0)
                        {{ $daysUntilRenewal }} {{ $daysUntilRenewal === 1 ? 'day' : 'days' }}
                    @elseif ($daysUntilRenewal === 0)
                        Today
                    @else
                        {{ abs($daysUntilRenewal) }} {{ abs($daysUntilRenewal) === 1 ? 'day' : 'days' }} overdue
                    @endif
                @else
                    Not set
                @endif
            </p>
        </div>
    </div>

    @if ($showProductColumns)
        @if ($productCount > 0)
            @foreach ($products as $index => $product)
                <div class="flex items-center justify-center border-r border-neutral-200 bg-neutral-50 px-2 py-5">
                    <p class="w-full text-center text-sm font-semibold leading-snug sm:text-base line-clamp-4">
                        {{ $product['name'] ?? '—' }}
                    </p>
                </div>
                <div class="flex items-center justify-center border-r border-neutral-200 px-2 py-5">
                    <p @if ($liveQuantities) data-summary-qty="{{ $index }}" @endif
                        class="text-xl font-extrabold leading-none text-red-600 sm:text-2xl">
                        {{ $product['quantity'] ?? '—' }}
                    </p>
                </div>
            @endforeach
        @else
            <div class="flex items-center justify-center border-r border-neutral-200 px-4 py-8 text-sm text-oah-muted">
                No products
            </div>
        @endif
    @endif

    @if ($showActions)
        <div @class([
            'min-w-0',
            'oah-clients-table-actions flex min-h-full w-full flex-row flex-nowrap items-center justify-center gap-2 self-stretch border-l border-neutral-200 px-5 py-3 sm:gap-2.5 sm:px-8' => $gridTemplateColumns !== null,
            'flex flex-col items-stretch gap-2.5 px-4 py-4' => $gridTemplateColumns === null,
        ])>
            @php
                $compactActionBtn = 'inline-flex h-10 min-h-10 min-w-0 flex-1 basis-0 items-center justify-center rounded-full border-2 px-2 text-center text-sm font-semibold leading-none normal-case transition';
                $tableActionBtn = 'w-full max-w-[8.75rem] rounded-full text-center font-bold uppercase leading-tight px-2.5 py-2 text-[10px]';
            @endphp
            <a href="{{ route('admin.clients.edit', $client) }}"
                @class([
                    'btn-oah border-oah-yellow-dark' => $gridTemplateColumns !== null,
                    $compactActionBtn => $gridTemplateColumns !== null,
                    'btn-oah rounded-full px-4 py-2.5 text-xs' => $gridTemplateColumns === null,
                    $tableActionBtn => $gridTemplateColumns === null,
                ])>
                Update
            </a>
            <a href="{{ route('admin.clients.top-up', $client) }}"
                @class([
                    'border-oah-black bg-green-200 text-oah-black hover:bg-green-300' => $gridTemplateColumns !== null,
                    $compactActionBtn => $gridTemplateColumns !== null,
                    'rounded-full border-2 border-oah-black px-4 py-2.5 text-xs' => $gridTemplateColumns === null,
                    $tableActionBtn => $gridTemplateColumns === null,
                ])>
                Top up
            </a>
            <form id="delete-client-{{ $client->id }}" method="POST" action="{{ route('admin.clients.destroy', $client) }}" class="hidden">
                @csrf
                @method('DELETE')
            </form>
            <button
                type="button"
                data-oah-confirm
                data-oah-confirm-form="#delete-client-{{ $client->id }}"
                data-oah-confirm-title="Delete client"
                data-oah-confirm-message="{{ e('Are you sure you want to delete '.$client->name.'?') }}"
                aria-label="Delete {{ $client->name }}"
                @class([
                    'inline-flex h-10 min-h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-red-200 bg-white text-red-600 transition hover:border-red-300 hover:bg-red-50' => $gridTemplateColumns !== null,
                    'w-full max-w-[8.75rem] gap-2 rounded-full border-2 border-red-200 px-4 py-2.5 text-xs font-bold text-red-600 hover:bg-red-50' => $gridTemplateColumns === null,
                ])
            >
                <svg @class(['h-4 w-4 shrink-0' => $gridTemplateColumns !== null, 'h-3.5 w-3.5' => $gridTemplateColumns === null]) fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6M9 7h6m2 0H7m3-3h4a1 1 0 011 1v1H9V5a1 1 0 011-1z"/>
                </svg>
                @if ($gridTemplateColumns === null)
                    <span>Delete</span>
                @endif
            </button>
        </div>
    @endif
</div>