@extends('layouts.app')
@section('title', 'Config Templates')

@section('content')
<div class="flex justify-between items-center mb-6">
    <div class="text-slate-500">Manage reusable RouterOS script templates.</div>
    <a href="{{ route('templates.create') }}" class="rounded-2xl bg-sky-600 text-white px-5 py-3 font-semibold">New Template</a>
</div>
<div class="space-y-4">
@foreach($templates as $template)
    <div class="rounded-3xl border border-slate-200 p-5">
        <div class="font-bold">{{ $template->name }}</div>
        <div class="text-sm text-slate-500 mt-1">{{ $template->category }}</div>
        <pre class="mt-4 bg-slate-950 text-slate-100 rounded-2xl p-4 overflow-x-auto text-xs">{{ $template->content }}</pre>
    </div>
@endforeach
</div>
<div class="mt-6">{{ $templates->links() }}</div>
@endsection