@props(['name', 'title', 'action', 'hint' => null, 'reasonLabel' => null, 'submitLabel' => null])
{{-- Reason form for rejecting drivers/documents/vehicles or cancelling rides. --}}
<x-admin.modal :name="$name" :title="$title">
    <form method="POST" action="{{ $action }}" class="space-y-4">
        @csrf
        <input type="hidden" name="_modal" value="{{ $name }}">
        <x-admin.textarea name="reason" :id="$name.'-reason'" :label="$reasonLabel ?? __('Reason (shown to the driver)')" rows="3" required minlength="5" maxlength="500" />
        @if ($hint)<p class="text-xs text-gray-500 dark:text-gray-400">{{ $hint }}</p>@endif
        <div class="flex justify-end gap-2">
            <x-admin.button variant="secondary" @click="open = false">{{ __('Cancel') }}</x-admin.button>
            <x-admin.button type="submit" variant="danger">{{ $submitLabel ?? __('Reject') }}</x-admin.button>
        </div>
    </form>
</x-admin.modal>