@props(['case_id', 'case_comment'])
<div class="border-3 border-gray-600 mt-4 p-4 rounded-xl">
    <h2 class="text-xl font-semibold mb-4">Komentarz</h2>
    <form action="{{ route('office.cases.update.comment') }}" method="POST" class="space-y-2">@csrf
        <input type="hidden" name="case_id" value="{{ $case_id }}"/>
        <textarea id="message" name="message" rows="5" class="w-full px-3 py-2 border border-gray-300 rounded" placeholder="Teść komentarza ...">{{ $case_comment }}</textarea>
        <button type="submit" class="px-4 py-2 bg-gray-600 text-white font-medium rounded hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500">
            Zapisz
        </button>
    </form>
</div>