@extends('layouts.config')

@section('content')
    <h1>Pracownicy działu: {{ $department->name }}</h1>

    @if ($errors->any())
        <div class="alert alert-danger mt-3">
            {{ $errors->first() }}
        </div>
    @endif

    @if (session('success'))
        <div class="alert alert-success mt-3">
            {{ session('success') }}
        </div>
    @endif

    <div class="mb-4">
        <h5>Przypisz użytkownika do tego działu</h5>

        <form action="{{ route('config.departments.users.store', $department) }}" method="POST" class="row g-2">
            @csrf

            <div class="col-md-6">
                <select name="user_id" class="form-select" required>
                    <option value="">-- wybierz użytkownika --</option>
                    @foreach ($allUsers as $user)
                        <option value="{{ $user->id }}">
                            {{ $user->name }} ({{ $user->email }})
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-3">
                <button class="btn btn-primary">Przypisz</button>
            </div>
        </form>
    </div>

    <h5>Użytkownicy przypisani do działu</h5>

    <table class="table mt-2">
        <thead>
        <tr>
            <th>Użytkownik</th>
            <th>Email</th>
            <th>Akcje</th>
        </tr>
        </thead>
        <tbody>
        @forelse ($assignedUsers as $user)
            <tr>
                <td>{{ $user->name }}</td>
                <td>{{ $user->email }}</td>
                <td>
                    <form action="{{ route('config.departments.users.destroy', [$department, $user]) }}"
                          method="POST"
                          onsubmit="return confirm('Na pewno odpiąć użytkownika od działu?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-danger">Odepnij</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="3" class="text-muted">Brak użytkowników w tym dziale.</td>
            </tr>
        @endforelse
        </tbody>
    </table>

    <a href="{{ route('config.departments.index') }}" class="btn btn-outline-secondary mt-3">
        Powrót do listy działów
    </a>
@endsection