@extends('layouts.master')

@section('page-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: 700px;
    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);
  }

  /* --- Form controls --- */
  .form-control,
  .form-select {
    border-radius: 0.5rem;
    transition: background-color .3s, color .3s, border-color .3s;
  }
  body.light-mode .form-control,
  body.light-mode .form-select {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
  }
  body.dark-mode .form-control,
  body.dark-mode .form-select {
    background-color: #2c2c3c;
    color: #e0e0e0;
    border: 1px solid #555;
  }
  body.light-mode .form-control::placeholder,
  body.light-mode .form-select {
    color: #888;
  }
  body.dark-mode .form-control::placeholder {
    color: #aaa;
  }

  /* --- Buttons --- */
  .btn-primary {
    border-radius: 0.5rem;
    font-weight: 500;
    transition: background-color .3s, border-color .3s;
  }
  body.light-mode .btn-primary {
    background-color: #1a237e;
    border-color: #1a237e;
    color: #fff;
  }
  body.light-mode .btn-primary:hover {
    background-color: #283593;
    border-color: #283593;
  }
  body.dark-mode .btn-primary {
    background-color: #90caf9 !important;
    border-color: #90caf9 !important;
    color: #000 !important;
  }
  body.dark-mode .btn-primary:hover {
    background-color: #a5d6a7 !important;
    border-color: #a5d6a7 !important;
  }
</style>
@endpush

<div class="glass-container">
  <h3 class="fw-bold mb-4">✏️ Edytuj notatkę</h3>

  <form method="POST" action="{{ route($prefix.'.wiedza.update', $wiedza) }}">
    @csrf
    @method('PUT')

    <div class="mb-3">
      <label for="tytul" class="form-label">Tytuł:</label>
      <input type="text"
             id="tytul"
             name="tytul"
             class="form-control"
             value="{{ $wiedza->tytul }}"
             placeholder="Wpisz tytuł notatki"
             required>
    </div>

    <div class="mb-3">
      <label for="tresc" class="form-label">Treść:</label>
      <textarea id="tresc"
                name="tresc"
                rows="6"
                class="form-control"
                placeholder="Wpisz treść notatki"
                required>{{ $wiedza->tresc }}</textarea>
    </div>

    <div class="mb-4">
      <label for="ticket_ids" class="form-label">Powiązane zgłoszenia:</label>
      <select id="ticket_ids"
              name="ticket_ids[]"
              class="form-select"
              multiple>
        @foreach($tickets as $ticket)
          <option value="{{ $ticket->id }}"
            @if(in_array($ticket->id, $wiedza->tickets->pluck('id')->toArray())) selected @endif>
            #{{ $ticket->id }} – {{ $ticket->subject }}
          </option>
        @endforeach
      </select>
    </div>

    <button type="submit" class="btn btn-primary">💾 Zapisz zmiany</button>
  </form>
</div>
@endsection