@extends('layouts.app')

@section('page-title', __('app.nav.dashboard'))

@section('content')
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px">
        <div class="card" style="padding:18px">
            <div style="font-size:2rem;font-weight:700;color:var(--navy)">{{ $openCount }}</div>
            <div style="color:var(--grey);font-size:0.9rem">{{ __('app.dashboard.open_tickets') }}</div>
        </div>
        <a href="{{ route('tickets.index', ['status' => 'mine']) }}" class="card" style="padding:18px;text-decoration:none;color:inherit;display:block">
            <div style="font-size:2rem;font-weight:700;color:var(--navy)">{{ $assignedToMeCount }}</div>
            <div style="color:var(--grey);font-size:0.9rem">{{ __('app.dashboard.assigned_to_me') }}</div>
        </a>
        <div class="card" style="padding:18px">
            <div style="font-size:2rem;font-weight:700;color:var(--navy)">{{ $unassignedCount }}</div>
            <div style="color:var(--grey);font-size:0.9rem">{{ __('app.dashboard.unassigned') }}</div>
        </div>
        <div class="card" style="padding:18px">
            <div style="font-size:2rem;font-weight:700;color:var(--error)">{{ $urgentHighCount }}</div>
            <div style="color:var(--grey);font-size:0.9rem">{{ __('app.dashboard.urgent_high') }}</div>
        </div>
        <div class="card" style="padding:18px">
            <div style="font-size:2rem;font-weight:700;color:var(--navy)">{{ $createdTodayCount }}</div>
            <div style="color:var(--grey);font-size:0.9rem">{{ __('app.dashboard.created_today') }}</div>
        </div>
    </div>

    <div style="display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start">
        <div>
            <div style="margin-bottom:24px">
                <h3 style="display:flex;justify-content:space-between;align-items:center">
                    {{ __('app.dashboard.newest_tickets') }}
                    <a href="{{ route('tickets.index', ['status' => 'all']) }}" style="font-size:0.85rem;font-weight:500">{{ __('app.dashboard.view_all') }} &rarr;</a>
                </h3>
                @include('partials.ticket-mini-table', ['tickets' => $newestTickets])
            </div>

            <div>
                <h3>{{ __('app.dashboard.oldest_open_tickets') }}</h3>
                @include('partials.ticket-mini-table', ['tickets' => $oldestOpenTickets])
            </div>
        </div>

        <div>
            <div class="card" style="padding:18px;margin-bottom:20px">
                <h3>{{ __('app.dashboard.priority_breakdown') }}</h3>
                @foreach ($priorityCounts as $priority => $count)
                    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px">
                        <span class="badge badge-priority-{{ $priority }}">{{ __('app.ticket.priority.'.$priority) }}</span>
                        <strong>{{ $count }}</strong>
                    </div>
                @endforeach
            </div>

            <div class="card" style="padding:18px">
                <h3>{{ __('app.dashboard.system_status') }}</h3>
                <p style="font-size:0.9rem">
                    {{ __('app.dashboard.last_inbound_mail') }}:<br>
                    <strong>{{ $lastInboundAt ? \Illuminate\Support\Carbon::parse($lastInboundAt)->diffForHumans() : __('app.dashboard.never') }}</strong>
                </p>
                <p style="font-size:0.9rem">
                    {{ __('app.dashboard.last_mailbox_sync') }}:<br>
                    <strong>{{ $lastMailboxSyncAt ? \Illuminate\Support\Carbon::parse($lastMailboxSyncAt)->diffForHumans() : __('app.dashboard.never') }}</strong>
                </p>
            </div>
        </div>
    </div>
@endsection