@extends('layouts.app')

@section('title', 'Materiais')

@section('content')
    <div class="page-header">
        <h1 class="page-title">Materiais</h1>
        <div class="actions">
            <a href="{{ route('admin.materials.trash') }}" class="btn secondary">Lixo</a>
            <a href="{{ route('admin.materials.create') }}" class="btn">+ Novo material</a>
        </div>
    </div>

    <form method="GET" class="filters">
        <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Pesquisar por título…">
        <select name="category">
            <option value="">Todas as categorias</option>
            @foreach ($categories as $cat)
                <option value="{{ $cat->id }}" @selected(($filters['category'] ?? '') == $cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
        <select name="approval">
            <option value="">Qualquer estado</option>
            @foreach (['Pending' => 'Pendente', 'Approved' => 'Aprovado', 'Rejected' => 'Rejeitado'] as $val => $lbl)
                <option value="{{ $val }}" @selected(($filters['approval'] ?? '') === $val)>{{ $lbl }}</option>
            @endforeach
        </select>
        <button type="submit" class="secondary">Filtrar</button>
    </form>

    <div class="card" style="padding:0.5rem 1rem;">
        <table>
            <thead>
                <tr>
                    <th>Título</th>
                    <th>Categoria</th>
                    <th>Tipo</th>
                    <th>Tamanho</th>
                    <th>Estado</th>
                    <th>Criado</th>
                    <th style="text-align:right;">Ações</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($materials as $m)
                    @php $v = $m->currentVersion(); @endphp
                    <tr>
                        <td>{{ $m->title }}</td>
                        <td>{{ $m->category?->name }}</td>
                        <td>{{ strtoupper($m->file_type) }}</td>
                        <td>{{ fmt_size($v?->file_size_bytes) }}</td>
                        <td>
                            <span class="badge badge-{{ strtolower($m->approval_status) }}">
                                {{ ['Pending'=>'Pendente','Approved'=>'Aprovado','Rejected'=>'Rejeitado'][$m->approval_status] ?? $m->approval_status }}
                            </span>
                        </td>
                        <td class="muted">{{ $m->created_at?->format('d/m/Y') }}</td>
                        <td style="text-align:right;">
                            <div class="tbl-actions">
                                @if ($m->approval_status !== 'Approved')
                                    <form method="POST" action="{{ route('admin.materials.approve', $m) }}">
                                        @csrf
                                        <button type="submit" class="icon-btn success" title="Aprovar"><x-icon name="grid" /></button>
                                    </form>
                                @endif
                                <a href="{{ route('admin.materials.download', $m) }}" class="icon-btn" title="Descarregar"><x-icon name="upload" /></a>
                                <form method="POST" action="{{ route('admin.materials.notify', $m) }}" onsubmit="return confirm('Notificar parceiros ativos sobre este material?')">
                                    @csrf
                                    <button type="submit" class="icon-btn" title="Notificar parceiros"><x-icon name="bell" /></button>
                                </form>
                                <a href="{{ route('admin.materials.edit', $m) }}" class="icon-btn" title="Editar"><x-icon name="settings" /></a>
                                <form method="POST" action="{{ route('admin.materials.destroy', $m) }}" onsubmit="return confirm('Mover para o lixo?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="icon-btn danger" title="Apagar"><x-icon name="archive" /></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="muted" style="padding:1.5rem;text-align:center;">Sem materiais. Cria o primeiro.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if ($materials->hasPages())
        <nav class="pagination-wrap" style="display:flex;gap:0.5rem;align-items:center;">
            @if ($materials->onFirstPage())
                <span class="btn secondary" style="opacity:.5;pointer-events:none;">Anterior</span>
            @else
                <a class="btn secondary" href="{{ $materials->previousPageUrl() }}">Anterior</a>
            @endif
            <span class="muted">Página {{ $materials->currentPage() }} de {{ $materials->lastPage() }}</span>
            @if ($materials->hasMorePages())
                <a class="btn secondary" href="{{ $materials->nextPageUrl() }}">Seguinte</a>
            @else
                <span class="btn secondary" style="opacity:.5;pointer-events:none;">Seguinte</span>
            @endif
        </nav>
    @endif
@endsection