282 lines
20 KiB
PHP
282 lines
20 KiB
PHP
<div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-lg border-gray-200 dark:border-gray-700 overflow-hidden">
|
|
<!-- Card Header -->
|
|
<div class="px-6 py-4 bg-gradient-to-r from-gray-50 to-gray-100 dark:from-gray-700/30 dark:to-gray-800/30">
|
|
<div class="flex items-center space-x-3">
|
|
<svg class="w-6 h-6 text-indigo-600 dark:text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
</svg>
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-white">
|
|
Website Administrative Panel Information
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="px-6 py-4">
|
|
@isset($error)
|
|
<div class="mb-4 p-4 rounded-lg bg-red-50/80 dark:bg-red-900/20 border border-red-200 dark:border-red-800/50 backdrop-blur-sm">
|
|
<div class="flex items-start space-x-3 text-red-800 dark:text-red-200">
|
|
<svg class="w-5 h-5 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
<div>
|
|
<p class="text-sm font-medium">{{ $error }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="overflow-hidden rounded-lg">
|
|
<table class="min-w-full divide-y divide-gray-200 ">
|
|
<tbody class="bg-white dark:bg-gray-800 divide-gray-200 ">
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-center text-sm font-semibold text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/50">
|
|
Froxlor Panel Login Information
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-left text-xs font-light ">
|
|
You can access your Froxlor panel using the following information. This panel allows you to manage your website, databases, and other hosting features. Please keep this information secure and do not share it with anyone you do not trust. This panel is separate from your Paymenter account and has its own login credentials provided below.
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Panel Login URL:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
<a href="{{ $panel_info['login_url'] }}" target="_blank" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 hover:underline">
|
|
{{ str_replace('index.php', '', $panel_info['login_url']) }}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Username Credential:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
{{ $panel_info['username'] }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Password Credential:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
<span class="password-container relative inline-block">
|
|
<span class="password-blur select-none transition-all duration-200 hover:blur-none blur-sm">
|
|
{{ $panel_info['password'] }}
|
|
</span>
|
|
<span class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity duration-200 pointer-events-none">
|
|
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<button onclick="copyToClipboard('{{ $panel_info['password'] }}')" class="ml-2 text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300" title="Copy password">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path>
|
|
</svg>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-center text-sm font-semibold text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/50">
|
|
FTP Connection Information
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-left text-xs font-light ">
|
|
FTP is provided on the same server as your hosting service. You can connect to it using the following information. Please note that FTP over TLS/SSL (FTPS) is strongly recommended for security reasons. The FTP password is the same as your panel password. The default FTP directory is / (root), which corresponds to the home directory of your hosting service. This is where you should upload your website files. Do not upload files outside this directory as they will not be accessible via the web.
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
FTP Connection Host:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
ftps://webhost.virtnet.bond
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
FTP Connection Port:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
21
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Username Credential:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
{{ $panel_info['username'] }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Password Credential:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
<span class="password-container relative inline-block">
|
|
<span class="password-blur select-none transition-all duration-200 hover:blur-none blur-sm">
|
|
{{ $panel_info['password'] }}
|
|
</span>
|
|
<span class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity duration-200 pointer-events-none">
|
|
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<button onclick="copyToClipboard('{{ $panel_info['password'] }}')" class="ml-2 text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300" title="Copy password">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path>
|
|
</svg>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Encryption Type:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
TLS/SSL Explicit, TLSv1.3
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Website Files Root Directory:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
/ (root) - This is the home directory of your hosting service.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-center text-sm font-semibold text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/50">
|
|
MySQL Database Information (phpMyAdmin Available in Panel)
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-left text-xs font-light ">
|
|
MySQL is provided on the same server as your hosting service. You can connect to it using the following information. Please note that remote MySQL connections are not allowed for security reasons. You must connect to the database from within your hosting service or use a web-based database management tool such as phpMyAdmin, which is available in the panel. The database name, username, and password can be found in the panel. You will need to create the database and user yourself using the panel.
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Host:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
127.0.0.1 or localhost (Do not use socket connection)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Port:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
3306 (Default MySQL Port)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Connection Type:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
TCP (Do not use socket connection)
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Database Name:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
See Panel for more information. This is not the same as your panel username.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Username:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
See Panel for more information. This is not the same as your panel username.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
MySQL Password:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
See Panel for more information. This is not the same as your panel password.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-center text-sm font-semibold text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/50">
|
|
Domain Record Information
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2" class="px-4 py-2 text-left text-xs font-light ">
|
|
Domain/Subdomain must be set to the following values in your DNS provider to point to your hosting service. We do not provide DNS services or domain registration. You will have to manage your own DNS records and domain registrations. If you are using a custom domain, you will need to set the following records in your DNS provider. If you do not know what this means, please contact your domain registrar or DNS provider for assistance.<br/><br/> If this is a subdomain of webhost.virtnet.bond, you do not need to do anything as this is automatically handled for you by us and if already ready to use. No further action is required on your part.
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
Domain/Subdomain Name:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
{{ $service->properties->firstWhere('key', 'domain')->value ?? 'No domain set' }}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
A Host Record Value:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
45.154.99.22
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row" class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-700 dark:text-white">
|
|
AAAA Host Record Value:
|
|
</th>
|
|
<td class="px-4 py-3 text-sm text-gray-900 dark:text-white">
|
|
2a0b:4e07:8:1::4:0
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
@endisset
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function copyToClipboard(text) {
|
|
navigator.clipboard.writeText(text).then(function() {
|
|
// Optional: Show a tooltip or notification that the text was copied
|
|
console.log('Copied to clipboard');
|
|
}, function(err) {
|
|
console.error('Could not copy text: ', err);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.password-container:hover .password-blur {
|
|
filter: blur(0);
|
|
}
|
|
.password-blur {
|
|
filter: blur(4px);
|
|
transition: filter 0.2s ease;
|
|
}
|
|
</style> |