@extends('layouts.master')
@section('title') Dashboard @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') PAL Centre @endslot
@slot('title') Dashboard @endslot
@endcomponent

@php
    $roleBlurb = [
        'admin'          => 'You oversee the whole system — manage users, roles and master data, and monitor every requisition.',
        'station'        => 'Create requisitions for your station and resubmit any that are returned for correction.',
        'area'           => 'Review and approve (or return) requisitions raised by stations in your area.',
        'pal'            => 'Validate requests, gather quotes, push to Procurement, send POs, confirm deliveries, verify invoices, and close completed files.',
        'procurement'    => 'Review PAL submissions, issue Purchase Orders, and forward verified invoices to Finance.',
        'supplier'       => 'Acknowledge POs, deliver, resolve any issues, invoice, and confirm payment received.',
        'budget_finance' => 'Process and confirm supplier payments forwarded by Procurement.',
    ];
@endphp
<div class="row mb-2">
    <div class="col">
        <h5 class="mb-1">Welcome, {{ $user->name }}</h5>
        <p class="text-muted mb-1">Role: <span class="badge bg-primary-subtle text-primary">{{ $user->role_label }}</span></p>
        <p class="text-muted">{{ $roleBlurb[$user->role] ?? '' }}</p>
    </div>
    @if($user->isAdmin())
    <div class="col-auto">
        <a href="{{ route('admin.users.index') }}" class="btn btn-soft-primary"><i class="ri-group-line align-bottom me-1"></i> Manage Users</a>
        <a href="{{ route('admin.roles') }}" class="btn btn-soft-primary"><i class="ri-shield-user-line align-bottom me-1"></i> Roles</a>
    </div>
    @endif
</div>

{{-- KPI cards --}}
<div class="row">
    @php
        $cards = [
            ['label' => $queueTitle, 'value' => $counts['awaiting'], 'icon' => 'ri-time-line', 'bg' => 'warning'],
            ['label' => 'Overdue',              'value' => $counts['overdue'], 'icon' => 'ri-alarm-warning-line', 'bg' => 'danger'],
            ['label' => 'In Progress',          'value' => $counts['in_progress'], 'icon' => 'ri-loader-2-line', 'bg' => 'info'],
            ['label' => 'Completed',            'value' => $counts['completed'], 'icon' => 'ri-checkbox-circle-line', 'bg' => 'success'],
            ['label' => 'Total',                'value' => $counts['total'], 'icon' => 'ri-stack-line', 'bg' => 'secondary'],
        ];
    @endphp
    @foreach($cards as $c)
    <div class="col-xl-3 col-md-6">
        <div class="card card-animate">
            <div class="card-body">
                <div class="d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="text-uppercase fw-medium text-muted mb-0">{{ $c['label'] }}</p>
                    </div>
                </div>
                <div class="d-flex align-items-end justify-content-between mt-4">
                    <div>
                        <h4 class="fs-22 fw-semibold mb-0">{{ $c['value'] }}</h4>
                    </div>
                    <div class="avatar-sm flex-shrink-0">
                        <span class="avatar-title bg-{{ $c['bg'] }}-subtle rounded fs-3">
                            <i class="{{ $c['icon'] }} text-{{ $c['bg'] }}"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>

<div class="row">
    {{-- Work queue --}}
    <div class="col-xl-8">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">{{ $queueTitle }}</h5>
                <a href="{{ route('requisitions.index') }}" class="btn btn-sm btn-soft-primary">View all requisitions</a>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Reference</th>
                                <th>Title</th>
                                <th>Station</th>
                                <th>Status</th>
                                <th>Updated</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($queue as $req)
                            <tr>
                                <td><a href="{{ route('requisitions.show', $req) }}" class="fw-medium">{{ $req->reference_no }}</a></td>
                                <td>{{ \Illuminate\Support\Str::limit($req->title, 30) }}</td>
                                <td>{{ $req->station?->name }}</td>
                                <td><span class="badge bg-{{ $req->status_color }}-subtle text-{{ $req->status_color }}">{{ $req->status_label }}</span></td>
                                <td>{{ $req->updated_at->diffForHumans() }}</td>
                                <td class="text-end"><a href="{{ route('requisitions.show', $req) }}" class="btn btn-sm btn-soft-primary">Open</a></td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-4">
                                    <i class="ri-checkbox-circle-line fs-3 d-block mb-2 text-success"></i>
                                    Nothing is waiting on you right now.
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Status breakdown --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">By Status</h5></div>
            <div class="card-body">
                @forelse($byStatus as $status => $total)
                <a href="{{ route('requisitions.index', ['status' => $status]) }}" class="d-flex align-items-center justify-content-between py-2 text-body text-decoration-none border-bottom">
                    <span>{{ ucwords(str_replace('_',' ',$status)) }}</span>
                    <span class="badge bg-light text-body">{{ $total }}</span>
                </a>
                @empty
                <p class="text-muted mb-0">No requisitions yet.</p>
                @endforelse
            </div>
        </div>

        @if($user->role === \App\Models\User::ROLE_STATION)
        <div class="card">
            <div class="card-body text-center">
                <p class="text-muted">Need something procured?</p>
                <a href="{{ route('requisitions.create') }}" class="btn btn-primary"><i class="ri-add-line align-bottom me-1"></i> New Requisition</a>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection