75 lines
5.0 KiB
HTML
75 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Drone Flight Request Approved</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: #1f7a4d; color: #ffffff; padding: 24px 28px;">
|
|
<h1 style="margin: 0; font-size: 24px; line-height: 1.25;">Drone Flight Request Approved</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;">Your drone flight request has been approved.</p>
|
|
|
|
{% if message %}
|
|
<div style="border-left: 5px solid #3498db; background: #eef7ff; padding: 16px 18px; margin: 0 0 22px;">
|
|
<p style="margin: 0;"><strong>Airport comment:</strong> {{ message }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<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> you must call the tower approximately 20 minutes before commencing flight. Do not commence unless you have made this pre-flight call and can comply with any tower instructions given at the 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 or phone calls.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|