@extends('layouts.admin')

@section('title', 'Engineer')

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

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

    <div class="mt-6 bg-white border rounded">
        <div class="px-4 py-3 border-b font-semibold">Assigned Projects</div>
        <div class="p-4 text-sm">
            <ul class="list-disc pl-5">
                @forelse ($engineer->engineerProjects as $p)
                    <li>{{ $p->code }} — {{ $p->name }}</li>
                @empty
                    <li class="text-gray-500">No projects assigned.</li>
                @endforelse
            </ul>
        </div>
    </div>
@endsection