@php
    $durationOptions = [
    [
        'id'=>'minutes',
        'ui_name' => 'Minute(s)'
    ],
       [
        'id'=>'hours',
        'ui_name' => 'Hours(s)'
    ],
      [
        'id'=>'days',
        'ui_name' => 'Day(s)'
    ],

    ];
@endphp


<x-ui.modal title="Generate One Time Password for {{$user->fullname}}" blade="{{ $viewName ?? 'unknown' }}" id="otp-modal-{{$user->id}}" >
    <x-slot name="body">
        <form action="" id="otp-form-{{$user->id}}">
            @csrf
            <x-ui.input-field.modal
                required
                label="Duration"
                name="duration"
                class="modal-input"
                type="number"
            >

            </x-ui.input-field.modal>
            <x-ui.select.modal
                required
                :options="$durationOptions"
                label="TYPE"
                name="duration_type"
                id="duration_type"
            />
            <div class="d-flex gap-3 mt-4 justify-content-center">
                <x-ui.blue-button class="close-modal-btn">
                    CANCEL
                </x-ui.blue-button>
                <x-ui.blue-button form="otp-form-{{$user->id}}">
                    GENERATE OTP
                </x-ui.blue-button>
            </div>

        </form>
    </x-slot>
</x-ui.modal>