@extends('garage.layouts.app')

@section('title', 'Deleted — '.$def['label'])

@section('content')
<div class="container-fluid px-2 px-lg-3 py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb small mb-1">
                    <li class="breadcrumb-item"><a href="{{ route('garage.trash.index') }}">Deleted records</a></li>
                    <li class="breadcrumb-item active">{{ $def['label'] }}</li>
                </ol>
            </nav>
            <h1 class="h4 mb-0">
                <i class="bi {{ $def['icon'] ?? 'bi-trash' }} me-2 text-secondary"></i>Deleted {{ $def['label'] }}
            </h1>
            <p class="text-muted small mb-0">Restore a record to make it active again in lists and searches.</p>
        </div>
        <a href="{{ route('garage.trash.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>All categories
        </a>
    </div>

    @if(session('success'))<div class="alert alert-success py-2 small">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger py-2 small">{{ session('error') }}</div>@endif

    <form method="GET" action="{{ route('garage.trash.show', $type) }}" class="row g-2 mb-3">
        <div class="col-auto flex-grow-1" style="min-width:12rem;">
            <input type="search" name="search" value="{{ $search }}" class="form-control form-control-sm" placeholder="Search deleted {{ strtolower($def['label']) }}…">
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-sm btn-outline-secondary">Search</button>
        </div>
        @if($search !== '')
        <div class="col-auto">
            <a href="{{ route('garage.trash.show', $type) }}" class="btn btn-sm btn-outline-secondary">Clear</a>
        </div>
        @endif
    </form>

    <div class="table-responsive border rounded bg-white">
        <table class="table table-sm table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th>Record</th>
                    <th>Details</th>
                    <th>Deleted at</th>
                    <th class="text-end" style="width:7rem;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                <tr>
                    <td class="fw-semibold">{{ $row->title }}</td>
                    <td class="text-muted small">{{ $row->subtitle ?: '—' }}</td>
                    <td class="small">{{ $row->deleted_at ? \Illuminate\Support\Carbon::parse($row->deleted_at)->format('d M Y H:i') : '—' }}</td>
                    <td class="text-end">
                        <form method="POST" action="{{ route('garage.trash.restore', [$type, $row->id]) }}"
                              onsubmit="return confirm('Restore this record? It will appear again in normal lists.');">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-outline-success">
                                <i class="bi bi-arrow-counterclockwise me-1"></i>Restore
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="4" class="text-center text-muted py-4">
                        @if($search !== '')
                            No deleted records match your search.
                        @else
                            No deleted {{ strtolower($def['label']) }} in this garage.
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($rows->hasPages())
    <div class="mt-2">{{ $rows->links() }}</div>
    @endif
</div>
@endsection