@props([
    'type' => 'submit',
    'status' => 'primary',
    'class' => '',
    'id' => null,
    'text' => null,
    'action' => null,
    'attr' => [],
])
@php
    $inputId = $id ?? 'btn_' . uniqid();
    $status = in_array($status, ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']) ? $status : 'primary';
    $type = in_array($type, ['submit', 'button', 'reset']) ? $type : 'submit';
    $text = $text ?? __('trans.save');
    $action = in_array($action, ['create', 'update', 'delete', 'save']) ? $action : null;

    $messages = [
        'save'   => __('trans.alert.confirm_save'),
        'delete' => __('trans.alert.confirm_delete'),
        'create' => __('trans.alert.confirm_create'),
        'update' => __('trans.alert.confirm_update'),
    ];
    $confirmMessage = $action ? ($messages[$action] ?? __('Are you sure?')) : null;

    // تحويل الـ attr array لـ HTML attributes string
    $attrString = collect($attr)
        ->map(fn($value, $key) => is_bool($value) ? ($value ? $key : '') : "{$key}=\"{$value}\"")
        ->filter()
        ->implode(' ');
@endphp

<button
    type="{{ $type }}"
    class="btn btn-{{ $status }} {{ $class }}"
    id="{{ $inputId }}"
    @if($confirmMessage) data-confirm="{{ $confirmMessage }}" @endif
    waves-effect
    {!! $attrString !!}
>{!! $text !!}</button>

@push('js')
    @if($confirmMessage)
        <script>
            $("#{{ $inputId }}").on('click', function () {
                return confirm("{{ $confirmMessage }}");
            });
        </script>
    @endif
@endpush