@extends('layouts.master')

@section('title', 'Tikkie Links / Boete Betalingen')

@section('content')
<div class="container">
    <h1 class="mb-4">Tikkie Betalingen</h1>

    <a href="{{ route('fine.payments.new') }}" class="btn btn-success mb-3">➕ Nieuwe Tikkie-link</a>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <table class="table table-sm table-striped">
        <thead>
            <tr>
                <th>Bedrag</th>
                <th>Link</th>
                <th>Status</th>
                <th>Aangemaakt op</th>
                <th>Acties</th>
            </tr>
        </thead>
        <tbody>
            @foreach($payments as $payment)
                <tr>
                    <td>€{{ number_format($payment->amount, 2, ',', '.') }}</td>
                    <td>
                        <a href="{{ $payment->url }}" target="_blank" rel="noopener noreferrer">
                            Tikkie
                        </a>
                    </td>
                    <td>
                        @if($payment->status)
                            <span class="badge bg-success">Actief</span>
                        @else
                            <span class="badge bg-secondary">Inactief</span>
                        @endif
                    </td>
                    <td>{{ $payment->created_at->format('d-m-Y H:i') }}</td>
                    <td>
                        <a href="{{ route('fine.payments.edit', $payment) }}" class="btn btn-sm btn-outline-primary">✏️</a>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection