@extends('layouts.admin')

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

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

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