@php
$paymentOptions = $payments->mapWithKeys(function ($payment) {
    return [
        $payment->id => $payment->url,
    ];
});
@endphp

@extends('layouts.master')

@section('title', $fineType->exists ? 'Boetetype bewerken' : 'Nieuw boetetype')

@section('content')
    <div class="container">
        <h1 class="mb-4">{{ $fineType->exists ? 'Bewerk boetetype' : 'Nieuw boetetype' }}</h1>

        <form method="POST" action="{{ route('fine.type.save') }}">
            @csrf

            <input type="hidden" name="id" value="{{ $fineType->id }}">
            <x-input type="text" name="description" label="Omschrijving" :value="$fineType->description" />
            <x-input type="text" name="amount" label="Bedrag (€)" :value="number_format($fineType->amount ?? 0, 2, ',', '')"/>

            <x-select name="payment_link_id" label="Tikkie-link" :options="$paymentOptions" />

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