@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Roles'))
@section('content')
    @include('admin.roles.partials.styles')

    <div class="container-fluid role-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">{{ __('Role Management') }}</h4>
                    <p class="text-muted mb-0">{{ __('Manage roles and control module-level access for users.') }}</p>
                </div>
                @can('Role-create')
                    <a class="btn btn-primary" href="{{ route('roles.create') }}"><i class="las la-plus"></i> {{ __('Add New') }}</a>
                @endcan
            </div>

            @if (session()->has('message'))
                <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
            @endif
            @if (session()->has('success'))
                <div class="col-12"><div class="alert alert-success">{{ session('success') }}</div></div>
            @endif
            @if (session()->has('error'))
                <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
            @endif

            <div class="col-12 mb-3">
                <div class="form-row">
                    <div class="col-6 col-md-4 mb-2">
                        <div class="role-stat"><div class="num text-primary">{{ (int) ($roleStats['total'] ?? 0) }}</div><div class="lbl">{{ __('Roles') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="role-stat"><div class="num text-success">{{ (int) ($roleStats['permissions'] ?? 0) }}</div><div class="lbl">{{ __('Permissions') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="role-stat"><div class="num text-info">{{ (int) ($roleStats['assigned_users'] ?? 0) }}</div><div class="lbl">{{ __('Users With Roles') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span>{{ __('Roles') }}</span>
                        <a href="{{ route('roles.index') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear Filters') }}</a>
                    </div>

                    <form action="{{ route('roles.index') }}" method="GET">
                        <div class="role-filters">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-4 mb-0">
                                    <label>{{ __('Search Role') }}</label>
                                    <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="{{ __('Role name') }}">
                                </div>
                                <div class="form-group col-md-2 mb-0">
                                    <button type="submit" class="btn btn-primary btn-block"><i class="fas fa-filter"></i> {{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table role-table mb-0">
                                <thead>
                                <tr>
                                    <th style="width: 60px;">#</th>
                                    <th>{{ __('Role') }}</th>
                                    <th class="text-center">{{ __('Permissions') }}</th>
                                    <th class="text-center">{{ __('Users') }}</th>
                                    <th class="text-right">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($roles as $role)
                                    <tr>
                                        <td>{{ $roles->firstItem() + $loop->index }}</td>
                                        <td>
                                            <div class="role-name">{{ $role->name }}</div>
                                            <div class="role-meta">ID: {{ $role->id }}</div>
                                        </td>
                                        <td class="text-center"><span class="badge badge-light border">{{ (int) ($role->permissions_count ?? 0) }}</span></td>
                                        <td class="text-center"><span class="badge badge-light border">{{ (int) ($role->users_count ?? 0) }}</span></td>
                                        <td class="text-right">
                                            <div class="role-action-btns">
                                                @can('Role-list')
                                                    <a class="btn btn-sm btn-outline-info" href="{{ route('roles.show', $role->id) }}">{{ __('Show') }}</a>
                                                @endcan
                                                @can('Role-edit')
                                                    <a class="btn btn-sm btn-primary" href="{{ route('roles.edit', $role->id) }}">{{ __('Edit') }}</a>
                                                @endcan
                                                @can('Role-delete')
                                                    <form method="POST" action="{{ route('roles.destroy', $role->id) }}" class="d-inline" onsubmit="return confirm('{{ __('Delete this role?') }}');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-sm btn-danger">{{ __('Delete') }}</button>
                                                    </form>
                                                @endcan
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center py-5 text-muted">{{ __('No roles found.') }}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    @if($roles->hasPages())
                        <div class="card-footer bg-white border-top">
                            {{ $roles->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection