@extends('layouts.master')

@section('title', $payment->id ? 'Tikkie-link bewerken' : 'Nieuwe Tikkie-link')

@section('content')
<div class="container">
    <h1 class="mb-4">{{ $payment->id ? 'Tikkie-link bewerken' : 'Nieuwe Tikkie-link toevoegen' }}</h1>

    <form method="POST" action="{{ route('fine.payments.save') }}" class="card p-4 shadow-sm">
        @csrf
        <input type="hidden" name="id" value="{{ $payment->id }}">

        <div class="mb-3">
            <label for="amount" class="form-label">Bedrag (€)</label>
            <input type="number" name="amount" id="amount" step="0.01" class="form-control" value="{{ old('amount', $payment->amount) }}" required>
        </div>

        <div class="mb-3">
            <label for="url" class="form-label">Tikkie Link</label>
            <input type="url" name="url" id="url" class="form-control" value="{{ old('url', $payment->url) }}" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-select">
                <option value="1" {{ old('status', $payment->status) == 1 ? 'selected' : '' }}>Actief</option>
                <option value="0" {{ old('status', $payment->status) == 0 ? 'selected' : '' }}>Inactief</option>
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Opslaan</button>
        <a href="{{ route('fine.payments.list') }}" class="btn btn-secondary">Annuleren</a>
    </form>
</div>
@endsection