@extends('admin.layouts.app')

@section('title', __('dashboard.admin_details'))

@section('content')
<x-admin.page-header :title="__('dashboard.admin_details')" :breadcrumbs="[__('models.admins') => route('admin.admins.index'), __('dashboard.details') => '']" />

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">{{ __('dashboard.admin_information') }}</h5>
                <div class="flex-shrink-0 d-flex gap-2">
                    <a href="{{ route('admin.admins.edit', $admin) }}" class="btn btn-primary btn-sm">
                        <i class="ri-pencil-line align-middle me-1"></i> {{ __('models.edit') }}
                    </a>
                    @if($admin->id !== auth()->guard('admin')->id())
                    <form action="{{ route('admin.admins.destroy', $admin) }}" method="POST" class="d-inline delete-form">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">
                            <i class="ri-delete-bin-line align-middle me-1"></i> {{ __('models.delete') }}
                        </button>
                    </form>
                    @endif
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr>
                                <th scope="row" style="width: 200px;">{{ __('dashboard.id') }}</th>
                                <td>{{ $admin->id }}</td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('dashboard.name') }}</th>
                                <td>
                                    {{ $admin->name }}
                                    @if($admin->id === auth()->guard('admin')->id())
                                        <span class="badge bg-primary-subtle text-primary ms-1">{{ __('dashboard.you') }}</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('dashboard.email') }}</th>
                                <td>{{ $admin->email }}</td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('dashboard.phone') }}</th>
                                <td>{{ $admin->phone ?? '--' }}</td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('dashboard.status') }}</th>
                                <td>
                                    @if($admin->is_active)
                                        <span class="badge bg-success-subtle text-success">{{ __('models.active') }}</span>
                                    @else
                                        <span class="badge bg-danger-subtle text-danger">{{ __('models.inactive') }}</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('models.roles') }}</th>
                                <td>
                                    @forelse($admin->roles as $role)
                                        <span class="badge bg-info-subtle text-info me-1">{{ $role->name }}</span>
                                    @empty
                                        <span class="text-muted">{{ __('dashboard.no_roles_assigned') }}</span>
                                    @endforelse
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('models.created_at') }}</th>
                                <td>{{ $admin->created_at->format('d M, Y H:i') }}</td>
                            </tr>
                            <tr>
                                <th scope="row">{{ __('dashboard.updated_at') }}</th>
                                <td>{{ $admin->updated_at->format('d M, Y H:i') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('models.image') }}</h5>
            </div>
            <div class="card-body text-center">
                @if($admin->image)
                    <img src="{{ $admin->image_url }}" alt="{{ $admin->name }}" class="img-fluid rounded" style="max-height: 200px;">
                @else
                    <div class="avatar-xl mx-auto">
                        <div class="avatar-title rounded-circle bg-light text-primary fs-24">
                            {{ strtoupper(substr($admin->name, 0, 2)) }}
                        </div>
                    </div>
                    <p class="text-muted mt-2">{{ __('dashboard.no_image') }}</p>
                @endif
            </div>
        </div>

        @if($admin->roles->isNotEmpty())
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.permissions') }}</h5>
            </div>
            <div class="card-body">
                @php
                    $permissions = $admin->getAllPermissions()->groupBy(fn($p) => explode('.', $p->name)[0]);
                @endphp
                @forelse($permissions as $group => $perms)
                    <div class="mb-3">
                        <h6 class="text-uppercase text-muted fs-11 mb-2">{{ ucfirst(str_replace('_', ' ', $group)) }}</h6>
                        @foreach($perms as $permission)
                            <span class="badge bg-light text-dark me-1 mb-1">
                                {{ ucfirst(explode('.', $permission->name)[1] ?? $permission->name) }}
                            </span>
                        @endforeach
                    </div>
                @empty
                    <p class="text-muted mb-0">{{ __('dashboard.no_permissions') }}</p>
                @endforelse
            </div>
        </div>
        @endif
    </div>
</div>
@endsection