@extends('backEnd.layouts.master')
@section('title','Roles & Permissions')

@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-0"><i class="fas fa-shield-alt me-2 text-warning"></i>Roles & Permissions</h4>
            <small class="text-muted">Default ecommerce roles — assign to staff when creating users</small>
        </div>
        @can('staff.manage')
        <a href="{{ route('admin.admins.index') }}" class="btn btn-success btn-sm"><i class="fas fa-user-shield me-1"></i> Manage Staff</a>
        @endcan
    </div>

    <div class="row g-3">
        @foreach($roles as $item)
        @php
            $role = $item['model'];
            $guide = $roleGuide[$role->name] ?? null;
        @endphp
        <div class="col-md-6 col-xl-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-2">
                        <div>
                            <span class="badge {{ $item['badge'] }} mb-2">{{ $item['label'] }}</span>
                            <div class="small">{{ $item['description'] }}</div>
                            @if(!empty($guide['description_bn']))
                            <div class="small text-muted">{{ $guide['description_bn'] }}</div>
                            @endif
                        </div>
                        @if($role->name === 'admin')
                        <span class="badge bg-success">System</span>
                        @endif
                    </div>

                    <div class="d-flex gap-3 small text-muted mb-2">
                        <span><i class="fas fa-key me-1"></i>{{ $role->permissions_count }} permissions</span>
                        <span><i class="fas fa-users me-1"></i>{{ $role->users_count }} users</span>
                    </div>

                    @if(!empty($guide['can']))
                    <div class="small mb-2">
                        <span class="text-success fw-semibold">Can:</span>
                        <ul class="mb-0 ps-3 text-muted">
                            @foreach(array_slice($guide['can'], 0, 4) as $canItem)
                            <li>{{ $canItem }}</li>
                            @endforeach
                            @if(count($guide['can']) > 4)
                            <li class="text-muted">+ {{ count($guide['can']) - 4 }} more…</li>
                            @endif
                        </ul>
                    </div>
                    @endif

                    @if($role->name !== 'admin')
                    <a href="{{ route('admin.roles.edit', $role->name) }}" class="btn btn-outline-primary btn-sm">
                        <i class="fas fa-edit me-1"></i> Edit Permissions
                    </a>
                    @else
                    <span class="small text-muted">Admin has full store access automatically.</span>
                    @endif
                </div>
            </div>
        </div>
        @endforeach
    </div>

    <div class="card shadow-sm border-0 mt-3">
        <div class="card-header bg-transparent fw-semibold">Role guide (English + বাংলা)</div>
        <div class="card-body small mb-0">
            <p class="text-muted">Staff Management → Add Staff → role বেছে নিন। Module (CRM, Support, SMS) subscription package এ ON থাকলে তবেই সেই menu দেখাবে — permission আলাদা।</p>

            <div class="accordion" id="roleGuideAccordion">
                @foreach($roleGuide as $slug => $guide)
                @if(!empty($guide['hidden'])) @continue @endif
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed py-2" type="button" data-bs-toggle="collapse" data-bs-target="#role-guide-{{ $slug }}">
                            <strong>{{ $guide['label'] }}</strong>
                            <span class="text-muted ms-2">— {{ $guide['description'] }}</span>
                        </button>
                    </h2>
                    <div id="role-guide-{{ $slug }}" class="accordion-collapse collapse" data-bs-parent="#roleGuideAccordion">
                        <div class="accordion-body">
                            @if(!empty($guide['description_bn']))
                            <p class="mb-2"><em>{{ $guide['description_bn'] }}</em></p>
                            @endif
                            <div class="row">
                                @if(!empty($guide['can']))
                                <div class="col-md-6">
                                    <span class="text-success fw-semibold">✓ Can do</span>
                                    <ul>
                                        @foreach($guide['can'] as $item)
                                        <li>{{ $item }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                                @if(!empty($guide['cannot']))
                                <div class="col-md-6">
                                    <span class="text-danger fw-semibold">✗ Cannot do</span>
                                    <ul>
                                        @foreach($guide['cannot'] as $item)
                                        <li>{{ $item }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

            <hr class="my-3">
            <p class="fw-semibold mb-1">Important notes</p>
            <ul class="text-muted mb-0">
                <li><strong>Admin</strong> role locked — সব permission auto (Gate bypass)।</li>
                <li><strong>Moderator (Hub)</strong> — Moderator Hub + chat reply; CRM sidebar এর জন্য আলাদা <code>crm.manage</code> দিন।</li>
                <li><strong>SMS only staff</strong> — custom role বানিয়ে শুধু <code>sms.manage</code> দিন (পুরনো moderator role এ SMS নেই)।</li>
                <li>Sidebar menu = <strong>Module</strong> (package) + <strong>Permission</strong> (role) — দুটোই match করতে হবে।</li>
            </ul>
        </div>
    </div>
</div>
@endsection