@extends('layouts.app')

@section('title', __('messages.permission_management'))

@section('breadcrumb')
    <a href="{{ route('settings.index') }}" class="text-decoration-none text-secondary">{{ __('messages.settings') }}</a>
    / <span class="text-secondary">{{ __('messages.permissions') }}</span>
@endsection

@section('content')
@php
    $editingCurrentUser = $selectedUser?->is(auth()->user()) ?? false;
@endphp

<div class="page-header">
    <div>
        <h1 class="page-title"><i class="bi bi-shield-lock me-2 text-primary"></i>{{ __('messages.permission_management') }}</h1>
        <p class="text-muted mb-0">{{ __('messages.manage_user_access') }}</p>
    </div>
</div>

<div class="row g-4">
    <div class="col-xl-4">
        <div class="card h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h6 class="mb-0">{{ __('messages.accounts') }}</h6>
                    <span class="badge bg-secondary">{{ $users->count() }}</span>
                </div>

                <div class="list-group list-group-flush">
                    @foreach($users as $account)
                    <a
                        href="{{ route('settings.permissions', ['user' => $account->id]) }}"
                        class="list-group-item list-group-item-action rounded-3 mb-2 border {{ $selectedUser?->id === $account->id ? 'active' : '' }}"
                    >
                        <div class="d-flex justify-content-between align-items-start gap-3">
                            <div>
                                <div class="fw-semibold">{{ $account->name }}</div>
                                <div class="small {{ $selectedUser?->id === $account->id ? 'text-white-50' : 'text-muted' }}">{{ $account->email }}</div>
                            </div>
                            @if($account->id === auth()->id())
                            <span class="badge {{ $selectedUser?->id === $account->id ? 'bg-light text-dark' : 'bg-primary-subtle text-primary-emphasis' }}">{{ __('messages.current_account') }}</span>
                            @endif
                        </div>
                        <div class="mt-2 d-flex justify-content-between align-items-center gap-2 flex-wrap">
                            <span class="badge {{ $selectedUser?->id === $account->id ? 'bg-light text-dark' : 'bg-secondary-subtle text-secondary-emphasis' }}">
                                {{ $account->roles->first()?->name ?? __('messages.no_role') }}
                            </span>
                            <small class="{{ $selectedUser?->id === $account->id ? 'text-white-50' : 'text-muted' }}">
                                {{ __('messages.direct_permission_count', ['count' => $account->permissions->count()]) }}
                            </small>
                        </div>
                    </a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-8">
        @if($selectedUser)
        <form action="{{ route('settings.permissions.update', $selectedUser) }}" method="POST" class="card">
            @csrf
            @method('PUT')

            <div class="card-body border-bottom">
                <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap">
                    <div>
                        <h5 class="mb-1">{{ $selectedUser->name }}</h5>
                        <div class="text-muted">{{ $selectedUser->email }}</div>
                    </div>
                    <button type="submit" class="btn btn-primary" @disabled($editingCurrentUser)>
                        <i class="bi bi-save me-1"></i>{{ __('messages.save_permissions') }}
                    </button>
                </div>

                <p class="text-muted mt-3 mb-0">{{ __('messages.permission_summary') }}</p>

                @if($editingCurrentUser)
                <div class="alert alert-warning mt-3 mb-0">
                    <i class="bi bi-exclamation-triangle-fill me-2"></i>{{ __('messages.cannot_edit_own_permissions') }}
                </div>
                @endif
            </div>

            <div class="card-body">
                <div class="row g-4">
                    <div class="col-12">
                        <label class="form-label">{{ __('messages.assigned_role') }}</label>
                        <select class="form-select" name="role" @disabled($editingCurrentUser)>
                            @foreach($roles as $role)
                            <option value="{{ $role->name }}" @selected($selectedUser->roles->first()?->name === $role->name)>
                                {{ ucfirst($role->name) }}
                            </option>
                            @endforeach
                        </select>
                        <div class="form-text">{{ __('messages.role_permissions') }}: {{ $selectedUser->getRoleNames()->implode(', ') ?: __('messages.no_role') }}</div>
                    </div>
                </div>

                <div class="mt-4">
                    <div class="mb-2">
                        <h6 class="mb-1">{{ __('messages.permissions') }}</h6>
                        <p class="text-muted small mb-0">{{ __('messages.direct_permission_note') }}</p>
                    </div>

                    <div class="table-responsive border rounded-3">
                        <table class="table table-hover align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>{{ __('messages.permission_module') }}</th>
                                    @foreach($actionOrder as $action)
                                    <th class="text-center">{{ __('messages.' . $action) }}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($permissionMatrix as $resource => $actions)
                                <tr>
                                    <td class="fw-semibold">{{ __('messages.' . $resource) }}</td>
                                    @foreach($actionOrder as $action)
                                    <td class="text-center">
                                        @if(isset($actions[$action]))
                                        @php $permission = $actions[$action]; @endphp
                                        <div class="form-check d-inline-flex justify-content-center">
                                            <input
                                                class="form-check-input"
                                                type="checkbox"
                                                name="permissions[]"
                                                value="{{ $permission->name }}"
                                                id="permission_{{ $permission->id }}"
                                                @checked(in_array($permission->name, $selectedPermissionNames, true))
                                                @disabled($editingCurrentUser)
                                            >
                                        </div>
                                        @else
                                        <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    @endforeach
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </form>
        @else
        <div class="card">
            <div class="card-body text-center py-5 text-muted">
                {{ __('messages.select_account') }}
            </div>
        </div>
        @endif
    </div>
</div>
@endsection