@extends('layouts.app')

@section('title', 'Manajemen Role')

@section('breadcrumb')
<li class="breadcrumb-item active">Manajemen Role</li>
@endsection

@section('content')
<div class="page-header d-flex align-items-center justify-content-between">
    <div>
        <h4><i class="bi bi-shield-lock me-2 text-primary"></i>Manajemen Role</h4>
        <p class="text-muted mb-0 small">Kelola role dan hak akses CRUD per modul</p>
    </div>
    <a href="{{ route('roles.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> Tambah Role
    </a>
</div>

@php $allModules = \App\Models\Role::allModules(); $allActions = ['index','create','show','edit','destroy']; @endphp

@foreach($roles as $role)
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white d-flex align-items-center justify-content-between py-3">
        <div class="d-flex align-items-center gap-3">
            <div class="stat-icon bg-primary bg-opacity-10">
                <i class="bi bi-shield-check text-primary"></i>
            </div>
            <div>
                <span class="fw-bold fs-6">{{ $role->label }}</span>
                <code class="text-secondary ms-2" style="font-size:.75rem;">{{ $role->name }}</code>
                @if($role->is_system)
                    <span class="badge bg-secondary ms-1" style="font-size:.65rem;">Sistem</span>
                @endif
                <div class="text-muted small">{{ $role->description }} &bull; {{ $role->user_count }} user &bull; {{ count($role->permissions ?? []) }} permission</div>
            </div>
        </div>
        <div class="d-flex gap-1">
            <a href="{{ route('roles.edit', $role) }}" class="btn btn-sm btn-outline-primary">
                <i class="bi bi-pencil me-1"></i> Edit Akses
            </a>
            @if(!$role->is_system)
            <form method="POST" action="{{ route('roles.destroy', $role) }}"
                  onsubmit="return confirm('Hapus role {{ addslashes($role->label) }}?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-sm btn-outline-danger">
                    <i class="bi bi-trash"></i>
                </button>
            </form>
            @endif
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered mb-0" style="font-size:.8rem;">
                <thead class="table-light">
                    <tr>
                        <th style="width:200px;">Modul</th>
                        <th class="text-center">Lihat</th>
                        <th class="text-center">Tambah</th>
                        <th class="text-center">Detail</th>
                        <th class="text-center">Edit</th>
                        <th class="text-center">Hapus</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($allModules as $key => $module)
                    @if(empty($module['actions'])) @continue @endif
                    <tr>
                        <td class="fw-semibold">{{ $module['label'] }}</td>
                        @foreach($allActions as $action)
                        <td class="text-center">
                            @if(in_array($action, $module['actions']))
                                @if(in_array("$key.$action", $role->permissions ?? []))
                                    <i class="bi bi-check-circle-fill text-success"></i>
                                @else
                                    <i class="bi bi-x-circle text-muted opacity-25"></i>
                                @endif
                            @else
                                <span class="text-muted opacity-25">—</span>
                            @endif
                        </td>
                        @endforeach
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endforeach
@endsection