@extends('zarzadzanie.stanowiska.layout')

@section('stanowiska-content')
    <h3>Lista stanowisk</h3>

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

    <ul class="list-group">
        @foreach ($stanowiska as $s)
            <li class="list-group-item d-flex justify-content-between align-items-center position-relative {{ $s->usunieto ? 'soft-deleted' : '' }}">
                <span>{{ $s->nazwa }}</span>
                <div>
                    @if ($s->usunieto)
                        <form action="{{ route('stanowiska.restore', $s->id) }}" method="POST" style="display:inline">
                            @csrf
                            <button class="btn btn-sm btn-secondary">Przywróć</button>
                        </form>
                    @else
                        <a href="{{ route('stanowiska.edit', $s->id) }}" class="btn btn-sm btn-warning">Edytuj</a>
                        <form action="{{ route('stanowiska.softDelete', $s->id) }}" method="POST" style="display:inline">
                            @csrf
                            <button class="btn btn-sm btn-danger" onclick="return confirm('Na pewno usunąć?')">Usuń</button>
                        </form>
                    @endif
                </div>
            </li>
        @endforeach
    </ul>

    <style>
        .soft-deleted {
            background-color: rgba(0, 0, 0, 0.05) !important;
            opacity: 0.6;
            filter: grayscale(20%) brightness(90%);
            transition: all 0.3s ease-in-out;
        }
    </style>
@endsection