@php $tz = config('app.timezone'); @endphp
<x-layouts.app :title="$license->microapp->name" :heading="$license->microapp->name" :description="__('Licencia del plan :plan', ['plan' => $license->plan->name])">
    <x-slot:actions>
        <x-button variant="ghost" :href="route('applications')"><x-icon name="arrow-left" class="size-4" />{{ __('Mis aplicaciones') }}</x-button>
    </x-slot:actions>

    <div class="grid gap-6 lg:grid-cols-3">
        <x-card class="lg:col-span-2" :title="__('Licencia')">
            <dl class="grid gap-4 text-sm sm:grid-cols-2">
                <div><dt class="text-slate-500">{{ __('Estado') }}</dt><dd class="mt-1"><x-status-badge :status="$license->effectiveStatus()" /></dd></div>
                <div><dt class="text-slate-500">{{ __('Origen') }}</dt><dd class="mt-1">{{ $license->source->label() }}</dd></div>
                <div><dt class="text-slate-500">{{ __('Desde') }}</dt><dd class="mt-1">{{ $license->starts_at?->timezone($tz)->format('d/m/Y') }}</dd></div>
                <div><dt class="text-slate-500">{{ __('Hasta') }}</dt><dd class="mt-1">{{ $license->ends_at ? $license->ends_at->timezone($tz)->format('d/m/Y H:i') : __('Sin caducidad') }}</dd></div>
                @if ($license->subscription)
                    <div class="sm:col-span-2 text-xs text-slate-500">{{ __('Ligada a una suscripción: la fecha de fin se amplía en cada renovación pagada.') }}</div>
                @endif
                @if ($license->suspended_reason)
                    <div class="sm:col-span-2"><p class="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-red-800">{{ __('Suspendida: :reason', ['reason' => $license->suspended_reason]) }}</p></div>
                @endif
            </dl>
            <div class="mt-5 rounded-lg border px-4 py-3 text-sm {{ $myAccess->allowed() ? 'border-emerald-200 bg-emerald-50 text-emerald-800' : 'border-amber-200 bg-amber-50 text-amber-900' }}">
                {{ $myAccess->allowed() ? __('Tú tienes acceso a esta aplicación.') : $myAccess->message() }}
            </div>
        </x-card>

        <x-card :title="__('Incluye')">
            @php $values = $license->plan->capabilityValues->filter(fn ($v) => $v->enabled && $v->capability && $v->capability->microapp_id === $license->microapp_id); @endphp
            @if ($values->isEmpty())
                <p class="text-sm text-slate-500">{{ __('Funciones básicas del plan.') }}</p>
            @else
                <ul class="space-y-2 text-sm">
                    @foreach ($values as $value)
                        <li class="flex justify-between gap-2"><span>{{ $value->capability->name }}</span><span class="text-slate-500">{{ $value->capability->type->value === 'limit' ? ($value->limit_value === null ? __('Sin límite') : number_format($value->limit_value, 0, ',', '.')) : __('Sí') }}</span></li>
                    @endforeach
                </ul>
            @endif
        </x-card>
    </div>

    @if ($workspace->isOrganization())
        <x-card class="mt-6" :title="__('Quién puede usarla')"
            :description="$license->seats ? __(':used de :total plazas ocupadas.', ['used' => count($assigned), 'total' => $license->seats]) : __('Plan sin límite de plazas.')">
            @if ($canManage && $license->seats === null)
                <x-form :action="route('licenses.mode', $license)" method="PUT" class="mb-5 flex flex-wrap items-end gap-3">
                    <x-select name="mode" :label="__('Acceso')" :options="collect(\App\Enums\Commerce\LicenseAccessMode::cases())->mapWithKeys(fn ($m) => [$m->value => $m->label()])->all()" :value="$license->access_mode->value" class="w-64" />
                    <x-button variant="secondary">{{ __('Guardar') }}</x-button>
                </x-form>
            @endif

            @if ($license->access_mode->value === 'all')
                <p class="text-sm text-slate-600">{{ __('Todos los miembros de la organización pueden usar esta aplicación.') }}</p>
            @else
                <ul class="divide-y divide-slate-100">
                    @foreach ($members as $member)
                        @php $has = in_array($member->user_id, $assigned, true); @endphp
                        <li class="flex flex-wrap items-center gap-3 py-2.5">
                            <div class="min-w-0 flex-1">
                                <p class="truncate text-sm font-medium text-slate-900">{{ $member->user->full_name }}</p>
                                <p class="truncate text-xs text-slate-500">{{ $member->user->email }} · {{ $member->role->label() }}</p>
                            </div>
                            @if ($has)
                                <x-badge color="emerald">{{ __('Con acceso') }}</x-badge>
                            @else
                                <x-badge>{{ __('Sin acceso') }}</x-badge>
                            @endif
                            @if ($canManage)
                                @if ($has)
                                    <x-confirm :action="route('licenses.unassign', [$license, $member->id])" method="DELETE" :title="__('Quitar acceso')"
                                        :message="__(':user dejará de poder usar :app de inmediato.', ['user' => $member->user->full_name, 'app' => $license->microapp->name])" />
                                @else
                                    <x-form :action="route('licenses.assign', $license)">
                                        <input type="hidden" name="membership" value="{{ $member->id }}">
                                        <x-button size="sm" variant="secondary">{{ __('Dar acceso') }}</x-button>
                                    </x-form>
                                @endif
                            @endif
                        </li>
                    @endforeach
                </ul>
            @endif
            @unless ($canManage)
                <p class="mt-4 text-xs text-slate-500">{{ __('El propietario y los administradores de la organización gestionan los accesos.') }}</p>
            @endunless
        </x-card>
    @endif
</x-layouts.app>