@extends('layouts.admin')

@section('title', $label)

@section('content')
<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>➕ Add {{ $label }} (singular)</h2></div>
    <form method="post" action="{{ route('admin.taxonomies.store', $type) }}">
      @csrf
      <div class="field-row">
        <label class="field"><span>Name *</span>
          <input type="text" name="name" required placeholder="যেমন: Action">
        </label>
        <label class="field" style="max-width:120px"><span>Icon/Emoji</span>
          <input type="text" name="icon" placeholder="⚔️">
        </label>
        <label class="field"><span>Slug (optional)</span>
          <input type="text" name="slug" placeholder="auto from name">
        </label>
      </div>
      <button type="submit" class="btn btn-primary">Add</button>
    </form>
    <p class="hint">{{ $hint }}</p>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>All {{ $label }}</h2></div>
    @foreach($items as $item)
      <form id="tf{{ $item->id }}" method="post" action="{{ route('admin.taxonomies.update', [$type, $item]) }}" hidden>
        @csrf @method('PUT')
      </form>
    @endforeach
    <table class="admin-table">
      <thead><tr><th>Icon</th><th>Name</th><th>Slug</th><th></th></tr></thead>
      <tbody>
      @forelse($items as $item)
        <tr>
          <td><input class="in-icon" type="text" name="icon" form="tf{{ $item->id }}" value="{{ $item->icon }}" style="width:54px"></td>
          <td><input type="text" name="name" form="tf{{ $item->id }}" value="{{ $item->name }}" style="min-width:150px"></td>
          <td class="mono muted">{{ $item->slug }}</td>
          <td class="nowrap">
            <button type="submit" form="tf{{ $item->id }}" class="btn btn-sm btn-ghost">Save</button>
            <form method="post" action="{{ route('admin.taxonomies.destroy', [$type, $item]) }}" class="inline-form" onsubmit="return confirm('Delete?')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-danger">Del</button>
            </form>
          </td>
        </tr>
      @empty
        <tr><td colspan="4" class="empty">Nothing yet</td></tr>
      @endforelse
      </tbody>
    </table>
    <div class="pagination-wrap">{{ $items->links() }}</div>
  </div>
</div>
@endsection