Kundesone/resources/views/domains/verify-domain.blade.php

175 lines
5.6 KiB
PHP
Raw Normal View History

2024-06-26 12:28:46 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Verify Domain</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link href="" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="{{ asset('assets/auth.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
2024-10-08 12:30:49 +00:00
<style>
body {
font-family: 'Satoshi', sans-serif;
background-color: #f4f7f9;
color: #333;
line-height: 1.6;
padding: 20px;
}
.container {
max-width: 90%;
margin: 40px auto;
padding: 30px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
h1, h2 {
margin-bottom: 15px;
color: #4A4A4A;
}
.alert {
border-radius: 8px;
padding: 15px;
margin-bottom: 20px;
font-weight: bold;
}
.domain-details, .dns-records {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.record {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 12px;
margin-bottom: 10px;
transition: background-color 0.3s, transform 0.2s;
}
.record:hover {
background-color: #f1f1f1;
transform: translateY(-1px);
}
.btn.signup {
background: #748C62;
color: white;
border: none;
padding: 12px 25px;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
transition: background 0.3s, transform 0.2s;
}
.btn.signup:hover {
background: #45a049;
transform: translateY(-1px);
}
@media (max-width: 768px) {
.container {
padding: 20px;
}
.btn.signup {
width: 100%;
font-size: 18px;
}
}
p:last-child {
margin-bottom: 0;
overflow-wrap: break-word;
}
.verify{
display: flex;
justify-content: flex-end;
}
</style>
2024-06-26 12:28:46 +00:00
</head>
<body>
<div class="container">
2024-10-08 12:30:49 +00:00
<h1>Instructions to Verify Domain</h1>
2024-06-26 12:28:46 +00:00
<div class="domain-details">
<div class="alert alert-{{$domain->getDomain()->getState() == 'active'?'success':'danger'}}">
2024-10-08 12:30:49 +00:00
<ul>
<li>Domain is {{$domain->getDomain()->getState()}}</li>
</ul>
2024-06-26 12:28:46 +00:00
</div>
<h2>Domain Information</h2>
<p><strong>Name:</strong> {{ $domain->getDomain()->getName() }}</p>
<p><strong>State:</strong> {{ $domain->getDomain()->getState() }}</p>
</div>
<div class="dns-records">
<h2>Step 1: Add Forwarder</h2>
2024-10-08 12:30:49 +00:00
<div class="record">
<p>Forward your email to internal email: <span class="alert-success"><b>kundesone.{{ $domain->getDomain()->getName() }}@mailgun.kundesone.no</b></span>. Make sure to forward only your company email that you registered.</p>
</div>
2024-10-08 12:30:49 +00:00
<h2>Step 2: Add Outbound DNS Records</h2>
@foreach($domain->getOutboundDnsRecords() as $record)
2024-06-26 12:28:46 +00:00
<div class="record">
<p><strong>Type:</strong> {{ $record->getType() }}</p>
<p><strong>Name:</strong> {{ $record->getName() }}</p>
2024-06-26 12:28:46 +00:00
<p><strong>Value:</strong> {{ $record->getValue() }}</p>
</div>
@endforeach
<h2>Step 3: Add Inbound DNS Records</h2>
@foreach($domain->getInboundDnsRecords() as $record)
2024-06-26 12:28:46 +00:00
<div class="record">
<p><strong>Type:</strong> {{ $record->getType() }}</p>
<p><strong>Name:</strong> {{ $domain->getDomain()->getName() }}</p>
2024-06-26 12:28:46 +00:00
<p><strong>Value:</strong> {{ $record->getValue() }}</p>
<p><strong>Priority:</strong> 10</p>
2024-06-26 12:28:46 +00:00
</div>
@endforeach
<h2>Note: DNS Propagation Time</h2>
2024-10-08 12:30:49 +00:00
<div class="record">
<p>DNS propagation can take up to 48 hours. During this time, your domain may not be active.</p>
</div>
2024-06-26 12:28:46 +00:00
</div>
2024-10-08 12:30:49 +00:00
<form id="verify-form" action="{{route('verifyDomain')}}" method="post">
@csrf
<input type="hidden" name="domain" value="{{$domain->getDomain()->getName()}}"/>
<div class="verify">
<button type="submit" class="btn signup">Verify Domain</button>
</div>
2024-06-26 12:28:46 +00:00
</form>
</div>
</body>
2024-10-08 12:30:49 +00:00
</html>