@extends('layouts.admin')

@section('title', 'Management User')

@section('content')
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-xl font-semibold">{{ $managementUser->name }}</h1>
        <div class="space-x-2">
            <a href="{{ route('admin.management-users.edit', $managementUser) }}" class="px-3 py-2 rounded border text-sm">Edit</a>
            <form class="inline" method="POST" action="{{ route('admin.management-users.destroy', $managementUser) }}" onsubmit="return confirm('Delete this user?')">
                @csrf
                @method('DELETE')
                <button class="px-3 py-2 rounded bg-red-600 text-white text-sm">Delete</button>
            </form>
        </div>
    </div>

    <div class="bg-white border rounded p-4 space-y-2 text-sm">
        <div><span class="text-gray-500">Email:</span> {{ $managementUser->email }}</div>
        <div><span class="text-gray-500">Phone:</span> {{ $managementUser->phone ?? '-' }}</div>
        <div><span class="text-gray-500">Designation:</span> {{ $managementUser->designation ?? '-' }}</div>
        <div><span class="text-gray-500">Status:</span> {{ $managementUser->status?->value ?? '-' }}</div>
        <div><span class="text-gray-500">Last login:</span> {{ optional($managementUser->last_login_at)->format('d M Y, H:i') ?? '-' }}</div>
    </div>

    <div class="mt-4">
        <form method="POST" action="{{ route('admin.management-users.toggle-status', $managementUser) }}">
            @csrf
            @method('PUT')
            <button class="px-3 py-2 rounded border text-sm">Block / Unblock</button>
        </form>
    </div>
@endsection