38 lines
1.8 KiB
PHP
38 lines
1.8 KiB
PHP
@props(['invoice'])
|
|
|
|
<flux:modal name="change-remote-port" class="md:w-[28rem]">
|
|
<div class="space-y-6">
|
|
<div>
|
|
<flux:heading size="lg">{{ __('Đổi Port Remote (RDP)') }}</flux:heading>
|
|
<flux:text class="mt-2">{{ __('Nhập port RDP mới cho máy ảo Windows (mặc định 3389).') }}</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.remote.port') }}">
|
|
@csrf
|
|
<input type="hidden" name="product_id" value="{{ $invoice->vm_id }}">
|
|
|
|
<flux:field>
|
|
<flux:label>{{ __('Port mới') }}</flux:label>
|
|
<flux:input name="new_port" type="number" min="1" max="65535" placeholder="3389" required />
|
|
<flux:description>{{ __('Chỉ áp dụng cho Windows. Kết nối đến sẽ cần dùng port này.') }}
|
|
</flux:description>
|
|
</flux:field>
|
|
<flux:field>
|
|
<flux:label>{{ __('Mật khẩu') }}</flux:label>
|
|
<flux:input name="password" type="password" placeholder="Nhập mật khẩu" required />
|
|
<flux:description>Vì lý do bảo mật, vui lòng xác thực mật khẩu VPS
|
|
</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>
|