@extends('layouts.dashboard')

@section('title', $user->name)
@section('header', $user->name)

@section('sidebar')
@include('super-admin.partials.sidebar')
@endsection

@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">User Information</h3>
        <dl class="space-y-2">
            <div>
                <dt class="text-sm text-gray-500">Name</dt>
                <dd class="text-sm font-medium">{{ $user->name }}</dd>
            </div>
            <div>
                <dt class="text-sm text-gray-500">Email</dt>
                <dd class="text-sm font-medium">{{ $user->email }}</dd>
            </div>
            <div>
                <dt class="text-sm text-gray-500">Phone</dt>
                <dd class="text-sm font-medium">{{ $user->phone ?? 'N/A' }}</dd>
            </div>
            <div>
                <dt class="text-sm text-gray-500">Company</dt>
                <dd class="text-sm font-medium">{{ $user->company->name ?? 'N/A' }}</dd>
            </div>
            <div>
                <dt class="text-sm text-gray-500">Language</dt>
                <dd class="text-sm font-medium">{{ strtoupper($user->language) }}</dd>
            </div>
            <div>
                <dt class="text-sm text-gray-500">Status</dt>
                <dd>
                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full 
                        {{ $user->email_verified_at ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                        {{ $user->email_verified_at ? 'Active' : 'Inactive' }}
                    </span>
                </dd>
            </div>
        </dl>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Roles</h3>
        <div class="space-y-2">
            @forelse($user->roles as $role)
            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
                {{ ucfirst($role->name) }}
            </span>
            @empty
            <p class="text-sm text-gray-500">No roles assigned</p>
            @endforelse
        </div>
    </div>
</div>

<!-- Actions -->
<div class="bg-white rounded-lg shadow p-6 mb-6">
    <h3 class="text-lg font-semibold mb-4">Actions</h3>
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('super-admin.users.edit', $user) }}" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700">
            Edit User
        </a>
        @if($user->email_verified_at)
        <form action="{{ route('super-admin.users.deactivate', $user) }}" method="POST" class="inline">
            @csrf
            <button type="submit" class="bg-yellow-600 text-white px-4 py-2 rounded-md hover:bg-yellow-700">
                Deactivate
            </button>
        </form>
        @else
        <form action="{{ route('super-admin.users.activate', $user) }}" method="POST" class="inline">
            @csrf
            <button type="submit" class="bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700">
                Activate
            </button>
        </form>
        @endif
        @if(!$user->hasRole('super_admin'))
        <form action="{{ route('super-admin.users.destroy', $user) }}" method="POST" class="inline" onsubmit="return confirm('Are you sure you want to delete this user?');">
            @csrf
            @method('DELETE')
            <button type="submit" class="bg-red-600 text-white px-4 py-2 rounded-md hover:bg-red-700">
                Delete
            </button>
        </form>
        @endif
    </div>
</div>

<div class="mt-6">
    <a href="{{ route('super-admin.users.index') }}" class="bg-gray-300 text-gray-700 px-4 py-2 rounded-md hover:bg-gray-400">
        Back to Users
    </a>
</div>
@endsection