@extends('layouts.app')

@section('title', 'Lixo — Materiais')

@section('content')
    <div class="page-header">
        <h1 class="page-title">Lixo — Materiais</h1>
        <div class="actions"><a href="{{ route('admin.materials.index') }}" class="btn secondary">← Voltar aos materiais</a></div>
    </div>

    <div class="card" style="padding:0.5rem 1rem;">
        <table>
            <thead>
                <tr><th>Título</th><th>Categoria</th><th>Apagado</th><th style="text-align:right;">Ações</th></tr>
            </thead>
            <tbody>
                @forelse ($materials as $m)
                    <tr>
                        <td>{{ $m->title }}</td>
                        <td>{{ $m->category?->name }}</td>
                        <td class="muted">{{ optional($m->deleted_at)->format('d/m/Y H:i') }}</td>
                        <td style="text-align:right;">
                            <form method="POST" action="{{ route('admin.materials.restore', $m) }}">
                                @csrf
                                <button type="submit" class="secondary" style="padding:0.3rem 0.7rem;">Restaurar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="muted" style="padding:1.5rem;text-align:center;">O lixo está vazio.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection