@extends('layouts.admin')

@section('title', 'Maintenance Supervisor')

@section('content')
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-xl font-semibold">{{ $maintenanceSupervisor->name }}</h1>
        <div class="space-x-2">
            <a href="{{ route('admin.maintenance-supervisors.edit', $maintenanceSupervisor) }}" class="px-3 py-2 rounded border text-sm">Edit</a>
            <form class="inline" method="POST" action="{{ route('admin.maintenance-supervisors.destroy', $maintenanceSupervisor) }}" onsubmit="return confirm('Delete this maintenance supervisor?')">
                @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">Employee ID:</span> {{ $maintenanceSupervisor->employee_id ?? '-' }}</div>
        <div><span class="text-gray-500">Email:</span> {{ $maintenanceSupervisor->email }}</div>
        <div><span class="text-gray-500">Phone:</span> {{ $maintenanceSupervisor->phone ?? '-' }}</div>
        <div><span class="text-gray-500">Designation:</span> {{ $maintenanceSupervisor->designation ?? '-' }}</div>
        <div><span class="text-gray-500">Status:</span> {{ $maintenanceSupervisor->status?->value ?? '-' }}</div>
    </div>

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