@extends('layouts.app')
@section('title', __('Learning room management'))
@section('content')
<section class="panel-card p-5 sm:p-7">
  <h2 class="text-lg font-bold">{{ __('Add learning resource') }}</h2>
  <form method="POST" action="{{ route('admin.learning.store') }}" class="mt-4 grid gap-4 sm:grid-cols-2">@csrf
    <label class="block text-sm font-semibold">{{ __('Title') }}<input name="title" maxlength="255" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold">{{ __('Category') }}<input name="category" maxlength="100" value="general" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold sm:col-span-2">{{ __('Resource URL') }}<input name="url" type="url" class="field-control mt-2" required maxlength="2048"></label>
    <label class="block text-sm font-semibold sm:col-span-2">{{ __('Description') }}<textarea name="description" rows="2" maxlength="2000" class="field-control mt-2"></textarea></label>
    <button class="rounded-xl bg-blue-900 px-5 py-3 text-sm font-bold text-white sm:col-span-2">{{ __('Add resource') }}</button>
  </form>
</section>
<section class="panel-card mt-5 divide-y divide-slate-100">
  @forelse($resources as $resource)
    <div class="flex flex-wrap items-center justify-between gap-3 p-5">
      <div class="min-w-0"><p class="truncate font-bold text-slate-800">{{ $resource->title }}</p><p class="mt-1 truncate text-xs text-slate-500">{{ $resource->url }} · {{ $resource->category }}</p></div>
      <form method="POST" action="{{ route('admin.learning.update', $resource) }}">@csrf @method('PATCH')<input type="hidden" name="is_active" value="{{ $resource->is_active ? 0 : 1 }}"><button class="rounded-xl border border-slate-200 px-4 py-2 text-xs font-bold">{{ $resource->is_active ? __('Hide') : __('Publish') }}</button></form>
    </div>
  @empty<div class="p-8 text-center text-sm text-slate-400">{{ __('No learning resources added yet.') }}</div>@endforelse
</section>
<div class="mt-5">{{ $resources->links() }}</div>
@endsection