@extends('layouts.app')

@section('content')
<div class="container py-4">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3 class="mb-0">Sub-Admin Details</h3>
        <a href="{{ route('sub-admins.index') }}" class="btn btn-outline-secondary btn-sm">Back to list</a>
    </div>

    <div class="card">
        <div class="card-body">

            @if ($sub_admin->image)
                <img src="{{ Storage::url($sub_admin->image) }}" alt="" width="80" class="rounded mb-3">
            @endif

            <table class="table table-borderless w-auto">
                <tr>
                    <th class="pe-4">Name</th>
                    <td>{{ $sub_admin->name }}</td>
                </tr>
                <tr>
                    <th class="pe-4">Email</th>
                    <td>{{ $sub_admin->email }}</td>
                </tr>
                <tr>
                    <th class="pe-4">Mobile</th>
                    <td>{{ $sub_admin->dial_code }} {{ $sub_admin->mobile_number }}</td>
                </tr>
                <tr>
                    <th class="pe-4">Status</th>
                    <td>
                        @if ($sub_admin->status)
                            <span class="badge bg-success">Active</span>
                        @else
                            <span class="badge bg-secondary">Inactive</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th class="pe-4">Roles</th>
                    <td>
                        @forelse ($sub_admin->roles as $role)
                            <span class="badge bg-info text-dark">{{ $role->name }}</span>
                        @empty
                            <span class="text-muted">None</span>
                        @endforelse
                    </td>
                </tr>
                <tr>
                    <th class="pe-4">Direct Permissions</th>
                    <td>
                        @forelse ($sub_admin->permissions as $permission)
                            <span class="badge bg-light text-dark border">{{ $permission->name }}</span>
                        @empty
                            <span class="text-muted">None</span>
                        @endforelse
                    </td>
                </tr>
                <tr>
                    <th class="pe-4">Created At</th>
                    <td>{{ $sub_admin->created_at?->format('d M Y, h:i A') }}</td>
                </tr>
            </table>

            <a href="{{ route('sub-admins.edit', $sub_admin) }}" class="btn btn-primary btn-sm">Edit</a>
        </div>
    </div>

</div>
@endsection