@section('title', __('Visão geral'))
<div>
    <x-baseview title="{{ __('Visão geral') }}">

        @php
            // Rótulos e widgets dirigidos pelos MÓDULOS ATIVOS; a ORDEM dos
            // blocos é do operador (arrasta pela alça e fica salva para ele).
            $soMobilidade = \App\Services\ModuloService::soMobilidade();
            $temVendedores = \App\Services\ModuloService::temVendedores();
            $mob = $this->mobilidade;
            $saud = app(\App\Services\DashboardMetricasService::class)->saudacao();
        @endphp

        {{-- saudação + atalho para a Central --}}
        <div class="flex flex-wrap items-end justify-between gap-2 mt-4">
            <div>
                <p class="text-lg font-bold text-gray-900">{{ __($saud['texto']) }}, {{ collect(explode(' ', auth()->user()->name))->first() }}</p>
                <p class="text-xs text-gray-400">{{ ucfirst($saud['data']) }}</p>
            </div>
            <a href="{{ route('operations.center') }}"
                class="px-4 text-sm font-semibold text-white rounded-lg"
                style="background:#15803d;padding-top:8px;padding-bottom:8px">{{ __('Central de Operações') }}</a>
        </div>

        <div wire:sortable="salvarOrdem" class="mt-5 space-y-5">
            @foreach ($this->ordemWidgets as $w)
                <div wire:sortable.item="{{ $w }}" wire:key="widget-{{ $w }}" class="km-widget" data-widget="{{ $w }}">
                    <span wire:sortable.handle class="km-grip" title="{{ __('Arraste para reordenar o dashboard') }}">
                        <svg width="14" height="14" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                            <circle cx="6" cy="4" r="1.6"/><circle cx="14" cy="4" r="1.6"/>
                            <circle cx="6" cy="10" r="1.6"/><circle cx="14" cy="10" r="1.6"/>
                            <circle cx="6" cy="16" r="1.6"/><circle cx="14" cy="16" r="1.6"/>
                        </svg>
                    </span>
                    @include('livewire.dashboard.widgets.' . $w)
                </div>
            @endforeach
        </div>

        <div class="flex justify-end mt-3">
            <button wire:click="restaurarOrdem" class="text-xs text-gray-400 hover:text-gray-600">
                {{ __('Restaurar ordem padrão') }}
            </button>
        </div>

        {{-- space --}}
        <div class="h-20"></div>

    </x-baseview>
</div>