@extends('layouts.master')
@section('title') Roles @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Administration @endslot
@slot('title') Roles @endslot
@endcomponent

@php
    $descriptions = [
        'admin'          => 'Configures the system, manages users and master data, and oversees every stage.',
        'station'        => 'Creates and submits requisitions; corrects and resubmits when returned.',
        'area'           => 'Reviews and approves (or returns) station requisitions.',
        'pal'            => 'Validates requests, obtains quotes, submits to Procurement, sends POs, verifies invoices, confirms delivery, rates suppliers, and closes files.',
        'procurement'    => 'Reviews PAL submissions, issues Purchase Orders, and forwards verified invoices to Finance.',
        'supplier'       => 'Acknowledges POs, delivers goods/services, resolves delivery issues, invoices, and confirms payment receipt.',
        'budget_finance' => 'Processes and confirms supplier payments.',
    ];
    $icons = [
        'admin' => 'ri-shield-user-line', 'station' => 'ri-building-line', 'area' => 'ri-map-pin-line',
        'pal' => 'ri-team-line', 'procurement' => 'ri-bank-line', 'supplier' => 'ri-truck-line', 'budget_finance' => 'ri-money-dollar-circle-line',
    ];
@endphp

<div class="row">
    @foreach(\App\Models\User::ROLES as $role)
    @php $users = $usersByRole[$role] ?? collect(); @endphp
    <div class="col-xl-6">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <div class="avatar-xs me-2">
                    <span class="avatar-title bg-primary-subtle text-primary rounded"><i class="{{ $icons[$role] ?? 'ri-user-line' }}"></i></span>
                </div>
                <h5 class="card-title mb-0 flex-grow-1">{{ \App\Models\User::ROLE_LABELS[$role] }}</h5>
                <span class="badge bg-light text-body">{{ $users->count() }} user{{ $users->count() === 1 ? '' : 's' }}</span>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ $descriptions[$role] ?? '' }}</p>
                @if($users->isNotEmpty())
                <ul class="list-group list-group-flush">
                    @foreach($users as $u)
                    <li class="list-group-item d-flex align-items-center px-0">
                        <div class="flex-grow-1">
                            <span class="fw-medium">{{ $u->name }}</span>
                            <small class="text-muted d-block">{{ $u->email }}{{ ($u->station?->name ?? $u->area?->name ?? $u->supplier?->name) ? ' · '.($u->station?->name ?? $u->area?->name ?? $u->supplier?->name) : '' }}</small>
                        </div>
                        @unless($u->is_active)<span class="badge bg-danger-subtle text-danger me-2">Inactive</span>@endunless
                        <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-sm btn-soft-primary">Edit</a>
                    </li>
                    @endforeach
                </ul>
                @else
                <p class="text-muted fst-italic mb-0">No users assigned.
                    <a href="{{ route('admin.users.create') }}">Add one</a>.
                </p>
                @endif
            </div>
        </div>
    </div>
    @endforeach
</div>
@endsection