@extends('layouts.master')

@section('content')
@php
    $rola   = auth()->user()->rola->nazwa ?? 'Użytkownik';
    $prefix = match ($rola) {
        'Administrator' => 'admin',
        'Moderator'     => 'moderator',
        'Serwisant'     => 'serwisant',
        default         => 'admin',
    };
@endphp

@push('styles')
<style>
  /* --- Glass container --- */
  .glass-container {
    margin: 2rem auto;
    max-width: 800px;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 20px;
    padding: 2rem;
    transition: background .3s, border-color .3s;
  }
  body.dark-mode .glass-container {
    background: rgba(30,30,40,0.6);
    border-color: rgba(255,255,255,0.1);
  }

  /* --- Muted text contrast --- */
  .glass-container .text-muted {
    transition: color .3s;
  }
  body.light-mode .glass-container .text-muted {
    color: #666 !important;
  }
  body.dark-mode .glass-container .text-muted {
    color: #ccc !important;
  }

  /* --- Text block --- */
  .glass-container .content-text {
    background: rgba(255,255,255,0.9);
    transition: background .3s;
  }
  body.dark-mode .glass-container .content-text {
    background: rgba(50,50,70,0.6);
  }

  /* --- Links styling --- */
  .glass-container a {
    transition: color .3s;
  }
  body.light-mode .glass-container a {
    color: #1a237e;
  }
  body.light-mode .glass-container a:hover {
    color: #283593;
  }
  body.dark-mode .glass-container a {
    color: #90caf9;
  }
  body.dark-mode .glass-container a:hover {
    color: #a5d6a7;
  }

  /* --- Button contrast in dark mode --- */
  body.dark-mode .btn-warning {
    background-color: #ffc107 !important;
    border-color:    #ffc107 !important;
    color:           #000     !important;
  }
  body.dark-mode .btn-danger {
    background-color: #d32f2f !important;
    border-color:    #d32f2f !important;
    color:           #fff     !important;
  }
</style>
@endpush

<div class="glass-container">
  <h3 class="fw-bold mb-2">{{ $wiedza->tytul }}</h3>
  <p class="text-muted small mb-4">
    Dodana przez: {{ $wiedza->user->name }} — {{ $wiedza->created_at->format('Y-m-d H:i') }}
  </p>

  <div class="content-text p-3 rounded mb-4 small">
    {!! nl2br(e($wiedza->tresc)) !!}
  </div>

  @if($wiedza->tickets->count())
    <h5 class="mb-3">🔗 Powiązane zgłoszenia</h5>
    <ul class="mb-4 ps-3">
      @foreach($wiedza->tickets as $ticket)
        <li>
          <a href="{{ route($prefix . '.tickets.show', $ticket) }}">
            #{{ $ticket->id }} – {{ $ticket->subject }}
          </a>
        </li>
      @endforeach
    </ul>
  @endif

  <div class="d-flex gap-2">
    <a href="{{ route($prefix . '.wiedza.edit', $wiedza) }}" class="btn btn-warning">
      ✏️ Edytuj
    </a>
    <form method="POST"
          action="{{ route($prefix . '.wiedza.destroy', $wiedza) }}"
          onsubmit="return confirm('Czy na pewno usunąć tę notatkę?');">
      @csrf @method('DELETE')
      <button type="submit" class="btn btn-danger">🗑️ Usuń</button>
    </form>
  </div>
</div>
@endsection