<?php
/**
 * Confirmation email sent automatically to the prospect.
 *
 * Available variables: $data (array), $config (array).
 *
 * @package Briefify
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$site_name = get_bloginfo( 'name' );
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="margin:0;padding:0;background:#f4f6fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
	<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f6fa;padding:32px 16px;">
		<tr>
			<td align="center">
				<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:560px;background:#0a1628;border-radius:16px;overflow:hidden;">
					<tr>
						<td style="background:linear-gradient(90deg,#2bd4bf,#4f7cff);padding:20px 28px;">
							<span style="color:#04111f;font-weight:700;font-size:16px;letter-spacing:0.02em;"><?php echo esc_html( $site_name ); ?></span>
						</td>
					</tr>
					<tr>
						<td style="padding:32px 28px;">
							<div style="width:56px;height:56px;border-radius:50%;background:rgba(43,212,191,0.15);border:2px solid #2bd4bf;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
								&#10003;
							</div>
							<h1 style="margin:0 0 10px;color:#f4f8ff;font-size:20px;">
								<?php
								/* translators: %s: prospect first name. */
								printf( esc_html__( 'Thank you %s, your brief has been received!', 'nr-brief-builder' ), esc_html( $data['name'] ) );
								?>
							</h1>
							<p style="margin:0 0 20px;color:#b3c3d7;font-size:14px;line-height:1.6;">
								<?php esc_html_e( 'Your request has been sent successfully. You’ll get a personalized reply as soon as possible.', 'nr-brief-builder' ); ?>
							</p>

							<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:rgba(43,212,191,0.06);border:1px solid rgba(43,212,191,0.2);border-radius:10px;">
								<tr>
									<td style="padding:16px 18px;">
										<p style="margin:0 0 4px;color:#b3c3d7;font-size:11px;text-transform:uppercase;letter-spacing:0.08em;"><?php esc_html_e( 'Project type', 'nr-brief-builder' ); ?></p>
										<p style="margin:0;color:#f4f8ff;font-size:14px;font-weight:600;"><?php echo esc_html( isset( $data['project_type'] ) ? $data['project_type'] : '' ); ?></p>
									</td>
								</tr>
							</table>

							<p style="margin:24px 0 0;color:#b3c3d7;font-size:13px;line-height:1.6;">
								<?php esc_html_e( 'This is an automatic confirmation — no need to reply.', 'nr-brief-builder' ); ?>
							</p>
						</td>
					</tr>
					<tr>
						<td style="padding:16px 28px;background:rgba(255,255,255,0.03);">
							<p style="margin:0;color:#b3c3d7;font-size:11px;">
								<?php echo esc_html( $site_name ); ?> &middot; <?php echo esc_html( wp_parse_url( home_url(), PHP_URL_HOST ) ); ?>
							</p>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>
