69 lines
4.7 KiB
HTML
69 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Drone Flight Request Submitted</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background: #f4f6f8; color: #24313d; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.55;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background: #f4f6f8; padding: 24px 12px;">
|
|
<tr>
|
|
<td align="center">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width: 680px; background: #ffffff; border-collapse: collapse; border-radius: 8px; overflow: hidden; border: 1px solid #dfe5eb;">
|
|
<tr>
|
|
<td style="background: #263645; color: #ffffff; padding: 24px 28px;">
|
|
<h1 style="margin: 0; font-size: 24px; line-height: 1.25;">Drone Flight Request Submitted</h1>
|
|
<p style="margin: 8px 0 0; font-size: 17px;">Reference {{ reference_number }}</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 28px;">
|
|
<p style="margin: 0 0 16px;">Hello {{ name }},</p>
|
|
<p style="margin: 0 0 20px;">We have received your drone flight request. We will email you when the approval status changes or if we need more information.</p>
|
|
|
|
<div style="border-left: 5px solid #f39c12; background: #fff7e6; padding: 16px 18px; margin: 0 0 22px;">
|
|
<p style="margin: 0; font-size: 17px;"><strong>Before you fly:</strong> if you have not received approval on the day of flight, you must contact the tower to chase your request before commencing flight, and at least 20 minutes before your planned takeoff time.</p>
|
|
</div>
|
|
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; margin: 0 0 22px;">
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc; width: 38%;"><strong>Reference</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ reference_number }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc;"><strong>Status</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ status }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc;"><strong>Takeoff</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ takeoff_time }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc;"><strong>Completion</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ completion_time }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc;"><strong>Location</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ location }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb; background: #f8fafc;"><strong>Max elevation</strong></td>
|
|
<td style="padding: 12px; border: 1px solid #dfe5eb;">{{ maximum_elevation_ft_amsl }} ft AMSL</td>
|
|
</tr>
|
|
</table>
|
|
|
|
{% if edit_url %}
|
|
<p style="margin: 0 0 22px;">
|
|
<a href="{{ edit_url }}" style="background: #3498db; color: #ffffff; display: inline-block; padding: 12px 18px; border-radius: 5px; text-decoration: none; font-weight: bold;">View, update, or cancel request</a>
|
|
</p>
|
|
{% endif %}
|
|
|
|
<p style="margin: 0; color: #5d6d7e;">Please quote your reference number in any replies.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|