31 lines
1.4 KiB
PHP
31 lines
1.4 KiB
PHP
@props(['invoice'])
|
|
|
|
<flux:modal name="change-ip" class="md:w-[28rem]">
|
|
<div class="space-y-6">
|
|
<div>
|
|
<flux:heading size="lg">{{ __('Đổi địa chỉ IP') }}</flux:heading>
|
|
<flux:text class="mt-2">{{ __('Nhập địa chỉ IP mới mà bạn muốn sử dụng.') }}</flux:text>
|
|
</div>
|
|
|
|
<form x-data="{ submitting: false }" x-on:submit.prevent="if (submitting) return; submitting = true; $el.submit()" method="POST" action="{{ route('service.change.ip') }}">
|
|
@csrf
|
|
<input type="hidden" name="product_id" value="{{ $invoice->vm_id }}">
|
|
|
|
<flux:field>
|
|
<flux:label>{{ __('Địa chỉ IP mới') }}</flux:label>
|
|
<flux:input name="ip" type="text" placeholder="103.42.xx.xx" required pattern="^(?:(?:[0-9]{1,3}\.){3}[0-9]{1,3})$" />
|
|
<flux:description>{{ __('Vui lòng nhập IPv4 hợp lệ. Yêu cầu sẽ được xử lý nếu khả dụng.') }}</flux:description>
|
|
</flux:field>
|
|
|
|
<div class="flex gap-2 justify-end mt-6">
|
|
<flux:modal.close>
|
|
<flux:button variant="ghost">{{ __('Hủy') }}</flux:button>
|
|
</flux:modal.close>
|
|
<flux:button type="submit" variant="primary" color="orange" x-bind:disabled="submitting">{{ __('Đồng ý') }}</flux:button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</flux:modal>
|
|
|
|
|