netgescon-day0/resources/views/livewire/filament/topbar-live-call.blade.php

37 lines
2.1 KiB
PHP
Executable File

<div wire:poll.3s="refreshLiveIncomingCall" class="flex min-w-0 w-full items-stretch">
@if($liveIncomingCall)
<div class="flex w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-emerald-300 bg-emerald-50 px-2 py-1 shadow-sm">
<div class="min-w-0">
<div class="text-[9px] font-semibold uppercase tracking-wide text-emerald-800 leading-none">In arrivo</div>
<div class="truncate text-xs font-semibold text-emerald-950 mt-0.5 leading-tight">
{{ $liveIncomingCall['rubrica_nome'] ?: 'Numero non riconosciuto' }}
</div>
<div class="truncate text-[10px] text-emerald-800 mt-0.5 leading-none">
{{ $liveIncomingCall['phone'] ?? '-' }}
@if(!empty($liveIncomingCall['target_extension']))
· int. {{ $liveIncomingCall['target_extension'] }}
@endif
</div>
</div>
<div class="flex shrink-0 items-center">
<button type="button" wire:click="createPostIt" class="inline-flex items-center rounded bg-emerald-700 px-2 py-1 text-[10px] font-medium text-white hover:bg-emerald-600">
Post-it
</button>
</div>
</div>
@else
<div class="flex w-full min-w-0 items-center justify-between gap-2 rounded-lg border border-slate-200 bg-slate-50 px-2 py-1 shadow-sm">
<div class="min-w-0">
<div class="text-[9px] font-semibold uppercase tracking-wide text-slate-700 leading-none">CTI live</div>
<div class="truncate text-xs font-medium text-slate-900 mt-0.5 leading-tight">In attesa chiamate...</div>
</div>
<div class="shrink-0">
<a href="{{ \App\Filament\Pages\Strumenti\PostItGestione::getUrl(panel: 'admin-filament') }}" class="inline-flex items-center rounded border border-slate-300 bg-white px-2 py-1 text-[10px] font-medium text-slate-700 hover:bg-slate-100">
Log
</a>
</div>
</div>
@endif
</div>