@extends('layouts.app')
@section('title', 'Modules')

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

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <h1 class="page-title"><i class="bi bi-grid me-2"></i>Module Master</h1>
    @hasrole('Super Admin|Admin')
    <a href="{{ route('modules.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>Add Module</a>
    @endhasrole
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 datatable">
            <thead class="table-light">
                <tr><th>Module Name</th><th>Code</th><th>Description</th><th>Status</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($modules as $module)
                <tr>
                    <td class="fw-medium">{{ $module->module_name }}</td>
                    <td><code>{{ $module->module_code }}</code></td>
                    <td class="small text-muted">{{ $module->description }}</td>
                    <td><span class="badge {{ $module->status === 'active' ? 'badge-active' : 'badge-suspended' }}">{{ ucfirst($module->status) }}</span></td>
                    <td>
                        @hasrole('Super Admin|Admin')
                        <div class="d-flex gap-1">
                            <a href="{{ route('modules.edit', $module) }}" class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil"></i></a>
                            <form method="POST" action="{{ route('modules.destroy', $module) }}">
                                @csrf @method('DELETE')
                                <button type="button" class="btn btn-sm btn-outline-danger" data-confirm="Delete module {{ $module->module_name }}?">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </div>
                        @endhasrole
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center py-4 text-muted">No modules found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $modules->links('pagination::bootstrap-5') }}</div>
</div>
@endsection