@extends('layouts.contentLayoutMaster')
@section('title', 'Manage Resources')

@section('content')
<div class="container py-3">
  {{-- Session flash is shown in the layout; do not duplicate here. --}}

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Resources</h4>
    <a href="{{ route('admin.resources.create') }}" class="btn btn-primary">Create New</a>
  </div>

  <div class="card">
    <div class="table-responsive">
      <table class="table mb-0">
        <thead>
          <tr>
            <th style="width:60px;">ID</th>
            <th style="width:100px;">Thumb</th>
            <th>Title</th>
            <th>Subtitle</th>
            <th>Description</th>
            <th>Tags</th>
            <th style="width:180px;">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($resources as $r)
            <tr>
              <td>{{ $r->id }}</td>
              <td>
                @if(!empty($r->thumb_url))
                  <img src="{{ $r->thumb_url }}" alt="" style="max-height:48px; max-width:80px; object-fit:cover;">
                @else
                  <img src="{{ asset('images/default-resource.png') }}" alt="" style="max-height:48px; max-width:80px; object-fit:cover;">
                @endif
              </td>
              <td>{{ $r->title }}</td>
              <td>{{ $r->subtitle }}</td>
              <td style="max-width:300px; white-space:normal;">{{ Str::limit(strip_tags($r->description ?? ''), 200) }}</td>
              <td>
                @php
                  $tags = is_array($r->tags) ? $r->tags : (is_string($r->tags) && trim($r->tags) !== '' ? explode(',', $r->tags) : []);
                  $tags = array_map('trim', $tags);
                @endphp

                @if(!empty($tags))
                  @foreach($tags as $t)
                    @if($t !== '')
                      <span class="badge bg-light text-dark me-1">{{ $t }}</span>
                    @endif
                  @endforeach
                @endif
              </td>
              <td>
                <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.resources.edit', $r) }}">Edit</a>
                <form action="{{ route('admin.resources.destroy', $r) }}" method="POST" class="d-inline"
                      onsubmit="this.querySelector('button[type=submit]').disabled = true; return confirm('Delete this resource?');">
                  @csrf
                  @method('DELETE')
                  <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-center text-muted py-4">No resources yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  <div class="mt-3">
    {{ $resources->links() }}
  </div>
</div>
@endsection