@extends('layouts.app')
@section('title', 'Manage')
@section('content')

<div class="card p-3 mb-3 d-flex flex-row align-items-center gap-3">
    <div style="width:56px;height:56px;background:#f5f6f8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;">☕</div>
    <div class="flex-grow-1">
        <div class="fw-bold">{{ $settings->business_name ?? 'Your Business' }}</div>
        <div class="d-flex gap-2 mt-1">
            @if ($settings->pan_vat_number)
            <span class="badge bg-light text-dark border">PAN/VAT: {{ $settings->pan_vat_number }}</span>
            @endif
            <span class="badge bg-light text-dark border">Role: {{ auth()->user()->role->name ?? 'staff' }}</span>
        </div>
    </div>
</div>

<div class="row row-cols-2 g-3 mb-3">
    <div class="col"><a href="{{ route('hub.menu-kitchen') }}" class="card p-3 text-center text-decoration-none text-dark"><div class="fs-2">🍽️</div>Menu &amp; Kitchen</a></div>
    @can('tables.manage')
    <div class="col"><a href="{{ route('tables.index') }}" class="card p-3 text-center text-decoration-none text-dark"><div class="fs-2">🪑</div>Tables</a></div>
    @endcan
    @can('inventory.manage')
    <div class="col"><a href="{{ route('hub.inventory') }}" class="card p-3 text-center text-decoration-none text-dark"><div class="fs-2">📦</div>Inventory</a></div>
    @endcan
    @canany(['reports.view', 'accounting.manage', 'promotions.manage'])
    <div class="col"><a href="{{ route('hub.accounts') }}" class="card p-3 text-center text-decoration-none text-dark"><div class="fs-2">💰</div>Finance</a></div>
    @endcan
</div>

<div class="list-group mb-3">
    <a href="{{ route('hub.employees') }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
        🧑‍💼 Employees &amp; Payroll <span>›</span>
    </a>
    @can('pos.access')
    <a href="{{ route('customers.index') }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
        👤 Customers <span>›</span>
    </a>
    @endcan
    @can('users.manage')
    <a href="{{ route('hub.admin-settings') }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
        ⚙️ Settings <span>›</span>
    </a>
    @endcan
</div>

<div class="text-muted small mb-2">Your Profile</div>
<div class="card p-3 mb-3 d-flex flex-row align-items-center gap-3">
    <div class="bg-light rounded d-flex align-items-center justify-content-center fw-bold" style="width:56px;height:56px;">
        {{ strtoupper(substr(auth()->user()->name, 0, 2)) }}
    </div>
    <div>
        <div class="fw-bold">{{ auth()->user()->name }}</div>
        <div class="text-muted small">{{ auth()->user()->email }}</div>
        @if (auth()->user()->phone)
        <div class="text-muted small">{{ auth()->user()->phone }}</div>
        @endif
    </div>
</div>

<form method="POST" action="{{ route('logout') }}">
    @csrf
    <button class="btn btn-outline-danger w-100">↪ Log out</button>
</form>
@endsection