@extends('layouts.app')
@section('title', 'Backups')

@section('content')
<div class="overflow-x-auto rounded-3xl border border-slate-200">
    <table class="min-w-full text-sm bg-white">
        <thead class="bg-slate-50"><tr class="text-left text-slate-500"><th class="p-4">Router</th><th class="p-4">Filename</th><th class="p-4">Type</th><th class="p-4">Status</th><th class="p-4">Created</th><th class="p-4"></th></tr></thead>
        <tbody class="divide-y divide-slate-100">
            @foreach($backups as $backup)
                <tr>
                    <td class="p-4">{{ $backup->router->name }}</td>
                    <td class="p-4">{{ $backup->filename }}</td>
                    <td class="p-4">{{ strtoupper($backup->type) }}</td>
                    <td class="p-4">{{ strtoupper($backup->status) }}</td>
                    <td class="p-4">{{ $backup->created_at }}</td>
                    <td class="p-4"><a href="{{ route('backups.download', $backup) }}" class="text-sky-600 font-semibold">Download</a></td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-6">{{ $backups->links() }}</div>
@endsection